/* Route cards: white while pending, SolucionNes water-blue after today's payment. */
.workspace-ui .owner-loan-card[data-paid-current] {
  --payment-glass-tint: 255 255 255;
  --payment-glass-edge: 188 207 224;
  --payment-glass-light: 255 255 255;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgb(var(--payment-glass-edge) / .78);
  border-left-color: rgb(var(--payment-glass-edge) / .78) !important;
  border-radius: 25px;
  background: linear-gradient(145deg,#fff,#fbfdff);
  -webkit-backdrop-filter: blur(14px) saturate(108%);
  backdrop-filter: blur(14px) saturate(108%);
  box-shadow: inset 0 1px 0 #fff,0 10px 25px #102b5610,0 2px 5px #102b560d;
  color: #102c45;
}
.workspace-ui .owner-loan-card[data-paid-current="false"] { background: #fff; }
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current {
  --payment-glass-tint: 83 202 241;
  --payment-glass-edge: 35 177 223;
  --payment-glass-light: 198 247 255;
  border-color: rgb(var(--payment-glass-edge) / .72);
  border-left-color: rgb(var(--payment-glass-edge) / .72) !important;
  background:
    radial-gradient(ellipse at 8% 5%, #fffffff7, #ffffff99 36%, transparent 62%),
    radial-gradient(ellipse at 92% 8%, rgb(var(--payment-glass-light) / .92), transparent 48%),
    linear-gradient(135deg,#f7fdff 5%,#dcf8ff 48%,#bfeeff 100%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  box-shadow: inset 0 2px 1px #fffffff2,inset 3px 0 2px #ffffffb8,inset -2px -2px 3px rgb(var(--payment-glass-edge) / .25),0 14px 30px #087fb51b,0 0 0 1px #4bd9fa24;
  animation: payment-glass-breathe 12s ease-in-out infinite;
}
/* Caustic reflections belong only to cards with a registered payment. */
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -7%;
  pointer-events: none;
  background: url("./payment-glass-caustics.svg?v=release-20261022-sync-1") center / 100% 100% no-repeat;
  opacity: .78;
  transform-origin: 72% 58%;
  animation: payment-glass-flow 9s ease-in-out infinite alternate;
}
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 4px;
  border: 1.5px solid #ffffffc9;
  border-radius: 20px;
  pointer-events: none;
  box-shadow: inset 1px 2px 1px #ffffffe8,inset -1px -1px 2px rgb(var(--payment-glass-edge) / .25),0 1px 1px #ffffffd6,0 0 0 1px rgb(var(--payment-glass-edge) / .12);
}
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current:nth-child(3n+2)::before { animation-delay: -3s; }
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current:nth-child(3n)::before { animation-delay: -6s; }
.workspace-ui .owner-loan-card[data-paid-current] > :is(.owner-loan-name-row,.owner-loan-direct,.owner-loan-reference,.owner-loan-open) { position: relative; z-index: 1; }
.workspace-ui .owner-loan-card[data-paid-current] > .owner-card-drag { position: absolute; z-index: 3; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-name-row { align-items: flex-start; flex-wrap: wrap; gap: 8px; padding: 22px 72px 7px 22px; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-name-row > button:first-child { flex: 1 1 170px; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-name-row strong { display:block;color:#102c45;font-size:22px;line-height:1.14;font-weight:780;letter-spacing:-.35px;text-shadow:0 1px 1px #ffffff8c; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-edit { flex:0 0 39px;width:39px;height:39px;border:1px solid #d6e5ef;border-radius:13px;background:#fff;color:#214b6d;box-shadow:0 4px 12px #12325712; }
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current .owner-loan-edit { border-color:#ffffffd4;background:linear-gradient(145deg,#ffffffdb,#ffffff73);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px); }
.workspace-ui .owner-loan-status { order:3;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 13px;border:1px solid #f1d99a;border-radius:999px;background:#fff8df;color:#9a6b06;font-size:13px;font-weight:750; }
.workspace-ui .owner-loan-status i { width:10px;height:10px;border-radius:50%;background:#f6b90c;box-shadow:0 0 0 4px #f6b90c14; }
.workspace-ui .owner-loan-card.is-paid-current .owner-loan-status { border-color:#a9e8c2;background:#e9fbef;color:#08763d; }
.workspace-ui .owner-loan-card.is-paid-current .owner-loan-status i { background:#10b85a;box-shadow:0 0 0 4px #10b85a18; }
/* Arrears are independent of a payment in the current collection. */
.workspace-ui .owner-loan-card[data-arrears] { --risk-color:#e1a609;--risk-ink:#805500;--risk-bg:#fff8df;--risk-edge:#ecd086; }
.workspace-ui .owner-loan-card[data-arrears="green"] { --risk-color:#10a85a;--risk-ink:#08763d;--risk-bg:#e9fbef;--risk-edge:#a9e8c2; }
.workspace-ui .owner-loan-card[data-arrears="red"] { --risk-color:#dc354d;--risk-ink:#ac1630;--risk-bg:#fff0f2;--risk-edge:#f3b2bd; }
.workspace-ui .owner-loan-card[data-arrears] .owner-loan-status { border-color:var(--risk-edge);background:var(--risk-bg);color:var(--risk-ink); }
.workspace-ui .owner-loan-card[data-arrears] .owner-loan-status i { background:var(--risk-color);box-shadow:0 0 0 4px var(--risk-bg);flex-shrink:0; }
.workspace-ui .owner-loan-card[data-arrears] > .owner-loan-risk-stripe { position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:0 4px 4px 0;background:var(--risk-color);z-index:3;pointer-events:none; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-direct { display:grid;gap:6px;padding:8px 22px 0; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-direct :is(button,a,span) { color:#34546e;text-shadow:0 1px 1px #ffffff8c; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-direct > :is(span,a,button) { display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;font-size:13px;line-height:1.35; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-direct svg { width:17px;height:17px;flex:0 0 17px;stroke-width:1.8; }
.workspace-ui .owner-loan-card[data-paid-current] > .owner-loan-reference { margin:7px 22px 0;color:#526b83;font-size:12px;line-height:1.45;text-shadow:0 1px 1px #ffffff8c; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-open { display:block;min-height:0;padding:14px 22px 21px;color:#102c45; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-person { display:block;padding:0; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-period { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:14px 0;border-top:1px solid #b9d6e5a3;border-bottom:1px solid #b9d6e5a3;color:#173c5b;font-size:13px;font-weight:750; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-period > :is(span,b) { display:inline-flex;align-items:center;gap:7px;min-width:0;color:#173c5b;font-weight:750;text-shadow:0 1px 1px #ffffff8c; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-period svg { width:18px;height:18px;flex:0 0 18px; }
.workspace-ui .owner-loan-financials { display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;padding-top:17px; }
.workspace-ui .owner-loan-installment,.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-balance { display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;width:auto;padding:0 14px 0 0;background:transparent;color:#102c45; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-balance { border-left:1px solid #a9c9db;padding:0 6px 0 18px; }
.workspace-ui .owner-loan-financials small { color:#55718a;font-size:12px;line-height:1.2; }
.workspace-ui .owner-loan-financials strong,.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-balance > strong { max-width:100%;margin-top:3px;color:#102c45;font-size:25px;line-height:1.05;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere;text-shadow:0 1px 1px #ffffff8c; }
.workspace-ui .owner-loan-installment strong { font-size:33px; }
.workspace-ui .owner-loan-progress { display:block;width:100%;height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:#c9dce8;box-shadow:inset 0 1px 2px #12325718; }
.workspace-ui .owner-loan-progress i { display:block;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00b8e9,#08cfe9);box-shadow:0 0 8px #00bde47a; }
.workspace-ui .owner-loan-installment-progress i { background:linear-gradient(90deg,#efb700,#ffd449);box-shadow:0 0 8px #ffc32955; }
.workspace-ui .owner-loan-financials .owner-loan-progress { flex-shrink:0;margin-top:auto; }
.workspace-ui .owner-loan-financials strong { margin-bottom:10px; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-chevron { right:12px;bottom:15px;color:#194a6b; }
.workspace-ui .owner-loan-card[data-paid-current] .owner-card-drag { border:1px solid #d6e5ef;background:#fff;color:#214b6d;box-shadow:0 4px 12px #12325718; }
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current .owner-card-drag { border-color:#ffffffd4;background:linear-gradient(145deg,#ffffffdb,#ffffff73);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px); }
.workspace-ui .owner-loan-card[data-paid-current] :is(a,button):focus-visible { outline:3px solid #087fd1;outline-offset:2px; }
.workspace-ui .owner-loan-card[data-paid-current]:is(:hover,:focus-within) { transform:none;box-shadow:inset 0 2px 1px #fff,0 14px 32px #102b561c; }
.workspace-ui .owner-loan-card[data-paid-current].is-paid-current.is-grabbed,.workspace-ui .owner-loan-card[data-paid-current].is-paid-current.is-grabbed::before { animation-play-state:paused; }
@keyframes payment-glass-breathe { 0%,100%{background-color:transparent}50%{background-color:rgb(0 176 229 / .12)} }
@keyframes payment-glass-flow { from{transform:translate3d(-1.8%,1.2%,0) rotate(-2deg) scale(1.02);opacity:.68}to{transform:translate3d(1.8%,-1.2%,0) rotate(2deg) scale(1.06);opacity:.92} }
@media(max-width:420px){
  .workspace-ui .owner-loan-card[data-paid-current] .owner-loan-name-row{padding:19px 66px 6px 18px}
  .workspace-ui .owner-loan-card[data-paid-current] .owner-loan-name-row strong{font-size:20px}
  .workspace-ui .owner-loan-card[data-paid-current] .owner-loan-direct{padding-inline:18px}
  .workspace-ui .owner-loan-card[data-paid-current]>.owner-loan-reference{margin-inline:18px}
  .workspace-ui .owner-loan-card[data-paid-current] .owner-loan-open{padding-inline:18px}
  .workspace-ui .owner-loan-financials strong,.workspace-ui .owner-loan-card[data-paid-current] .owner-loan-balance>strong{font-size:22px}
  .workspace-ui .owner-loan-installment strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){
  .workspace-ui .owner-loan-card[data-paid-current].is-paid-current,.workspace-ui .owner-loan-card[data-paid-current].is-paid-current::before{animation:none}
  .workspace-ui .owner-loan-card[data-paid-current].is-paid-current::before{transform:none;opacity:.78}
}
@media(forced-colors:active){
  .workspace-ui .owner-loan-card[data-paid-current].is-paid-current::before,.workspace-ui .owner-loan-card[data-paid-current].is-paid-current::after{display:none}
  .workspace-ui .owner-loan-status,.workspace-ui .owner-loan-progress{border:1px solid ButtonText}
}