/* Orion 0.1.0 · Movimentos V4
 * Refino visual escopado para a lista de movimentos: mais densidade, leitura
 * temporal clara e ícones semânticos por categoria sem alterar qualquer regra
 * financeira ou de persistência.
 */
.movements-screen-v0{
  padding-top:14px;
}
.movements-toolbar-v0{
  min-height:42px;
  padding:0 0 7px;
}
.movements-filter-button-v0{
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border-color:rgba(125,169,235,.21);
  background:linear-gradient(180deg,rgba(112,163,255,.085),rgba(112,163,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.08);
}
.movements-list-v0{
  display:grid;
}
.movements-date-v0{
  display:flex;
  align-items:center;
  gap:10px;
  padding:18px 3px 9px;
  color:#8190a4;
  font-size:11px;
  font-weight:760;
  letter-spacing:.06em;
  font-variant-numeric:tabular-nums;
}
.movements-date-v0::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,rgba(125,151,186,.18),transparent);
}
.movement-row-v0{
  grid-template-columns:44px minmax(0,1fr) auto;
  min-height:78px;
  margin-bottom:9px;
  padding:12px 13px 12px 11px;
  gap:12px;
  border:1px solid rgba(145,169,201,.12);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%,rgba(112,163,255,.045),transparent 34%),
    linear-gradient(150deg,rgba(15,23,34,.91),rgba(9,16,25,.97));
  box-shadow:0 9px 24px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.018);
}
.movement-row-v0:active{
  transform:scale(.99);
  border-color:rgba(112,163,255,.26);
}
.movement-row-icon-v0{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#9aa8ba;
  background:rgba(154,168,186,.07);
  border:1px solid rgba(154,168,186,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.09);
}
.movement-category-icon-v0{
  width:21px;
  height:21px;
  stroke-width:1.85;
}
.movement-row-icon-v0.tone-gold{color:#d8b86d;background:rgba(216,184,109,.08);border-color:rgba(216,184,109,.18)}
.movement-row-icon-v0.tone-blue{color:#79a9ff;background:rgba(121,169,255,.08);border-color:rgba(121,169,255,.18)}
.movement-row-icon-v0.tone-cyan{color:#6fcbe7;background:rgba(111,203,231,.08);border-color:rgba(111,203,231,.18)}
.movement-row-icon-v0.tone-red{color:#ff918a;background:rgba(255,145,138,.08);border-color:rgba(255,145,138,.18)}
.movement-row-icon-v0.tone-violet{color:#a691f7;background:rgba(166,145,247,.08);border-color:rgba(166,145,247,.18)}
.movement-row-icon-v0.tone-green{color:#68d69f;background:rgba(104,214,159,.08);border-color:rgba(104,214,159,.18)}
.movement-row-icon-v0.tone-slate{color:#9aa8ba;background:rgba(154,168,186,.07);border-color:rgba(154,168,186,.14)}
.movement-row-copy-v0{
  gap:3px;
}
.movement-row-title-v0{
  font-size:15px;
  font-weight:720;
  letter-spacing:-.012em;
  color:#f0f4fa;
}
.movement-row-meta-v0{
  font-size:11.5px;
  color:#8997aa;
}
.movement-row-value-v0{
  font-size:15px;
  font-weight:740;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
@media(max-width:340px){
  .movement-row-v0{
    grid-template-columns:40px minmax(0,1fr);
    align-items:center;
  }
  .movement-row-icon-v0{
    width:38px;
    height:38px;
    border-radius:13px;
  }
  .movement-row-value-v0{
    grid-column:2;
    max-width:100%;
    text-align:left;
    margin-top:1px;
  }
}
