.L8vODBqxr_dmzmv6Np5p {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* App initialization splash screen */
.W5jmZmuIXiMRr0osnyac {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
  background: var(--gradient-brand);
  flex-direction: column;
}

.H8NZl9piTvy6AXdPeJk1 {
  padding-top: 120px;
  display: flex;
  justify-content: center;
}

/* Desktop variant - applied via useView() in component */
.RS7OG1zzQ5MwceYEWLJ6 {
  padding-top: 40px;
}

.fTbH7PUUM3Mh01HanvNQ {
  height: 120px;
  width: 260px;
}

.e971mF8dAPK0KFMn1E6P {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Loading fallback for lazy-loaded pages */
.WmMDSYDLyTCTrZefO5mh {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 300;
  background-color: rgba(255, 255, 255, 0.9);
  justify-content: center;
  align-items: center;
}

.Q3zQLT4ROVptKqL3hS3F {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--gradient-brand);
  z-index: 10000;
  overflow: hidden;
}

.E944oKCPlqU4b4gf0RPs {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.xFy6V4EwTDv71PSiQzwD {
  background: rgba(255, 255, 255, 0.95);
  border-radius: var(--radius-lg);
  padding: var(--space-lg) var(--space-md);
  box-shadow: var(--shadow-xl);
  max-width: 280px;
  width: 80%;
  animation: xiAo1pUBazYmAWKMrutw 0.5s ease-out;
}

/* Desktop styles */
@media (min-width: 768px) {
  .xFy6V4EwTDv71PSiQzwD {
    padding: 50px var(--space-2xl);
    max-width: 500px;
    width: 90%;
    border-radius: var(--radius-2xl);
  }
}

@keyframes xiAo1pUBazYmAWKMrutw {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.fQvlk8va6mZ8zK9GN125 {
  width: 45px;
  height: 45px;
  margin: 0 auto var(--space-md);
  background: var(--brand-brown);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: n5QpjqIYYqCKLO8d4JAi 2s ease-in-out infinite;
}

@media (min-width: 768px) {
  .fQvlk8va6mZ8zK9GN125 {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
  }
}

@keyframes n5QpjqIYYqCKLO8d4JAi {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(var(--brand-brown-rgb), 0.7);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 10px rgba(var(--brand-brown-rgb), 0);
  }
}

.nOB6uXahn5_uXCWuUh1n {
  width: 26px;
  height: 26px;
  stroke: white;
  fill: none;
  stroke-width: 2.5;
}

@media (min-width: 768px) {
  .nOB6uXahn5_uXCWuUh1n {
    width: 45px;
    height: 45px;
  }
}

.hq1aTE8aiZwY6Vb_cQQC {
  font-size: var(--font-card-title);
  color: var(--brand-brown);
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .hq1aTE8aiZwY6Vb_cQQC {
    font-size: var(--font-page-title);
    margin-bottom: 20px;
    line-height: 1.4;
  }
}

.Rdo0AyAIEf2jOedgbovm {
  font-size: var(--font-caption);
  color: var(--text-tertiary);
  margin-bottom: 15px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .Rdo0AyAIEf2jOedgbovm {
    font-size: var(--font-card-title);
    margin-bottom: 30px;
    line-height: 1.5;
  }
}

.aZikNP2b5loyfS0Nz6YX {
  font-size: var(--font-caption);
  color: var(--grey-text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

@media (min-width: 768px) {
  .aZikNP2b5loyfS0Nz6YX {
    font-size: var(--font-label);
    gap: 8px;
  }
}

.Aj4SWgkmVDnAziUO9IoS {
  width: 6px;
  height: 6px;
  background: var(--brand-gold);
  border-radius: var(--radius-full);
  animation: HSmfKtRQop8ijRvl8o6u 1s ease-in-out infinite;
}

@media (min-width: 768px) {
  .Aj4SWgkmVDnAziUO9IoS {
    width: 8px;
    height: 8px;
  }
}

@keyframes HSmfKtRQop8ijRvl8o6u {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

/* Idle Timeout Countdown Prompt */
.Sgt3_fP14DqTcHwqtNAL {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 300; /* Higher than leftColumn z-index (200) to cover entire page on desktop */
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  animation: neFlzU0kWFOHLW078xWJ 0.3s ease-out;
}

@keyframes neFlzU0kWFOHLW078xWJ {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.n_acexvpTxYHRQ8OL7zE {
  width: 280px;
  max-width: 85%;
  padding: var(--space-lg) var(--space-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-2xl);
  background: var(--gradient-brown);
  box-shadow: var(--shadow-xl);
  animation: WKlo8BF1Yr6Y1QZkOuEM 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  transition: transform 0.2s ease;
}

/* Desktop variant - applied via useView() in component */
.eLHSiV_2itkZhE_CCPAI {
  width: 320px;
  padding: 35px 30px;
}

.n_acexvpTxYHRQ8OL7zE:hover {
  transform: scale(1.02);
}

@keyframes WKlo8BF1Yr6Y1QZkOuEM {
  from {
    opacity: 0;
    transform: scale(0.8) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.xpNFAgrQHGVqJhpBOiy4 {
  margin-bottom: 15px;
  /* Removed pulse animation - keep icon static */
}

.GmQ6S4aK3jkl1JBUQqFQ {
  color: white;
  font-size: var(--font-section-title);
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
}

.Z_NhD8xGXxMTJBI_jrSR {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 10px 0 15px 0;
}

.mtPfG9MKJq7bjffAyoOQ {
  transform: rotate(-90deg);
}

.L2Q6PXCU8VANY9Aj27fU {
  transition: stroke-dashoffset 0.5s ease;
}

.ylPZCRiYGmi02HmxDFsn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: var(--font-amount-large);
  font-weight: 700;
  /* Fixed size - no scaling animation */
}

.yJUDCvQaBgSWRP0NayhI {
  color: rgba(255, 255, 255, 0.95);
  font-size: var(--font-label);
  text-align: center;
  margin-bottom: 6px;
}

.QxZZZQogE2KtNSQRSIiP {
  color: var(--brand-gold);
  font-size: var(--font-caption);
  text-align: center;
  font-weight: 500;
}

/* Session Expired Prompt */
.hszsU73TM7w7MgDSUuRz {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 300; /* Higher than leftColumn z-index (200) to cover entire page on desktop */
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  animation: neFlzU0kWFOHLW078xWJ 0.3s ease-out;
}

.j_hTLcZJu9a4BsGWi60r {
  width: 85%;
  max-width: 400px;
  padding: 50px var(--space-lg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-2xl);
  background: white;
  box-shadow: var(--shadow-xl);
  animation: WKlo8BF1Yr6Y1QZkOuEM 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.v1y2bwQtbdFN_GXsv1uS {
  width: 380px;
  max-width: 90%;
  padding: 50px var(--space-2xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-2xl);
  background: white;
  box-shadow: var(--shadow-xl);
  animation: WKlo8BF1Yr6Y1QZkOuEM 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.WoXGmMYn3o9Ds1j8J3TL {
  width: 70px;
  height: 70px;
  margin-bottom: var(--space-lg);
  background: rgba(var(--brand-brown-rgb), 0.1);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pP0DLTuL_ygQ0T_IYN5K 0.6s ease-out;
}

@keyframes pP0DLTuL_ygQ0T_IYN5K {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pVeUnv_vvvIlVREGhwKQ {
  font-size: var(--font-page-title);
  font-weight: 700;
  color: var(--brand-brown);
  margin-bottom: 12px;
  text-align: center;
}

.j0vsLqJfyV5U5iV7Nw2s {
  font-size: var(--font-section-subtitle);
  font-weight: 700;
  color: var(--brand-brown);
  margin-bottom: 12px;
  text-align: center;
}

.jpQs8wElfVdXAz19XMC7 {
  font-size: var(--font-body);
  color: var(--text-tertiary);
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.5;
}

.F4keOfQxmpCfzPsnRidi {
  font-size: var(--font-label);
  color: var(--text-tertiary);
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.5;
}

.vyQFJbNEZqo46QeTUYDr {
  display: flex;
  gap: 8px;
  align-items: center;
}

.W08Xp07r8NJmkBzxhvtV {
  width: 8px;
  height: 8px;
  background: var(--brand-gold);
  border-radius: 50%;
  animation: vmSLz7Zqa1l90FDcpshS 1.4s ease-in-out infinite;
}

.W08Xp07r8NJmkBzxhvtV:nth-child(1) {
  animation-delay: 0s;
}

.W08Xp07r8NJmkBzxhvtV:nth-child(2) {
  animation-delay: 0.2s;
}

.W08Xp07r8NJmkBzxhvtV:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes vmSLz7Zqa1l90FDcpshS {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.7;
  }
  30% {
    transform: translateY(-10px);
    opacity: 1;
  }
}

.g6byQDNP4GptoK3zpy0L {
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  align-items: center;
}

.JR6UIwG4AexsQM359AAD {
  color: var(--text-tertiary);
  margin-left: 10px;
}

.boMOFHSDYz6rxnINuJqG {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
}

.DSxcInsjsFheaYkrdbug, .sYJyoxj3NRuQ3bzvMXwI {
  cursor: text;
  user-select: text;
}

/* Container for mobile page content */
.AxP0G8dF7ip2tGgqtH21 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.gD6Wtxgcwmk4SkqlvNGS {
  display: flex;
  flex-direction: column;
  width: 250px;
}

.SBEL8VSlyYJm5ksH85G4 {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.OAFToZ6AzrtGkmr0Tro3 {
  width: 50%;
  cursor: pointer; 
}

.egdGnt4cYIyKJooHJaSu {
  color: var(--grey-button);
}

.A5OhZWgW9NKxsn_NAP0b {
  color: var(--text-primary);
}

.pfomc5TOBNjN72Mwiyys {
  width: 40%;
  height: 2px;
  position: relative;
  left: 0;
  background-color: var(--brand-gold);
  transition-property: left;
  transition-duration: 0.3s;
}

.a21sqptmMj2ixfwZip6p {
  left: 50%;
}

.hTpk8bDcCuK0P1Ox0ddR {
  width: 90%;
  max-width: 300px;
  min-height: 94px;
  background: var(--gradient-gold);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 5px;
  padding-left: 5px;
  color: white;
  align-items: center;
}

.ZYE3GP5ZBSK8QcgeYh9u {
  max-width: 250px;
}

.SY65jWKO4i_KWX9m3Ld8 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}

.VYMMNznSRTMfukK_M0ws {
  font-size: var(--font-caption);
}

.YUhbiygAxClpOdHCQBAW {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.aOV3tZyIXzjululitbs1 {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer;
}

.EPkeWNNzBztnZRpxU83z {
  color: var(--text-primary);
  font-weight: bold;
  text-align: center;
}

.chcLHkLvFlCK93TvENU1 {
  cursor: pointer;
}

/* Note: containerButtonVerOptions, containerButtonOptions removed
   Button spacing now handled by FormButtonGroup */

.Yyub3CFe9YgG50OrqciS {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 15px;
}

.u9LwpdZN7Z7_D8iYLfoT {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px;
}

.x8y9rSzLIS75ipJNdsah {
  color: var(--brand-brown);
}

.vw761dSL9KZngKumDTpW, .w64zWzLhn5baGXCuG9yA {
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
}

.vw761dSL9KZngKumDTpW tbody tr td, .w64zWzLhn5baGXCuG9yA tbody tr td {
  padding: 14px 16px;
  background-color: rgba(190, 158, 85, 0.04);
}

.w64zWzLhn5baGXCuG9yA tbody tr td:first-child {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.w64zWzLhn5baGXCuG9yA tbody tr td:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.w64zWzLhn5baGXCuG9yA tbody tr {
  transition: background-color 0.15s ease;
}

.w64zWzLhn5baGXCuG9yA tbody tr:hover td {
  background-color: rgba(190, 158, 85, 0.08);
}

.vw761dSL9KZngKumDTpW tbody tr {
  border-bottom: solid;
  border-width: thin;
  border-color: var(--border-medium);
}

.vw761dSL9KZngKumDTpW tbody tr:first-child {
  border-top: none;
}

.vw761dSL9KZngKumDTpW tbody tr:last-child {
  border-bottom: none;
}

.u5XQScXPqhwA0egIbQ9x {
  border-bottom: solid;
  border-bottom-width: thin;
  border-bottom-color: var(--grey-border);
}

.H3CQaggtDUO5LQhLKkPR {
  text-align: right;
  color: var(--text-muted);
  padding-left: 20px;
}

.uGiUknyXJ4OSUpu1gY4g {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 15px;
}
/* Mobile "Mais movimentos" button spacing */
.gcipmQ4i8oaUeC5N8Yp7 {
  margin-top: 20px;
  align-self: center;
}

/* Mobile action button spacing (Reforçar, Mobilizar, Utilizar, Amortizar) */
.Ta5xbD7bm39_k5ZzTG_n.Ta5xbD7bm39_k5ZzTG_n {
  margin-top: 10px;
}

/* Desktop "Mais movimentos" button spacing */
.CGXMM_8YR09jkTDBGDvm {
  margin-top: 20px;
  margin-bottom: 20px;
}

.HFzC_HktQ6R4nIeF8wcU {
  font-size: var(--font-card-title);
}

.JzVY2zySB3KZtEnbGbHu {
  margin-left: 5px;
}

.FpD4g26zBGBEX9HSICiB {
  margin-left: 15px;
}

/* .hide moved to layoutPatterns.css as layout-hide */

.pLet51H24p3cT01GsOUU {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.cNbW2W3Tz7Hpd9rhI5Z6 {
  background-color: white;
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
}

.rslYP4IFHv2bAcDOYZJo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}

.IkXjIEgAXHf1nPkdi5LN {
  display: flex;
  flex-direction: row;
  background-color: rgba(190, 158, 85, 0.2);
  padding: 10px;
  align-items: center;
}

.hiPNUHFcC1OF5UHcr29M {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}

.gH0TCLJbtW0DIdgdPd9h {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.UFYGVyIX5Oyn4jieiHac {
  font-size: var(--font-card-title);
}

.oAWUWnOL7Aj5W_tLNlKN {
  padding-left: 5px;
}

.uNUIsPze0FJrU3QS0mz2 {
  color: var(--text-tertiary);
  font-size: var(--font-caption);
}

.zSZKWG7Bict06rt2marq {
  color: var(--text-tertiary);
  font-size: var(--font-caption);
}

.Rax9T4ypMb2bN_aEoCia {
  margin-bottom: 10px;
}

.fhvzcErAsc98D3AFW3F_ {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.QtX6AuiF2iiq6j1blL2o {
  display: flex;
  flex-direction: column;
}

.yVe2sh4FSiyU1uDf8_Iu {
  font-size: var(--font-label);
  font-weight: 600;
  color: var(--brand-brown);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(190, 158, 85, 0.3);
}

.pXF471h__ydEOw79mQHI {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  background-color: rgba(190, 158, 85, 0.04);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-sm);
  border: 1px solid rgba(190, 158, 85, 0.12);
  align-items: center;
  justify-content: space-between;
}

.gzmjuohxnyzuW3NZVk_W {
  font-size: var(--font-label);
  color: var(--text-primary);
  line-height: 1.4;
}

.oHxsVOQ8w5M848EDHmxC {
  font-size: var(--font-caption);
  color: var(--text-muted);
  margin-top: 4px;
}

.RbwEsHPjXe6U7lbQ4ZnA {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}

.u7LiWR64W3P9rN0Tw9gd {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-right: 12px;
}

.FEzZ3AAk4E12VLnIJot6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.S7Yr_sx5undbjVn65HOr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  margin-left: 12px;
}

.J_Ubc8ofH74QRxRC7eI_ {
  font-size: var(--font-body);
  font-weight: 600;
  white-space: nowrap;
}

.ZxltNrFlX_sd6Vk_XS54.ZxltNrFlX_sd6Vk_XS54 {
  color: var(--status-success);
}

.Jp0iZGwZiCBbHVULFLS6.Jp0iZGwZiCBbHVULFLS6 {
  color: var(--status-error);
}

.zgiQfFOk4aK_oqXGPlcG {
  display: none;
}

.cYRmiPAeWYdgAzotJGHw {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 100;
  justify-content: center;
  background-color: rgba(100,100,100,0.5);
  align-items: center;
}

.HiX82AIKgMacSUIcZmnm {
  width: 200px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
  background-color: var(--grey-border);
}

.LclnV2kHCBrCaQhKCCuE {
  text-align: center;
}

.j0xSzPgmGPxSeCjrwerT {
  display: flex;
}

/* Container for desktop page content */
.t47MMpmVWQTMXRZgmkyP {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.MP35SoW5jMxmXno0a1a0 {
  width: 100%;
  overflow: visible;
  position: relative;
}

.ElzJEfrFWeLzrtZR8Vis {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -20px;
  margin-bottom: -20px;
}

.ElzJEfrFWeLzrtZR8Vis::before,
.ElzJEfrFWeLzrtZR8Vis::after {
  content: '';
  flex-shrink: 0;
  width: calc(50% - 160px);
}

.ElzJEfrFWeLzrtZR8Vis::-webkit-scrollbar {
  display: none;
}

.ZJcYunR4dvggfzGBRRZj {
  min-width: 280px;
  max-width: 280px;
  flex-shrink: 0;
  border: 2px solid;
  border-radius: var(--radius-lg);
  padding: 20px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  scroll-snap-align: center;
  transform-origin: center;
}

.ZJcYunR4dvggfzGBRRZj * {
  cursor: pointer;
}

.Csc111vwud7zcyImIygq {
  border-color: var(--brand-gold);
  background: var(--gradient-gold);
  color: white;
  box-shadow: var(--shadow-brand-gold);
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}

.eqGVaMVwmXbcTQxg5ZfM {
  border-color: var(--border-strong);
  background-color: var(--bg-card);
  color: var(--text-secondary);
  transform: scale(0.85);
  opacity: 0.5;
  z-index: 1;
}

.eqGVaMVwmXbcTQxg5ZfM:hover {
  border-color: var(--brand-gold);
  box-shadow: var(--shadow-md);
  transform: scale(0.9);
  opacity: 0.7;
}

.K4OESY17iFzXqYrbbBvV {
  font-size: var(--font-body);
  font-weight: 600;
  text-align: center;
  min-height: 20px;
}

.WoDf376TofB7u2yIVuJ5 {
  font-size: var(--font-label);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.5px;
}

.xfeyoPVIU7CRz2JSSpf_ {
  font-size: var(--font-caption);
  text-align: center;
  opacity: 0.9;
  min-height: 18px;
}

.Lzk9PZx0afxaVMqJG9Xk {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid;
  border-color: inherit;
}

.Csc111vwud7zcyImIygq .Lzk9PZx0afxaVMqJG9Xk {
  border-color: rgba(255,255,255,0.3);
}

.eqGVaMVwmXbcTQxg5ZfM .Lzk9PZx0afxaVMqJG9Xk {
  border-color: rgba(200,200,200,0.5);
}

.QCkjs19Yx1dHIk0jcM7J {
  font-size: var(--font-section-title);
  font-weight: bold;
}

.kAghkgtMGxc__mbO1ltQ {
  font-size: var(--font-caption);
  font-weight: 500;
  opacity: 0.9;
}

/* Expired card indicator */
.x45cNBsXx4DcEe7NT2ko {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: 4px var(--space-sm);
  background-color: rgba(180, 60, 60, 0.15);
  border-radius: var(--radius-xs);
  margin-top: var(--space-xs);
}

.Csc111vwud7zcyImIygq .x45cNBsXx4DcEe7NT2ko {
  background-color: rgba(255, 100, 100, 0.25);
}

.eLJQJVevNT6y6JVQ2wPK {
  font-size: var(--font-caption);
  font-weight: 600;
  color: var(--status-warning);
}

.Csc111vwud7zcyImIygq .eLJQJVevNT6y6JVQ2wPK {
  color: #ffcccc;
}

.VF9qcDaJMtFrTwrwNEoo {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  justify-content: center;
}

.cR3lZhMvEB5RcKANfdTB {
  background-color: transparent;
  padding: 0;
  width: 100%;
  /* Ensure container stretches to full width even when parent has align-items: center */
  align-self: stretch;
}

.Yjk5CtmZ9ks7loSwM22R {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  justify-content: center;
  width: 100%;
}

.FgmbNXff2Ki3vxjQfs38 {
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Ensure full width in flex parent */
  width: 100%;
  align-self: stretch;
}

.u3BS1M4iugo0Ow3uQOOA {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 10px;
}

.kXAexY9BLydMgSzEmZDQ {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 10px;
}

/* Pesquisar button spacing/sizing - using doubled selector for higher specificity */
.soK_hoXel2G1Oh9F_VuA.soK_hoXel2G1Oh9F_VuA {
  padding: var(--space-sm);
  margin-right: 20px;
  margin-left: var(--space-sm);
  font-size: var(--font-caption);
  border-radius: var(--radius-sm);
  min-width: unset;
  height: auto;
}

.kVDJArtjapIDnjFZZ5ww {
  display: flex;
  flex-direction: row;
}

.UixspifLSlpOXcSYVdcD {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.pAN7RnFCt1VloM9El6p8 {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.vrHXSjeB5HPhsUj5Nd4f {
  color: var(--brand-brown);
  font-size: var(--font-caption);
  margin-bottom: 5px;
}

.akFDKZUYP7QeAEDsnntd {
  padding: 7px;
  border-color: var(--border-default);
  border-width: 1px;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

.k0X0hRjzilzkQ02PDNgT {
}

.akFDKZUYP7QeAEDsnntd::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: red;
}

.akFDKZUYP7QeAEDsnntd::-webkit-datetime-edit-day-field:focus,
.akFDKZUYP7QeAEDsnntd::-webkit-datetime-edit-month-field:focus,
.akFDKZUYP7QeAEDsnntd::-webkit-datetime-edit-year-field:focus
{
  background-color: rgba(190, 158, 85, 0.7);
}

.akFDKZUYP7QeAEDsnntd:focus {
  outline: none;
  border-color: var(--brand-brown);
}

.vu0n385eR2Ns8RsoKcy4 {
  padding: 7px;
  border-color: var(--border-default);
  border-width: 1px;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

.vu0n385eR2Ns8RsoKcy4:focus {
  outline: none;
  border-color: var(--brand-brown);
}

/* Mobile movement search container */
.XBsI3bkcYHeqPmUtyOXT {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 15px;
  margin-top: 15px;
}

.Jzb0NgiSRL1DPpY3jhIC {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  gap: 10px;
}

.NQT_oKKaCAyqPQSDD0hs {
  flex: 1;
}

.qIv4hZBGq6fh_TOpeWOA {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.X5ihjad1rJfECBxrvS4Z {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.uoRNDOzK8naTzrdiv23C {
  cursor: pointer;
  color: var(--brand-brown);
}

/* Desktop movement search container */
.r8jYwwDdEr4fmtK4OPwm {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 15px;
  margin-top: 15px;
}

.PuxHJIxVR_IFFzvxICQc {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  gap: 15px;
  align-items: flex-end;
}

.VSoWWXkID3zTaXpHDhpw {
  width: 150px;
}

.kVatGNekGiiDRY1nOIo9 {
  padding: 7px;
  border-color: var(--border-default);
  border-width: 1px;
  border-radius: var(--radius-sm);
  cursor: pointer;
}

.hKtaKuZWtKokj3PNmBDO {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.Jk_yxV5wia3M9e8CeIQd {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.uhhmbGvdkLBsY3eobdpA {
  cursor: pointer;
  color: var(--brand-brown);
}

/* Top rectangle buttons */
.io6Cmef6vRXUfXjoPsPc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
  gap: 10px;
}

.mR26EBl_lVdyz1UMUVXG {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
}

.Zr2FNAugcKYVJzh68yi4 {
  /* Row height is now controlled by cell padding */
}

.wDWT6qtoHMyXDTIr_hWh {
  text-align: left;
  color: var(--brand-brown);
  font-size: var(--font-caption);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 16px 12px 16px;
}

.vxolJmJI8dAGemK5KQ7A {
  vertical-align: middle;
  color: var(--text-secondary);
  font-size: var(--font-label);
}

.LgSMW3LPbNidSDf9L2v7 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}

.KehzksKnjzKOg1f_YHgh {
  margin-right: 10px;
}

.kNUlFekegOK3rG3sKcLf {
  margin-right: 10px;
}

.UUYqTD2GmRmFSjhmtO5g, .fg41UPoGXsvQe8pBFFNL {
  white-space: nowrap;
}

.vMWhZ7t9ykQGKdfRgEhB, .CkZ6iMLrZ29oAEn3LXRU {
  text-align: right;
  font-weight: 600;
}

.zzDeXb1bu8lMjoTqSA_t, .Yai6cz23t7OOR_q9EJbc {
  text-align: right;
}

.wDWT6qtoHMyXDTIr_hWh:not(:last-child), .vxolJmJI8dAGemK5KQ7A:not(:last-child) {
  padding-right: 16px;
}

/* ============================================
   MOBILE ACTIONS PANEL (Option B layout)
   Panel below carousel for selected account details and actions
   ============================================ */
.tKFz33bNhG1Y6Mvxf2ma {
  width: 90%;
  max-width: 300px;
  margin-top: var(--space-md);
  padding: var(--space-md) 20px;
  background-color: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.v4PzpaTRaquzbF52_V0H {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.a6aqEUOPk7P8hNuwKRwN {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(200,200,200,0.5);
}

.ENm_ry9ABia2146kg6It {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: var(--font-caption);
}

.ENm_ry9ABia2146kg6It:last-child {
  margin-bottom: 0;
}

.ZErHJ9gn_KFB4pA6Y5M_ {
  color: var(--text-muted);
  font-weight: 500;
}

.N_5wntDrXIk2YJOhkJiw {
  color: var(--text-primary);
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
}

.o66Vbi5n4W00qPGmO0nL {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

/* CAROUSEL PAGINATION DOTS */
.NMEgIMXwS6ogyaEi72eg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.FcVSyUl_l0I3EXkW9ujF {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 10px 0;
}

.awkLh_igDHq6O3y1B2G5 {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background-color: rgba(150, 150, 150, 0.4);
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.awkLh_igDHq6O3y1B2G5:hover {
  background-color: rgba(150, 150, 150, 0.7);
}

.A16Ux87dAnkK7LbT6b5r {
  background-color: var(--brand-brown);
  transform: scale(1.2);
}

/* SWR refresh indicators */
.egxfPyiNO1n5DseM1MK1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: var(--font-caption);
  color: var(--text-secondary);
  background-color: var(--background-secondary);
  border-radius: 4px;
  margin-left: 8px;
}

.GGRyGE4y18L1La2skG0A {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: var(--font-caption);
  color: var(--error-text);
  background-color: var(--error-background);
  border-radius: 4px;
  margin-left: 8px;
  cursor: pointer;
}

/* .mobilePageContent moved to layoutPatterns.css as layout-pageContentColumn */
/* .hide moved to layoutPatterns.css as layout-hide */

.kRLIBEQ5GMhlkr4yVsVa {
  width: 100%;
}

/* ========== DESKTOP STYLES ========== */

.zjjaV05Il3WBItYfW7YZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.kxFPMam3mf1t4oyQnC0w {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -20px;
  margin-bottom: -20px;
}

.kxFPMam3mf1t4oyQnC0w::-webkit-scrollbar {
  display: none;
}

.kxFPMam3mf1t4oyQnC0w::before,
.kxFPMam3mf1t4oyQnC0w::after {
  content: '';
  flex-shrink: 0;
  width: calc(50% - 160px);
}

.dqQlh0emed_lsoyp7wnN {
  min-width: 280px;
  max-width: 280px;
  flex-shrink: 0;
  border: 2px solid;
  border-radius: var(--radius-lg);
  padding: 20px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  scroll-snap-align: center;
  transform-origin: center;
}

.dqQlh0emed_lsoyp7wnN * {
  cursor: pointer;
}

.oRWMxLlcqqfr6emaTxni {
  border-color: var(--brand-gold);
  background: var(--gradient-gold);
  color: white;
  box-shadow: var(--shadow-brand-gold);
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}

.mLZgBKsbLM0y1TPuEL8y {
  border-color: var(--border-strong);
  background-color: var(--bg-card);
  color: var(--text-secondary);
  transform: scale(0.85);
  opacity: 0.5;
  z-index: 1;
}

.mLZgBKsbLM0y1TPuEL8y:hover {
  border-color: var(--brand-gold);
  box-shadow: var(--shadow-md);
  transform: scale(0.9);
  opacity: 0.7;
}

.pvqVKFP6URNgygv9C76M {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tz0xwv8Uy3lVHtcl9HfQ {
  font-size: var(--font-body);
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}

.J3Qo4UaJf4Kyorlna33S {
  font-size: var(--font-caption);
  text-align: center;
  opacity: 0.9;
}

.Po9rlK1TdMpcrXCeEYBI {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid;
  border-color: inherit;
}

.oRWMxLlcqqfr6emaTxni .Po9rlK1TdMpcrXCeEYBI {
  border-color: rgba(255,255,255,0.3);
}

.mLZgBKsbLM0y1TPuEL8y .Po9rlK1TdMpcrXCeEYBI {
  border-color: rgba(200,200,200,0.5);
}

.H2iVpDUaHIKxdgMTnfxE {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.FNg74CizdViZlSo_pUnS {
  font-size: var(--font-caption);
  opacity: 0.8;
}

.ITTkwTIE6PC3K_FLPxLw {
  font-size: var(--font-caption);
  font-weight: 500;
}

/* Desktop Details Section */
.DswM1ydGQR8ORJeLs19T {
  margin-top: var(--space-2xl);
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background-color: var(--bg-page);
  border: 1px solid var(--border-default);
}

.ABKJFLYJ2w5FR4GUpyBU {
  font-size: var(--font-body);
  font-weight: 600;
  color: var(--brand-brown);
  text-align: center;
  margin-bottom: 20px;
}

.cnqjqocipZO45LLgEwfD {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-default);
}

.cnqjqocipZO45LLgEwfD:last-of-type {
  border-bottom: none;
}

.j0OW2RQHe_32QtScGEnV {
  color: var(--text-tertiary);
  font-size: var(--font-caption);
}

.tgznX_nWgzDuPlvuUI3O {
  color: var(--text-primary);
  font-size: var(--font-caption);
  font-weight: 500;
}

.hV92P4PQQb74iFLoTNLp {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

/* ========== MOBILE STYLES ========== */

.AZ8g7SAzMWs68L6GTgD2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  position: relative;
  z-index: 1;
}

.yjetHS5NytFnmdn2hosQ {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--space-md);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.ZQOuWf7AerMQz8s3tahL {
  background-color: rgba(190, 158, 85, 0.15);
}

.CNJPY9CLeC1BtWYhVijK {
  background: var(--gradient-gold);
}

.U0_iB74bIvEqiMpxhSSc {
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.OhNmBU8COMc_Hfw0iWXV {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.BpZX4hu8qhtkxAymzJT4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.TVEAOMF_20CNnzYxpd9h {
  font-size: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ZQOuWf7AerMQz8s3tahL .TVEAOMF_20CNnzYxpd9h {
  color: var(--text-primary);
}

.CNJPY9CLeC1BtWYhVijK .TVEAOMF_20CNnzYxpd9h {
  color: white;
}

/* Blocked indicator - desktop (centered) */
.qzWzW7Y0UiaccUk4LVZk {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: var(--space-xs);
  padding: 2px var(--space-sm);
  background-color: rgba(180, 60, 60, 0.1);
  border-radius: var(--radius-xs);
}

/* Blocked indicator - mobile (left-aligned) */
.ICjNbuJq2qCjeKW0xzGs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-xs);
  padding: 2px var(--space-sm);
  background-color: rgba(180, 60, 60, 0.1);
  border-radius: var(--radius-xs);
  align-self: flex-start;
}

.tTj0xx5wS5dWkwp3hpGP {
  font-size: var(--font-caption);
  font-weight: 500;
  color: var(--status-warning);
}

.ofwJHqREAiYCzNiWbP_E {
  font-size: var(--font-caption);
}

.ZQOuWf7AerMQz8s3tahL .ofwJHqREAiYCzNiWbP_E {
  color: var(--text-tertiary);
}

.CNJPY9CLeC1BtWYhVijK .ofwJHqREAiYCzNiWbP_E {
  color: rgba(255, 255, 255, 0.9);
}

.c19wx_GYFSKeowGGAQPV {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mobile Details Section (expandable) */
.r2GwuA9kuZCDpazdqxcN {
  padding: var(--space-md) var(--space-md);
  background-color: var(--bg-page);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  margin-top: -10px;
  border: 1px solid var(--border-default);
  border-top: none;
}

.VrsL29logPHn9Givcvhy {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-default);
}

.VrsL29logPHn9Givcvhy:last-of-type {
  border-bottom: none;
}

.LKrNiyLEzyA4tRwvbgP2 {
  color: var(--text-tertiary);
  font-size: var(--font-caption);
}

.Odb8kOOJrDJduhjmxgI6 {
  color: var(--text-primary);
  font-size: var(--font-caption);
  font-weight: 500;
}

.jtH1n_T7HEUzXQbDpiVe {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Use centralized input styles via composition */
.yJLJ96az2AWKgN9BPDSD {
}

/* Alterar Limite Section - Desktop */
.v0UZrOSe2wbkw7Ui6du4 {
  width: 100%;
  max-width: 400px;
  margin: var(--space-2xl) auto 0 auto;
  padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background-color: var(--bg-page);
  border: 1px solid var(--border-default);
}