/* Axis 0.10.3 — finance spacing, debts and mandatory payments layout */
.axis100-account-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.axis100-account-actions .money-accounts__all,
.axis100-account-manage{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  border:1px solid rgba(117,87,255,.28);
  border-radius:10px;
  color:#dcd7ff;
  background:linear-gradient(145deg,rgba(34,31,68,.96),rgba(21,26,51,.96));
  font-size:9px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.axis100-account-actions .money-accounts__all:hover,
.axis100-account-manage:hover{
  border-color:rgba(137,111,255,.62);
  background:linear-gradient(145deg,#28204f,#1b1e3b);
  transform:translateY(-1px);
}
.axis100-finance-hub{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.axis100-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.axis100-kpis article{
  min-width:0;
  min-height:83px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid rgba(105,121,158,.18);
  border-radius:15px;
  background:linear-gradient(145deg,#121d31,#0d1728);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.axis100-kpis article>span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#9b86ff;
  background:rgba(117,87,255,.13);
}
.axis100-kpis article:nth-child(2)>span{color:#52d8ab;background:rgba(45,199,151,.12)}
.axis100-kpis article:nth-child(3)>span{color:#ff8797;background:rgba(255,101,119,.11)}
.axis100-kpis article:nth-child(4)>span{color:#f2bd54;background:rgba(242,189,84,.11)}
.axis100-kpis article>div{min-width:0;display:grid;gap:3px}
.axis100-kpis small{color:#8090aa;font-size:8px;line-height:1.2}
.axis100-kpis strong{overflow:hidden;color:#f4f6fb;font-size:17px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}
.axis100-kpis em{overflow:hidden;color:#71809a;font-size:7.5px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.axis100-finance-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:14px;
  align-items:start;
}
.axis100-debts-panel,
.axis100-payments-panel{
  min-width:0;
  min-height:0;
  padding:15px 16px 16px;
}
.axis100-debts-panel>header,
.axis100-payments-panel>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:13px;
}
.axis100-debts-panel>header h2,
.axis100-payments-panel>header h2{margin:0;color:#f0f3fa;font-size:12px;line-height:1.2}
.axis100-debts-panel>header p,
.axis100-payments-panel>header p{margin:3px 0 0;color:#71819b;font-size:8px;line-height:1.3}
.axis100-debts-panel>header button,
.axis100-payments-panel>header button{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 12px;
  border:1px solid rgba(117,87,255,.38);
  border-radius:10px;
  color:#e3deff;
  background:rgba(117,87,255,.1);
  font-size:8.5px;
  font-weight:750;
  cursor:pointer;
}
.axis100-debt-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.axis100-debt-columns>section{min-width:0;display:grid;align-content:start;gap:8px}
.axis100-debt-columns h3{
  min-width:0;
  display:grid;
  grid-template-columns:7px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  margin:0;
  color:#aab5ca;
  font-size:8px;
  font-weight:650;
}
.axis100-debt-columns h3>span{width:7px;height:7px;border-radius:50%}
.axis100-debt-columns h3>span.is-in{background:#45d3a4;box-shadow:0 0 10px rgba(69,211,164,.34)}
.axis100-debt-columns h3>span.is-out{background:#ff7185;box-shadow:0 0 10px rgba(255,113,133,.28)}
.axis100-debt-columns h3 b{color:#e7ebf4;font-size:8.5px;white-space:nowrap}
.axis100-debt-columns>section>div{display:grid;gap:8px}
.axis100-debt-card{
  min-width:0;
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid rgba(118,135,172,.16);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(21,31,51,.96),rgba(14,23,40,.98));
}
.axis100-debt-card.is-in{border-color:rgba(55,205,158,.18)}
.axis100-debt-card.is-out{border-color:rgba(255,101,119,.18)}
.axis100-debt-card>header{
  min-width:0;
  display:grid;
  grid-template-columns:27px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.axis100-debt-card__icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#b4a6ff;
  background:rgba(117,87,255,.12);
}
.axis100-debt-card.is-in .axis100-debt-card__icon{color:#52d8ab;background:rgba(45,199,151,.11)}
.axis100-debt-card.is-out .axis100-debt-card__icon{color:#ff8797;background:rgba(255,101,119,.1)}
.axis100-debt-card>header>div{min-width:0;display:grid;gap:2px}
.axis100-debt-card>header strong{overflow:hidden;color:#e8ecf5;font-size:9px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.axis100-debt-card>header small{overflow:hidden;color:#75839d;font-size:7px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.axis100-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:19px;
  padding:0 7px;
  border:1px solid rgba(115,132,168,.22);
  border-radius:999px;
  color:#93a0b8;
  background:rgba(255,255,255,.025);
  font-size:6.5px;
  font-style:normal;
  white-space:nowrap;
}
.axis100-status.is-active{color:#a99aff;border-color:rgba(117,87,255,.3);background:rgba(117,87,255,.09)}
.axis100-status.is-soon{color:#f4c462;border-color:rgba(244,196,98,.28);background:rgba(244,196,98,.08)}
.axis100-status.is-overdue{color:#ff8d9c;border-color:rgba(255,101,119,.32);background:rgba(255,101,119,.09)}
.axis100-status.is-paid{color:#57d8ae;border-color:rgba(45,199,151,.3);background:rgba(45,199,151,.08)}
.axis100-debt-card__amount{display:flex;align-items:end;justify-content:space-between;gap:8px}
.axis100-debt-card__amount span{color:#73819a;font-size:7px}
.axis100-debt-card__amount strong{color:#f1f3fa;font-size:13px;white-space:nowrap}
.axis100-progress{height:4px;overflow:hidden;border-radius:999px;background:#23314a}
.axis100-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7457ff,#a46cff)}
.axis100-debt-card.is-in .axis100-progress i{background:linear-gradient(90deg,#32c996,#5be3b8)}
.axis100-debt-card.is-out .axis100-progress i{background:linear-gradient(90deg,#f25f76,#ff91a1)}
.axis100-debt-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.axis100-debt-card>footer>button{
  min-width:0;
  min-height:29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid rgba(117,87,255,.28);
  border-radius:8px;
  color:#d9d3ff;
  background:rgba(117,87,255,.08);
  font-size:7px;
  font-weight:700;
  cursor:pointer;
}
.axis100-debt-card>footer>button:disabled{opacity:.42;cursor:default}
.axis100-debt-card>footer>span{display:inline-flex;gap:5px}
.axis100-debt-card>footer>span button,
.axis100-payment-card__actions>button:not(:first-child),
.axis100-account-manager aside button{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(117,133,168,.2);
  border-radius:8px;
  color:#aab5ca;
  background:rgba(255,255,255,.025);
  cursor:pointer;
}
.axis100-debt-card>footer>span button:last-child:hover,
.axis100-payment-card__actions>button:last-child:hover,
.axis100-account-manager aside button:last-child:hover{color:#ff8d9c;border-color:rgba(255,101,119,.35);background:rgba(255,101,119,.08)}
.axis100-payment-summary{
  display:grid;
  grid-template-columns:1.1fr 1.1fr .8fr;
  gap:7px;
  margin-bottom:10px;
}
.axis100-payment-summary>span{
  min-width:0;
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid rgba(112,128,163,.15);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.axis100-payment-summary small{color:#72809a;font-size:6.5px;white-space:nowrap}
.axis100-payment-summary strong{overflow:hidden;color:#e9edf6;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.axis100-payment-summary strong.is-danger{color:#ff8797}
.axis100-payment-list{display:grid;gap:7px}
.axis100-payment-card{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:4px 9px;
  padding:9px 10px;
  border:1px solid rgba(111,128,164,.15);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(20,30,50,.96),rgba(13,22,38,.98));
}
.axis100-payment-card__date{
  grid-row:1 / span 2;
  width:38px;
  height:41px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:0;
  border:1px solid rgba(117,87,255,.26);
  border-radius:10px;
  color:#d9d3ff;
  background:rgba(117,87,255,.09);
}
.axis100-payment-card__date b{font-size:12px;line-height:1}
.axis100-payment-card__date small{margin-top:2px;color:#8d81c9;font-size:6px;text-transform:uppercase}
.axis100-payment-card__copy{min-width:0;display:grid;gap:2px}
.axis100-payment-card__copy strong{overflow:hidden;color:#e8ecf5;font-size:8.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.axis100-payment-card__copy small{overflow:hidden;color:#74829b;font-size:6.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.axis100-payment-card__value{display:grid;justify-items:end;gap:3px}
.axis100-payment-card__value>strong{color:#f1f3fa;font-size:10px;white-space:nowrap}
.axis100-payment-card__actions{
  grid-column:2 / -1;
  display:flex;
  justify-content:flex-end;
  gap:5px;
}
.axis100-payment-card__actions>button:first-child{
  min-height:27px;
  padding:0 9px;
  border:1px solid rgba(117,87,255,.3);
  border-radius:8px;
  color:#ded8ff;
  background:rgba(117,87,255,.09);
  font-size:7px;
  font-weight:700;
  cursor:pointer;
}
.axis100-payment-card__actions>button:disabled{opacity:.42;cursor:default}
.axis100-empty{
  min-height:56px;
  display:grid;
  place-items:center;
  padding:14px;
  border:1px dashed rgba(111,128,164,.2);
  border-radius:11px;
  color:#71809a;
  background:rgba(255,255,255,.012);
  text-align:center;
  font-size:7.5px;
  line-height:1.45;
}
.axis100-empty.is-large{min-height:76px}
.axis100-account-manager{display:grid;gap:8px}
.axis100-account-manager article{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(118,135,172,.16);
  border-radius:12px;
  background:linear-gradient(145deg,#151f34,#0f192b);
}
.axis100-account-manager__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#a996ff;background:rgba(117,87,255,.11)}
.axis100-account-manager article>div{min-width:0;display:grid;gap:3px}
.axis100-account-manager article>div strong{overflow:hidden;color:#edf0f8;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.axis100-account-manager article>div small{overflow:hidden;color:#75839d;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.axis100-account-manager article>b{color:#f2f4fa;font-size:12px;white-space:nowrap}
.axis100-account-manager aside{display:inline-flex;gap:6px}
.axis100-account-manager aside button:disabled{opacity:.28;cursor:not-allowed}

@media(max-width:1120px){
  .axis100-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .axis100-finance-grid{grid-template-columns:1fr}
  .axis100-payments-panel{min-height:0}
}
@media(max-width:720px){
  .axis100-account-actions{grid-template-columns:1fr;gap:7px}
  .axis100-account-actions .money-accounts__all,
  .axis100-account-manage{min-height:44px;font-size:10px}
  .axis100-finance-hub{gap:11px;margin-top:14px}
  .axis100-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .axis100-kpis article{min-height:78px;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:11px;border-radius:13px}
  .axis100-kpis article>span{width:30px;height:30px;border-radius:9px}
  .axis100-kpis small{font-size:8px}
  .axis100-kpis strong{font-size:15px}
  .axis100-kpis em{font-size:7px}
  .axis100-finance-grid{gap:11px}
  .axis100-debts-panel,.axis100-payments-panel{min-height:0;padding:13px 12px 14px}
  .axis100-debts-panel>header,.axis100-payments-panel>header{align-items:center;margin-bottom:11px}
  .axis100-debts-panel>header h2,.axis100-payments-panel>header h2{font-size:13px}
  .axis100-debts-panel>header p,.axis100-payments-panel>header p{font-size:8px}
  .axis100-debts-panel>header button,.axis100-payments-panel>header button{min-width:0;min-height:42px;padding:0 12px;font-size:8.5px;white-space:nowrap}
  .axis100-debts-panel>header button span,.axis100-payments-panel>header button span{display:inline}
  .axis100-debt-columns{grid-template-columns:1fr;gap:13px}
  .axis100-debt-columns h3{font-size:9px}
  .axis100-debt-columns h3 b{font-size:9px}
  .axis100-debt-card{padding:11px;gap:9px}
  .axis100-debt-card>header{grid-template-columns:30px minmax(0,1fr) auto}
  .axis100-debt-card__icon{width:30px;height:30px}
  .axis100-debt-card>header strong{font-size:10px}
  .axis100-debt-card>header small{font-size:8px}
  .axis100-status{min-height:22px;padding:0 8px;font-size:7px}
  .axis100-debt-card__amount span{font-size:8px}
  .axis100-debt-card__amount strong{font-size:15px}
  .axis100-debt-card>footer>button{min-height:40px;font-size:8px;padding:0 11px}
  .axis100-debt-card>footer>span button,
  .axis100-payment-card__actions>button:not(:first-child),
  .axis100-account-manager aside button{width:40px;height:40px;border-radius:10px}
  .axis100-payment-summary{grid-template-columns:1fr 1fr}
  .axis100-payment-summary>span:last-child{grid-column:1 / -1}
  .axis100-payment-summary>span{padding:10px 11px}
  .axis100-payment-summary small{font-size:7px}
  .axis100-payment-summary strong{font-size:11px}
  .axis100-payment-card{grid-template-columns:42px minmax(0,1fr) auto;padding:10px}
  .axis100-payment-card__date{width:42px;height:44px}
  .axis100-payment-card__copy strong{font-size:9px}
  .axis100-payment-card__copy small{font-size:7px}
  .axis100-payment-card__value>strong{font-size:11px}
  .axis100-payment-card__actions>button:first-child{min-height:40px;padding:0 12px;font-size:8px}
  .axis100-account-manager article{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:10px}
  .axis100-account-manager__icon{width:38px;height:38px}
  .axis100-account-manager article>b{grid-column:2;justify-self:start;font-size:12px}
  .axis100-account-manager aside{grid-column:3;grid-row:1 / span 2}
  .axis100-debt-columns>section{gap:7px}
  .axis100-debt-columns>section>div{gap:7px}
  .axis100-empty{min-height:52px;padding:10px 12px;font-size:8px}
  .axis100-empty.is-large{min-height:64px}
}
@media(max-width:390px){
  .axis100-kpis article{grid-template-columns:1fr;align-content:start;gap:7px;min-height:94px}
  .axis100-kpis article>span{width:28px;height:28px}
  .axis100-kpis strong{font-size:14px}
  .axis100-debts-panel>header,.axis100-payments-panel>header{align-items:flex-start;gap:8px}
  .axis100-debts-panel>header button,.axis100-payments-panel>header button{min-height:40px;padding:0 10px;font-size:8px}
  .axis100-debts-panel>header button svg,.axis100-payments-panel>header button svg{width:14px;height:14px}
  .axis100-payment-card{grid-template-columns:39px minmax(0,1fr)}
  .axis100-payment-card__value{grid-column:2;justify-items:start;grid-template-columns:auto auto;align-items:center;gap:7px}
  .axis100-payment-card__actions{grid-column:1 / -1}
}

/* 0.10.3 — consistent separation between overview, finance KPIs and history */
.money-overview + .axis100-finance-hub{margin-top:18px}
.axis100-finance-hub + .money-transactions{margin-top:16px}
@media(max-width:720px){.money-overview + .axis100-finance-hub{margin-top:14px}.axis100-finance-hub + .money-transactions{margin-top:13px}}