/* VERUS — área autenticada. Tokens do guia de marca 1.2; navegação lateral sempre em VERUS Black.
   Esmeralda no produto = marca e estado conforme; ação principal em botão neutro. */
:root{
  --black:#0C0E11; --graphite:#1C2126; --titanium:#A7ADB2; --platinum:#E7E9E8; --paper:#F4F3EF; --emerald:#0B5D4B; --emerald-dk:#084A3C; --focus:#0B5D4B;
  --font:"IBM Plex Sans","DejaVu Sans",system-ui,sans-serif; --mono:"IBM Plex Mono","DejaVu Sans Mono",ui-monospace,monospace;
  --signal:#5BB394; --accent:#0B5D4B;
  --bg:#F4F3EF; --surface:#FFFFFF; --surface-2:#F8F7F4; --ink:#0C0E11; --ink-strong:#0C0E11; --muted:#5F666C;
  --line:#D3D5D2; --line-soft:#E6E6E2; --field-line:#80878D; --warn-bg:#FBF6E9; --warn-line:#C9A95A; --warn-ink:#8F5E0A;
  --bad:#B03A2E; --good:#0B5D4B; --tint:#EEF4F1;
  --btn-bg:#0C0E11; --btn-ink:#F4F3EF; --btn-hover:#1C2126; --logo-ring:#1C2126;
  color-scheme:light; box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#111417; --surface:#171B1F; --surface-2:#14181C; --ink:#E7E9E8; --ink-strong:#F4F3EF; --muted:#A7ADB2;
  --line:#2A3036; --line-soft:#20262B; --field-line:#6B7278; --focus:#5BB394; --accent:#5BB394;  --warn-bg:#2A2515; --warn-line:#6E5A26; --warn-ink:#E0A43C;
  --bad:#EE8B80; --good:#5BB394; --btn-bg:#F4F3EF; --btn-ink:#0C0E11; --btn-hover:#E7E9E8; --logo-ring:#A7ADB2; --tint:#15261F; color-scheme:dark; } }
:root[data-theme="dark"]{
  --bg:#111417; --surface:#171B1F; --surface-2:#14181C; --ink:#E7E9E8; --ink-strong:#F4F3EF; --muted:#A7ADB2;
  --line:#2A3036; --line-soft:#20262B; --field-line:#6B7278; --focus:#5BB394; --accent:#5BB394;  --warn-bg:#2A2515; --warn-line:#6E5A26; --warn-ink:#E0A43C;
  --bad:#EE8B80; --good:#5BB394; --btn-bg:#F4F3EF; --btn-ink:#0C0E11; --btn-hover:#E7E9E8; --logo-ring:#A7ADB2; --tint:#15261F; color-scheme:dark; }
*,*::before,*::after{ box-sizing:border-box; }
html{ height:100%; }
body{ margin:0; min-height:100%; font-family:var(--font); background:var(--bg); color:var(--ink); line-height:1.55;
  font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased; transition:background-color .4s,color .4s; }
a{ color:inherit; text-underline-offset:.2em; text-decoration-thickness:1px; }
a:hover{ color:var(--good); }
:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.skip{ position:absolute; left:-9999px; } .skip:focus{ left:1rem; top:1rem; background:var(--surface); padding:.5rem; z-index:9; }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* marca */
.logo .lr{ fill:none; stroke:#A7ADB2; stroke-width:8.5; stroke-dasharray:260; stroke-dashoffset:260; animation:draw 1.6s cubic-bezier(.3,.1,.1,1) .1s forwards; }
.logo .lt{ fill:#F4F3EF; opacity:0; animation:fade .8s ease .7s forwards; }
.logo .ls{ fill:#A7ADB2; opacity:0; animation:fade .8s ease .7s forwards; }
.logo.on-light .lr{ stroke:var(--logo-ring); } .logo.on-light .lt{ fill:var(--ink-strong); } .logo.on-light .ls{ fill:var(--muted); }
@keyframes draw{ from{ stroke-dashoffset:260; } to{ stroke-dashoffset:0; } }
@keyframes fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes rise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }

/* estrutura */
.shell{ display:grid; grid-template-columns:248px minmax(0,1fr); min-height:100vh; }
.side{ background:var(--black); color:var(--platinum); padding:28px 22px; display:flex; flex-direction:column; gap:40px;
  position:sticky; top:0; height:100vh; overflow-y:auto; }
.side nav{ display:flex; flex-direction:column; gap:2px; font-size:.94rem; }
.side nav a{ color:var(--titanium); text-decoration:none; padding:11px 14px; border-left:2px solid transparent; display:flex; justify-content:space-between; }
.side nav a:hover{ color:var(--platinum); }
.side nav a[aria-current="page"]{ color:#F4F3EF; border-left-color:var(--signal); background:var(--graphite); }
.side .badge{ font-size:.8rem; color:var(--platinum); }
.side .foot{ margin-top:auto; display:flex; flex-direction:column; gap:2px; font-size:.88rem; }
.side .row{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px 0 14px; }
.side form{ margin:0; }
.linkbtn{ background:none; border:0; color:var(--titanium); font:inherit; cursor:pointer; padding:10px 0; }
.linkbtn:hover{ color:var(--platinum); }
.theme{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:transparent; border:0; padding:0; cursor:pointer; color:#A7ADB2; border-radius:50%; }
.theme svg{ width:22px; height:22px; overflow:visible; }
.theme circle{ fill:none; stroke:currentColor; stroke-width:1.6; }
.theme path{ fill:currentColor; stroke:none; }
.theme:hover{ color:#F4F3EF; }
.theme.redraw svg{ animation:turn .6s cubic-bezier(.3,.1,.1,1); }
@keyframes turn{ from{ transform:rotate(-180deg); } to{ transform:none; } }
main{ padding:40px clamp(20px,4vw,56px) 56px; max-width:1200px; width:100%; min-width:0; overflow-wrap:anywhere; }
.demo{ margin:0 0 20px; padding:8px 14px; background:var(--surface-2); border:1px solid var(--line); font-size:.85rem; color:var(--muted); }
.org{ font-size:.9rem; color:var(--muted); margin:0 0 4px; }
h1{ font-weight:200; font-size:clamp(2rem,3.4vw,2.75rem); letter-spacing:-.01em; margin:0 0 24px; color:var(--ink-strong); line-height:1.1; }
h2{ font-weight:500; font-size:1.1rem; margin:0 0 14px; color:var(--ink-strong); }
h3{ font-weight:500; font-size:1.2rem; margin:0; color:var(--ink-strong); }
.head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:24px; }
.head h1{ margin:0; }
.card{ background:var(--surface); border:1px solid var(--line); padding:24px 28px; animation:rise .6s ease both; }
.grid{ display:grid; gap:24px; margin-top:24px; }
.g2{ grid-template-columns:minmax(0,2fr) minmax(0,1fr); } .g3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.note{ font-size:.88rem; color:var(--muted); }
.muted{ color:var(--muted); }
.foot-legal{ margin-top:40px; padding-top:14px; border-top:1px solid var(--line); font-size:.82rem; color:var(--muted); }

.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 22px; font:500 .95rem/1 var(--font);
  text-decoration:none; border-radius:2px; border:1px solid transparent; cursor:pointer; white-space:nowrap; transition:background-color .2s,border-color .2s; }
.btn-primary{ background:var(--btn-bg); color:var(--btn-ink); } .btn-primary:hover{ background:var(--btn-hover); color:var(--btn-ink); }
.btn-line{ background:transparent; color:var(--ink); border-color:var(--field-line); } .btn-line:hover{ border-color:var(--ink); color:var(--ink); }
.btn:disabled{ background:var(--line); color:var(--muted); cursor:not-allowed; }

/* etapas */
.stages{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-top:2px solid var(--ink); }
.stages div{ padding:16px 14px 0; border-left:1px solid var(--line-soft); display:flex; flex-direction:column; gap:2px; }
.stages div:first-child{ border-left:0; padding-left:0; }
.stages .n{ font-size:1.9rem; font-weight:200; color:var(--ink-strong); }
.stages .n small{ font-size:.85rem; color:var(--muted); }
.stages .l{ font-size:.88rem; } .stages .s{ font-size:.75rem; color:var(--muted); }
.stages .hi .n{ color:var(--good); font-weight:300; } .stages .hi .l{ font-weight:500; }

table{ width:100%; border-collapse:collapse; font-size:.9rem; }
th{ text-align:left; font-weight:500; color:var(--muted); padding:8px 8px 8px 0; border-bottom:1px solid var(--line); }
td{ padding:11px 8px 11px 0; border-bottom:1px solid var(--line-soft); vertical-align:top; }
td.r,th.r{ text-align:right; }
.tw{ overflow-x:auto; }
.tw table{ overflow-wrap:normal; } .tw th{ white-space:nowrap; }   /* tabela rola dentro de .tw; palavras não quebram no meio */
.tag{ border:1px solid var(--ink); padding:1px 8px; font-size:.75rem; font-weight:600; white-space:nowrap; }
.tag.soft{ border-color:var(--field-line); color:var(--muted); font-weight:500; }

.dark-card{ background:var(--graphite); color:var(--platinum); border:0; }
.dark-card h2{ color:#F4F3EF; }
.dark-card .kv{ display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #2E353B; font-size:.9rem; }
.dark-card .kv:last-of-type{ border-bottom:0; }
.dark-card a{ color:var(--platinum); }

/* envio */
.drop{ border:1px dashed var(--field-line); background:var(--surface); padding:clamp(28px,5vw,48px); display:flex; flex-direction:column; gap:12px; align-items:flex-start; transition:border-color .2s,background-color .2s; }
.drop.over{ border-color:var(--accent); background:var(--tint); }
.drop-lead{ font-size:1.3rem; font-weight:300; color:var(--ink-strong); margin:0; }
.file-btn{ position:relative; margin-top:6px; }
.file-btn input{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.file-btn:focus-within{ outline:2px solid var(--ink); outline-offset:3px; }
.files{ list-style:none; padding:0; margin:0; }
.files li{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 16px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.92rem; animation:rise .4s ease both; }
.files li a{ word-break:break-all; }
.st{ color:var(--muted); }
.files li[data-status="rejeitado"] .st,.files li[data-status="erro"] .st,.err{ color:var(--bad); }
.files li[data-status="ok"] .st{ color:var(--good); }
.steps{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; font-size:.9rem; }
.steps li{ display:grid; grid-template-columns:24px 1fr; gap:10px; }
.steps b{ font-weight:600; }
.lock{ display:flex; gap:12px; align-items:flex-start; font-size:.9rem; margin:16px 0 0; }
.lock svg{ flex-shrink:0; margin-top:2px; }

/* pendências */
.issue{ background:var(--surface); border:1px solid var(--line); padding:22px 26px; margin-bottom:16px; animation:rise .5s ease both; }
.issue .k{ display:flex; gap:8px; align-items:center; font-size:.8rem; font-weight:600; margin-bottom:8px; }
.issue .k.obrig{ color:var(--bad); } .issue .k.melh{ color:var(--good); } .issue .k.info,.issue .k.verus{ color:var(--muted); }
.issue dl{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 16px; margin:12px 0 0; font-size:.9rem; }
.issue dt{ color:var(--muted); } .issue dd{ margin:0; }
.issue details{ margin-top:12px; font-size:.88rem; }
.issue summary{ cursor:pointer; min-height:32px; display:flex; align-items:center; }
.issue ul{ margin:8px 0 0; padding-left:18px; color:var(--muted); }
.section-t{ margin:28px 0 12px; }

/* verificações */
.checks{ list-style:none; padding:0; margin:0; }
.checks li{ padding:12px 0; border-bottom:1px solid var(--line-soft); font-size:.92rem; }
.checks .res{ display:inline-block; min-width:9.5rem; font-weight:500; }
.c-falhou .res{ color:var(--bad); } .c-passou .res{ color:var(--good); }
.checks details{ margin-top:4px; font-size:.86rem; color:var(--muted); }
.checks summary{ cursor:pointer; }

/* autenticação */
.auth{ min-height:100vh; display:grid; place-items:center; padding:32px 20px; }
.auth .box{ width:100%; max-width:420px; display:flex; flex-direction:column; gap:22px; }
.auth .topline{ display:flex; justify-content:space-between; align-items:center; }
.auth .theme{ color:var(--muted); } .auth .theme:hover{ color:var(--ink-strong); }
form.stack{ display:grid; gap:16px; }
.stack label{ display:grid; gap:6px; font-size:.9rem; }
input[type=email],input[type=password],input[type=text]{ font:inherit; font-size:1rem; min-height:50px; padding:0 14px; background:var(--surface);
  color:var(--ink-strong); border:1px solid var(--field-line); border-radius:2px; }
input:focus{ outline:2px solid var(--focus); outline-offset:0; border-color:var(--accent); }
.code-input{ letter-spacing:.4em; font-size:1.4rem !important; text-align:center; }
.secret{ font-family:var(--mono); font-size:1.05rem; letter-spacing:.06em; padding:14px 16px; background:var(--surface-2); border:1px solid var(--line); word-break:break-all; }
.alert{ padding:12px 16px; border:1px solid var(--warn-line); background:var(--warn-bg); color:var(--warn-ink); font-size:.92rem; }

@media (max-width: 1100px){ .stages{ grid-template-columns:repeat(4,minmax(0,1fr)); row-gap:16px; } .stages div:nth-child(5){ border-left:0; padding-left:0; } }
@media (max-width: 860px){
  .shell{ grid-template-columns:minmax(0,1fr); }
  .side{ position:static; height:auto; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:14px 18px; }
  .side nav{ flex-direction:row; flex-wrap:wrap; order:3; width:100%; font-size:.86rem; }
  .side nav a{ padding:8px 10px; border-left:0; border-bottom:2px solid transparent; }
  .side nav a[aria-current="page"]{ border-bottom-color:var(--signal); background:transparent; }
  .side .foot{ margin:0 0 0 auto; flex-direction:row; }
  .g2,.g3{ grid-template-columns:minmax(0,1fr); }
  .stages{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stages div{ border-left:0; padding-left:0; }
  .issue dl{ grid-template-columns:minmax(0,1fr); }
  /* iPhone: nada mais largo que a tela — listas de seleção e botões com texto longo quebram linha */
  select,input,textarea{ max-width:100%; }
  select{ width:100%; }
  .btn{ white-space:normal; text-align:center; line-height:1.3; padding-top:10px; padding-bottom:10px; max-width:100%; }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important; }
  .logo .lr{ stroke-dashoffset:0; } .logo .lt,.logo .ls{ opacity:1; }
}
.m0{ margin:0; } .mt0{ margin-top:0; } .mt12{ margin:12px 0 0; } .mt16{ margin:16px 0 0; } .mt20{ margin-top:20px; } .mt24{ margin-top:24px; } .mb14{ margin-bottom:14px; }
.iconh{ display:flex; gap:10px; align-items:center; } .break{ word-break:break-all; }
.dark-card .note,.dark-card .note a{ color:var(--platinum); }
/* barra lateral contínua em páginas longas */
@media (min-width: 861px){ .shell{ background:linear-gradient(to right, var(--black) 248px, transparent 248px); } }
/* movimentações */
.moves{ list-style:none; margin:0; padding:0; }
.moves li{ display:flex; flex-direction:column; gap:2px; padding:11px 0; border-bottom:1px solid var(--line-soft); font-size:.92rem; }
.moves li:last-child{ border-bottom:0; }
.moves .when{ font-size:.78rem; color:var(--muted); }
.moves li.new{ animation:rise .5s ease both; }
.live-tag{ display:inline-flex; align-items:center; gap:8px; }
.live{ width:8px; height:8px; border-radius:50%; background:var(--good); animation:pulse 2.4s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.kvs{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:8px 16px; font-size:.92rem; }
.hash{ font-family:var(--mono); font-size:.82rem; word-break:break-all; }
@media (max-width: 860px){ .kvs{ grid-template-columns:minmax(0,1fr); gap:2px; } .kvs .muted{ margin-top:8px; } }
.pager{ display:flex; gap:20px; align-items:center; font-size:.92rem; }
a.btn.mt12{ margin-top:12px; }
/* trilha */
.lot-row{ display:grid; grid-template-columns:140px minmax(0,1.4fr) 180px minmax(0,1fr); gap:16px; align-items:center; text-decoration:none; margin-bottom:12px; transition:border-color .2s; }
.lot-row:hover{ border-color:var(--ink); color:inherit; }
.lot-code{ font-weight:500; color:var(--ink-strong); }
.lot-prog{ display:flex; align-items:center; gap:10px; font-size:.85rem; color:var(--muted); }
.lot-prog .bar{ flex:1; height:6px; background:var(--line-soft); }
.lot-prog .bar i{ display:block; height:6px; background:var(--good); }
.good{ color:var(--good); font-weight:500; }
.now-box{ margin:0; padding:9px 14px; border:1px solid var(--ink); background:var(--surface); font-size:.92rem; }
.trail{ list-style:none; margin:0; padding:0; }
.trail li{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:12px; position:relative; padding-bottom:18px; }
.trail li::before{ content:""; position:absolute; left:11px; top:24px; bottom:0; border-left:2px dashed var(--field-line); }
.trail li:last-child::before{ display:none; }
.trail .dot{ width:24px; height:24px; border-radius:50%; border:2px solid var(--field-line); background:var(--bg); box-sizing:border-box; position:relative; z-index:1; }
.trail .name{ font-weight:500; color:var(--ink-strong); }
.trail .sit{ font-weight:400; color:var(--muted); font-size:.88rem; }
.trail .nota{ font-size:.88rem; color:var(--muted); }
.trail .doc{ display:block; font-size:.88rem; margin-top:2px; }
.trail .when{ font-size:.8rem; color:var(--muted); }
.trail li.st-concluida::before{ border-left:2px solid var(--good); }
.trail li.st-concluida .dot{ background:var(--good); border-color:var(--good); }
.trail li.st-concluida .dot::after{ content:"✓"; color:#fff; font-size:13px; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.trail li.st-em_andamento .dot,.trail li.st-atrasada .dot{ border-color:var(--ink); border-width:3px; animation:pulse 2.4s ease-in-out infinite; }
.trail li.st-atrasada .sit{ color:var(--bad); }
.trail li.st-nao_aplicavel{ opacity:.6; }
.trail li.st-pendente .name{ color:var(--muted); font-weight:400; }
.trail.flash li{ animation:rise .5s ease both; }
.auth .box.wide{ max-width:640px; }
.stack select{ font:inherit; font-size:1rem; min-height:50px; padding:0 12px; background:var(--surface); color:var(--ink-strong); border:1px solid var(--field-line); border-radius:2px; }
@media (max-width: 860px){ .lot-row{ grid-template-columns:minmax(0,1fr); gap:6px; } }
.lot-prog .bar i.p0{ width:0.0%; }
.lot-prog .bar i.p1{ width:9.1%; }
.lot-prog .bar i.p2{ width:18.2%; }
.lot-prog .bar i.p3{ width:27.3%; }
.lot-prog .bar i.p4{ width:36.4%; }
.lot-prog .bar i.p5{ width:45.5%; }
.lot-prog .bar i.p6{ width:54.5%; }
.lot-prog .bar i.p7{ width:63.6%; }
.lot-prog .bar i.p8{ width:72.7%; }
.lot-prog .bar i.p9{ width:81.8%; }
.lot-prog .bar i.p10{ width:90.9%; }
.lot-prog .bar i.p11{ width:100.0%; }

/* mesa */
.tile{ display:flex; flex-direction:column; gap:4px; text-decoration:none; }
.tile .n{ font-size:2.2rem; font-weight:200; color:var(--ink-strong); }
a.tile:hover{ border-color:var(--ink); color:inherit; }
.filters{ display:flex; flex-wrap:wrap; gap:6px 20px; margin:0 0 16px; font-size:.92rem; }
.filters a{ text-decoration:none; color:var(--muted); padding:6px 0; border-bottom:2px solid transparent; }
.filters a[aria-current="page"]{ color:var(--ink-strong); border-color:var(--accent); }
.inline-form{ display:flex; flex-wrap:wrap; gap:10px 14px; align-items:flex-end; margin-top:10px; font-size:.88rem; }
.inline-form label{ display:grid; gap:4px; }
.inline-form input,.inline-form select{ font:inherit; min-height:44px; padding:0 10px; border:1px solid var(--field-line); background:var(--surface); color:var(--ink-strong); border-radius:2px; }
.inline-form input[type=text]{ min-width:260px; }
.checks li.superseded{ opacity:.55; }
.form-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid .span2,.form-grid button{ grid-column:1 / -1; justify-self:start; }
.narrow-form{ max-width:420px; }
.authz{ border-color:var(--ink); margin-bottom:24px; }
.ficha{ margin-top:12px; padding:16px; background:var(--surface-2); border:1px solid var(--line-soft); }
.consent-line{ display:flex !important; gap:12px; align-items:flex-start; }
.consent-line input{ width:20px; height:20px; margin-top:2px; accent-color:var(--accent); flex-shrink:0; }
.attn{ color:var(--warn-ink); font-weight:500; }
@media (max-width: 860px){ .form-grid{ grid-template-columns:minmax(0,1fr); } }
/* ciclo comercial */
.big-number{ font-size:clamp(2.4rem,4vw,3.4rem); font-weight:200; margin:0 0 14px; color:var(--ink-strong); letter-spacing:-.02em; }
.gain{ background:var(--surface-2); border:1px solid var(--line-soft); padding:14px 16px; display:grid; gap:10px; }
.gainbar{ height:10px; background:var(--line-soft); }
.gainbar i{ display:block; height:10px; background:var(--good); }
.kvline{ display:flex; justify-content:space-between; gap:12px; padding:8px 0; }
.nowrap{ white-space:nowrap; }
.withdraw{ display:flex; gap:14px; align-items:center; margin:0 0 16px; }
.linkbtn.danger{ color:var(--bad); padding:0; }
.linkbtn.danger:hover{ text-decoration:underline; }
.ents{ border:0; margin:0; padding:0; display:grid; gap:4px; }
.files .hash{ color:var(--muted); }
.gainbar i.g0{ width:0%; }
.gainbar i.g1{ width:1%; }
.gainbar i.g2{ width:2%; }
.gainbar i.g3{ width:3%; }
.gainbar i.g4{ width:4%; }
.gainbar i.g5{ width:5%; }
.gainbar i.g6{ width:6%; }
.gainbar i.g7{ width:7%; }
.gainbar i.g8{ width:8%; }
.gainbar i.g9{ width:9%; }
.gainbar i.g10{ width:10%; }
.gainbar i.g11{ width:11%; }
.gainbar i.g12{ width:12%; }
.gainbar i.g13{ width:13%; }
.gainbar i.g14{ width:14%; }
.gainbar i.g15{ width:15%; }
.gainbar i.g16{ width:16%; }
.gainbar i.g17{ width:17%; }
.gainbar i.g18{ width:18%; }
.gainbar i.g19{ width:19%; }
.gainbar i.g20{ width:20%; }
.gainbar i.g21{ width:21%; }
.gainbar i.g22{ width:22%; }
.gainbar i.g23{ width:23%; }
.gainbar i.g24{ width:24%; }
.gainbar i.g25{ width:25%; }
.gainbar i.g26{ width:26%; }
.gainbar i.g27{ width:27%; }
.gainbar i.g28{ width:28%; }
.gainbar i.g29{ width:29%; }
.gainbar i.g30{ width:30%; }
.gainbar i.g31{ width:31%; }
.gainbar i.g32{ width:32%; }
.gainbar i.g33{ width:33%; }
.gainbar i.g34{ width:34%; }
.gainbar i.g35{ width:35%; }
.gainbar i.g36{ width:36%; }
.gainbar i.g37{ width:37%; }
.gainbar i.g38{ width:38%; }
.gainbar i.g39{ width:39%; }
.gainbar i.g40{ width:40%; }
.gainbar i.g41{ width:41%; }
.gainbar i.g42{ width:42%; }
.gainbar i.g43{ width:43%; }
.gainbar i.g44{ width:44%; }
.gainbar i.g45{ width:45%; }
.gainbar i.g46{ width:46%; }
.gainbar i.g47{ width:47%; }
.gainbar i.g48{ width:48%; }
.gainbar i.g49{ width:49%; }
.gainbar i.g50{ width:50%; }
.gainbar i.g51{ width:51%; }
.gainbar i.g52{ width:52%; }
.gainbar i.g53{ width:53%; }
.gainbar i.g54{ width:54%; }
.gainbar i.g55{ width:55%; }
.gainbar i.g56{ width:56%; }
.gainbar i.g57{ width:57%; }
.gainbar i.g58{ width:58%; }
.gainbar i.g59{ width:59%; }
.gainbar i.g60{ width:60%; }
.gainbar i.g61{ width:61%; }
.gainbar i.g62{ width:62%; }
.gainbar i.g63{ width:63%; }
.gainbar i.g64{ width:64%; }
.gainbar i.g65{ width:65%; }
.gainbar i.g66{ width:66%; }
.gainbar i.g67{ width:67%; }
.gainbar i.g68{ width:68%; }
.gainbar i.g69{ width:69%; }
.gainbar i.g70{ width:70%; }
.gainbar i.g71{ width:71%; }
.gainbar i.g72{ width:72%; }
.gainbar i.g73{ width:73%; }
.gainbar i.g74{ width:74%; }
.gainbar i.g75{ width:75%; }
.gainbar i.g76{ width:76%; }
.gainbar i.g77{ width:77%; }
.gainbar i.g78{ width:78%; }
.gainbar i.g79{ width:79%; }
.gainbar i.g80{ width:80%; }
.gainbar i.g81{ width:81%; }
.gainbar i.g82{ width:82%; }
.gainbar i.g83{ width:83%; }
.gainbar i.g84{ width:84%; }
.gainbar i.g85{ width:85%; }
.gainbar i.g86{ width:86%; }
.gainbar i.g87{ width:87%; }
.gainbar i.g88{ width:88%; }
.gainbar i.g89{ width:89%; }
.gainbar i.g90{ width:90%; }
.gainbar i.g91{ width:91%; }
.gainbar i.g92{ width:92%; }
.gainbar i.g93{ width:93%; }
.gainbar i.g94{ width:94%; }
.gainbar i.g95{ width:95%; }
.gainbar i.g96{ width:96%; }
.gainbar i.g97{ width:97%; }
.gainbar i.g98{ width:98%; }
.gainbar i.g99{ width:99%; }
.gainbar i.g100{ width:100%; }