/* Recurring invoices: option switch (download the list / send automatically). Pairs with it-recurring-auto-v1.js. */
.ra-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.ra-mode{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 16px;border:1.5px solid #E3E6E8;border-radius:14px;background:#fff;color:#15151A;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s}
.ra-mode:hover{border-color:#C9CED2}
.ra-mode.on{border-color:#C04E06;box-shadow:0 0 0 3px rgba(242,98,7,.14);background:#FFFBF7}
.ra-mode:focus-visible{outline:2px solid #C04E06;outline-offset:2px}
.ra-mode-k{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7A8288}
.ra-mode.on .ra-mode-k{color:#C04E06}
.ra-mode b{font-size:16px;line-height:1.25}
.ra-mode-s{font-size:13px;line-height:1.4;color:#5B6470}
.ra-card{border:1px solid #E3E6E8;border-radius:16px;background:#fff;padding:20px 20px 18px}
.ra-h{margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:700;color:#15151A}
.ra-points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.ra-points li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:#3C444B}
.ra-points li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#FDEBDD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.9' fill='none' stroke='%23C04E06' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ra-points b{color:#15151A}
.ra-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#E8EBED;border:1px solid #E8EBED;border-radius:12px;overflow:hidden;margin:0 0 16px}
.ra-sum div{background:#F8FAFB;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ra-sum span{font-size:11.5px;color:#6B7280}
.ra-sum b{font-size:14.5px;color:#15151A}
.ra-field{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
.ra-field span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5B6470}
.ra-hint{margin:0 0 14px;font-size:13px;line-height:1.45;color:#5B6470}
.ra-pay{font-size:13.5px;line-height:1.5;color:#3C444B;background:#F8FAFB;border-radius:10px;padding:10px 12px;margin:0 0 14px}
.ra-pay a{color:#C04E06;font-weight:600}
.ra-ok{color:#14653B;font-weight:700}
.ra-off{color:#8A4A00;font-weight:700}
.ra-warn{margin:0 0 14px;padding:10px 12px 10px 28px;background:#FFF5E8;border-radius:10px;font-size:13px;line-height:1.5;color:#7A4300}
p.ra-warn{padding-left:12px}
.ra-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.ra-cta .ri-btn{text-decoration:none}
.ra-msg{margin:0 0 6px;font-size:13.5px;color:#A3201F;min-height:0}
.ra-fine{margin:0;font-size:12px;line-height:1.5;color:#7A8288}
.ra-done p{font-size:15px;line-height:1.55;color:#3C444B;margin:0 0 14px}
@media (max-width:520px){
  .ra-modes{grid-template-columns:1fr}
  .ra-sum{grid-template-columns:1fr 1fr}
  .ra-card{padding:16px}
}
@media print{.ra-modes,.ra-pane{display:none!important}}