/* pay.snapex.pro/real-test/unpaid-invoices only: case cards (owner 18.10 — minimal fintech, dark cards, red line, timeline). */
/* A modest header (owner 18.10): small title, one short paragraph. */
.ru-hero{background:var(--pl-ink);color:#fff;padding:92px 0 28px}
.pl-page .ru-hero h1{color:#fff;font-size:clamp(24px,3.2vw,32px);line-height:1.2;margin:10px 0 10px;max-width:860px}
.pl-page .ru-hero__lead{color:#c9d6ee;font-size:16px;line-height:1.6;margin:0 0 8px;max-width:760px}
.pl-page .ru-hero__meta{color:#94a3b8;font-size:14px;margin:0}
.pl-page .ru-hero__meta a,.pl-page .ru-crumbs a{color:#6ee7b7;text-decoration:none;font-weight:600}
.ru-crumbs{color:#94a3b8;font-size:14px}
.pl-page .ru-crumbs a{color:#94a3b8;font-weight:500}
.pl-page .ru-crumbs a:hover,.pl-page .ru-hero__meta a:hover{text-decoration:underline}
/* The list: one short row per company; the full case is on its own page. */
.ru-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.ru-row{display:flex;align-items:center;gap:14px;background:#141e33;border:1px solid rgba(255,255,255,.08);border-inline-start:3px solid #ef4444;border-radius:14px;padding:16px 20px;scroll-margin-top:96px}
.ru-row__main{flex:1;min-width:0}
.pl-page .ru-row h2{font-size:18px;line-height:1.3;min-width:0}
.pl-page .ru-cases .ru-row h2 a{color:#fff;font-weight:800;text-decoration:none;display:inline-block;max-width:100%;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-page .ru-cases .ru-row h2 a:hover{text-decoration:underline}
.pl-page .ru-row__meta{color:#94a3b8;font-size:13px;margin:2px 0 4px;font-variant-numeric:tabular-nums}
.pl-page .ru-row__summary{color:#cbd5e1;font-size:15px;line-height:1.5;margin:0}
.ru-row__side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}
.pl-page .ru-cases .ru-row__more{white-space:nowrap;font-size:14px;text-decoration:none}
.pl-page .ru-cases .ru-row__more:hover{text-decoration:underline}
.ru-cases{background:#0e1628;padding:56px 0 72px}
.ru-case{position:relative;background:#141e33;border:1px solid rgba(255,255,255,.08);border-inline-start:3px solid #ef4444;border-radius:16px;padding:28px 30px;margin:0 0 24px;color:#cbd5e1;scroll-margin-top:96px}
.ru-case:target{box-shadow:0 0 0 2px rgba(239,68,68,.45)}
.ru-case__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.ru-case__logo{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#fff;object-fit:contain}
.ru-case__logo--mono{display:inline-flex;align-items:center;justify-content:center;background:#1f2a44;border:1px solid rgba(255,255,255,.14);color:#e2e8f0;font-weight:800;font-size:20px}
.ru-case__title{flex:1;min-width:0}
.pl-page .ru-case h2{color:#fff;font-size:24px;line-height:1.2;text-align:start;min-width:0}
/* A domain never breaks: one line, a very long one ends in an ellipsis. */
.pl-page .ru-cases .ru-case h2 span,.pl-page .ru-cases .ru-case h2 a{display:inline-block;max-width:100%;vertical-align:top;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-page .ru-cases .ru-case h2 a{color:#fff;font-weight:800;text-decoration:none}
.pl-page .ru-case h2 a:hover{text-decoration:underline}
.ru-case__no{color:#94a3b8;font-size:13px;font-variant-numeric:tabular-nums}
.ru-stamp{flex:0 0 auto;border:1.5px solid #f87171;color:#fca5a5;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transform:rotate(-2deg)}
.ru-case__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px}
.pl-page .ru-story{color:#e2e8f0;font-size:17px;line-height:1.65;margin:0 0 18px}
.pl-page .ru-callout{margin:0 0 18px;padding:12px 16px;background:rgba(239,68,68,.08);border:1px solid rgba(248,113,113,.35);border-radius:10px;color:#fecaca;font-size:16px;font-weight:600;line-height:1.5}
.ru-quote{overflow-wrap:anywhere;margin:0 0 18px;padding:14px 18px;background:rgba(255,255,255,.04);border-inline-start:2px solid #64748b;border-radius:0 10px 10px 0}
.ru-quote blockquote{margin:0;color:#f1f5f9;font-size:17px;font-style:italic;line-height:1.55}
.ru-quote blockquote::before{content:"“";color:#94a3b8;margin-inline-end:2px}
.ru-quote blockquote::after{content:"”";color:#94a3b8;margin-inline-start:2px}
.ru-quote mark.ru-cap{background:none;color:#fca5a5;font-weight:800}
.pl-page .ru-quote__tr{color:#cbd5e1;font-size:15px;margin:8px 0 0}
.ru-quote figcaption{color:#94a3b8;font-size:13px;margin-top:8px}
.ru-sources{margin:0 0 18px}
.pl-page .ru-sources h3{color:#94a3b8;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}
.ru-sources ul{margin:0;padding-inline-start:18px;color:#cbd5e1;font-size:15px;line-height:1.6}
.pl-page .ru-cases .ru-sources a{font-weight:500;text-underline-offset:2px}
.ru-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.ru-facts div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}
.ru-facts dt{color:#94a3b8;font-size:13px;font-weight:600}
.ru-facts dd{margin:4px 0 0;color:#e2e8f0;font-size:15px;line-height:1.55}
.ru-facts strong{color:#fff}
.ru-addr{display:block;font:500 13px/1.5 "JetBrains Mono",ui-monospace,monospace;color:#94a3b8}
.pl-page .ru-cases a{color:#6ee7b7;font-weight:600}
.ru-settle{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.ru-settle span{color:#94a3b8;font-size:13px;max-width:320px}
.ru-timeline{list-style:none;margin:0;padding:2px 0 0;align-self:start}
.ru-timeline__step{position:relative;padding-inline-start:26px;margin:0 0 14px;font-size:15px;line-height:1.5;color:#cbd5e1}
.ru-timeline__step::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:12px;height:12px;border-radius:50%;background:#141e33;border:2px solid #64748b;box-sizing:border-box}
.ru-timeline__step:not(:last-child)::after{content:"";position:absolute;inset-inline-start:5px;top:20px;bottom:-12px;width:2px;background:rgba(148,163,184,.25)}
.ru-timeline__step time{display:block;color:#94a3b8;font-size:12px;font-variant-numeric:tabular-nums;text-align:start}
.ru-timeline__step a{margin-inline-start:6px;white-space:nowrap;display:inline-block}
.ru-timeline__step--paid::before{border-color:#10b981;background:#10b981}
.ru-timeline__step--event::before{border-color:#94a3b8}
.ru-timeline__step--due::before{border-color:#f87171}
.ru-timeline__step--now{margin-bottom:0}
.ru-timeline__step--now::before{border-color:#ef4444;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.2)}
.ru-live{color:#fca5a5;font-weight:700;font-variant-numeric:tabular-nums}
.ru-empty{color:#cbd5e1;text-align:center;padding:32px 0}
.pl-page .ru-note{color:#94a3b8;font-size:14px;margin-top:8px}
/* The shared green button is 3.8:1 with white text; a shade darker here reads at 5.5:1. */
.pl-page .ru-settle .pl-btn--primary{background:#047857;border-color:#047857}
.pl-page .ru-settle .pl-btn--primary:hover{background:#065f46;border-color:#065f46}
@media (max-width:860px){
    .ru-cases{padding:32px 0 48px}
    .ru-case{padding:22px 18px}
    .ru-case__body{grid-template-columns:minmax(0,1fr);gap:24px}
    .ru-facts{grid-template-columns:minmax(0,1fr)}
    .pl-page .ru-case h2{font-size:20px}
}
/* Phones: the stamp takes its own line under the domain, so the domain keeps the full width. */
@media (max-width:600px){
    .ru-case__head{flex-wrap:wrap;row-gap:10px}
    .ru-case__title{flex:1 1 calc(100% - 58px)}
    .ru-case__head .ru-stamp{margin-inline-start:58px;font-size:12px;transform:none}
    .ru-hero{padding:88px 0 20px}
    .ru-row{flex-wrap:wrap;align-items:flex-start;padding:14px 16px}
    .ru-row__main{flex:1 1 calc(100% - 58px)}
    .ru-row__side{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding-inline-start:58px;box-sizing:border-box}
    .ru-row .ru-stamp{transform:none;font-size:12px}
}