/* Uputstvo za uplatu + uplatnica (modal Radioderventaa, predračun) */
.rd-pay{display:grid;gap:14px;font-size:15px;line-height:1.5}
.rd-pay-lead{margin:0}
.rd-pay-copy{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.rd-pay-copy>div{background:#f3f6fa;border-radius:10px;padding:8px 12px;display:grid;gap:2px}
.rd-pay-copy small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#55606f;font-weight:700}
.rd-pay-copy b{font-family:ui-monospace,Consolas,monospace;font-size:15px;word-break:break-all}
.rd-pay-copy .rd-copy{justify-self:start;border:1px solid #c9d3e2;background:#fff;border-radius:6px;font-size:12px;padding:2px 8px;cursor:pointer}
.rd-pay-note{font-size:13px;color:#55606f;margin:0}
.rd-upl{border:2px solid #1f3b6e;border-radius:6px;background:#fbfdff;padding:10px 12px;font-family:Arial,sans-serif;color:#10213f;max-width:760px}
.rd-upl-title{font-weight:700;letter-spacing:.2em;text-align:center;font-size:14px;border-bottom:1px solid #1f3b6e;padding-bottom:6px;margin-bottom:8px}
.rd-upl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rd-upl-l,.rd-upl-r{display:grid;gap:3px;align-content:start}
.rd-upl label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#3c5a8c;margin-top:4px}
.rd-upl-f{border:1px solid #9fb0c7;background:#fff;min-height:26px;padding:4px 8px;font-size:14px;border-radius:3px}
.rd-upl-f.tall{min-height:46px}
.rd-upl-f.mono{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:.05em}
.rd-upl-f.big{font-size:20px;font-weight:700;text-align:right}
.rd-upl-small{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:6px}
.rd-upl-small span{border:1px dashed #c9d3e2;font-size:8px;color:#9fb0c7;padding:10px 3px 2px;text-transform:uppercase;line-height:1.1}
.rd-upl-foot{font-size:10px;color:#55606f;margin-top:8px}
@media (max-width:600px){.rd-upl-grid{grid-template-columns:1fr}}

/* ===== Nalog za uplatu po BiH obrascu (rd_uplatnica_html) ===== */
.rd-nalog{container-type:inline-size;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1.5px solid #2b2b2b;border-radius:2px;font-family:Arial,Helvetica,sans-serif;color:#222;font-size:12px;max-width:820px;box-sizing:border-box}
.rd-nalog *{box-sizing:border-box}
.rd-nalog-l,.rd-nalog-r{display:grid;gap:12px;align-content:start;padding:12px 14px 14px}
.rd-nalog-l{border-right:1.5px solid #2b2b2b}
.rd-nf{display:grid;gap:2px;min-width:0}
.rd-nf-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.rd-nl{font-size:11.5px;color:#444;white-space:nowrap}
.rd-nl.w{width:118px;white-space:normal;line-height:1.15}
.rd-nl.s{white-space:normal;line-height:1.15;max-width:110px}
.rd-nline{display:block;min-height:20px;border-bottom:1px solid #555;padding:0 4px;line-height:20px}
.rd-nline.grow{flex:1;min-width:60px}
.rd-nline em,.rd-nb.fill i,.rd-nkm em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;color:#7a1420;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.rd-nb{display:inline-flex;border:1px solid #555;border-right:0;height:24px}
.rd-nb i{display:inline-grid;place-items:center;width:15px;border-right:1px solid #555;font-style:normal;font-family:Georgia,serif;font-weight:700;font-size:15px;color:#7a1420}
.rd-nb.date i:nth-child(2),.rd-nb.date i:nth-child(4){position:relative;margin-right:9px}
.rd-nb.date i:nth-child(2)::after,.rd-nb.date i:nth-child(4)::after{content:"/";position:absolute;right:-8px;color:#555;font-family:Arial;font-weight:400;font-size:12px}
.rd-nf-sign{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:end}
.rd-nf-sign > div:first-child{display:grid;gap:4px}
.rd-nstamp{height:96px;border:1px solid #555;display:grid;place-items:center;font-size:11px;color:#444}
.rd-nkm b{font-size:13px}
.rd-nkm b.h{font-size:11px;font-weight:700}
.rd-nkm em{font-size:18px}
.rd-npub{border:1.5px solid #2b2b2b;border-radius:2px;margin:4px 0 0;padding:6px 10px 10px;display:grid;gap:9px;min-width:0}
.rd-npub legend{font-size:11.5px;font-style:italic;padding:0 6px;color:#333}
.rd-nperiod{display:grid;gap:3px;border:1px solid #888;padding:3px 6px 5px;font-size:11px}
.rd-nperiod > span{display:flex;align-items:center;gap:6px}
@container (max-width:620px){.rd-nalog{grid-template-columns:1fr}.rd-nalog-l{border-right:0;border-bottom:1.5px solid #2b2b2b}}
@media (max-width:700px){.rd-nalog{grid-template-columns:1fr}.rd-nalog-l{border-right:0;border-bottom:1.5px solid #2b2b2b}.rd-nb i{width:13px}}

.rd-nalog-l,.rd-nalog-r{gap:8px;padding:10px 12px 12px}
.rd-nline{min-height:18px;line-height:18px}
.rd-nline em,.rd-nkm em,.rd-nb i{font-variant-numeric:lining-nums tabular-nums}
.rd-nl.w{width:92px;font-size:10.5px}
.rd-nl.s{font-size:10.5px;max-width:92px}
.rd-nb{height:22px}
.rd-nb i{width:16px;font-size:14px}
.rd-npub .rd-nb i{width:14px}
.rd-nf-row{flex-wrap:nowrap}
.rd-npub .rd-nf-row{flex-wrap:wrap;row-gap:4px}
.rd-nstamp{height:76px}
.rd-npub{gap:6px;padding:4px 8px 8px}
.rd-nperiod{padding:2px 5px 4px}
@container (max-width:620px){.rd-nf-row{flex-wrap:wrap}}
@media (max-width:700px){.rd-nf-row{flex-wrap:wrap}}
.rd-nl.w,.rd-nl.s{flex:none;overflow-wrap:anywhere}
.rd-nalog{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
@media print{.rd-nalog .rd-nb i{width:14px;font-size:13px}.rd-nalog .rd-nl.w{width:80px}.rd-nalog-l,.rd-nalog-r{padding:8px 10px 10px}}
.rd-nalog-wrap{container-type:inline-size;max-width:820px}
.rd-nalog{container-type:normal}

/* ===== 16.10.: obrazac je UVIJEK u dvije kolone kao papirni nalog. Crta se u fiksnoj širini 760px i
   srazmjerno umanjuje (zoom = širina okvira / 760, računa skripta u rd_uplatnica_html), umjesto da se slaže
   u jednu kolonu. Pravila iznad za uske ekrane se ovdje poništavaju. ===== */
.rd-nalog-wrap{container-type:normal;max-width:760px;width:100%;overflow:hidden}
.rd-nalog{width:760px;max-width:none;zoom:var(--z,1);grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) !important}
.rd-nalog .rd-nalog-l{border-right:1.5px solid #2b2b2b !important;border-bottom:0 !important}
.rd-nalog .rd-nf{grid-template-columns:minmax(0,1fr)}
.rd-nalog .rd-nf-row{flex-wrap:nowrap !important}
.rd-nalog .rd-npub .rd-nf-row{flex-wrap:nowrap !important;gap:6px}
.rd-nalog .rd-npub .rd-nl.w{width:74px}
.rd-nalog .rd-npub .rd-nl.s{max-width:74px}
.rd-nalog .rd-nperiod{margin-left:auto}
.rd-pay-copy b{font-family:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;word-break:normal;overflow-wrap:anywhere}
.rd-nalog .rd-nline{min-width:0;overflow:hidden}
.rd-nalog .rd-nb i{width:16px !important}
.rd-nalog .rd-npub .rd-nb i{width:12px !important}
/* popuna: čitljiv font, plavo kao hemijska olovka */
.rd-nalog .rd-nline em,.rd-nalog .rd-nb.fill i,.rd-nalog .rd-nkm em{font-family:"Source Sans 3","Source Sans Pro","Segoe UI",Roboto,Arial,sans-serif;font-style:normal;font-weight:600;color:#1a3d8f;font-size:15px;letter-spacing:.01em}
.rd-nalog .rd-nb i{font-family:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;font-weight:600;color:#1a3d8f;font-size:14.5px}
.rd-nalog .rd-nkm em{font-size:19px;font-weight:700}
@media print{.rd-nalog{zoom:.9 !important}}
/* modal: predračun na vrhu */
.rd-pay-doc{display:flex}
.rd-pay-docbtn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#1457b8;color:#fff !important;text-decoration:none !important;box-shadow:0 6px 16px rgba(20,87,184,.28);flex:1}
.rd-pay-docbtn:hover{background:#0f4a9e}
.rd-pay-docbtn svg{flex:none}
.rd-pay-docbtn span{display:grid;gap:1px;line-height:1.25}
.rd-pay-docbtn b{font-size:16px}
.rd-pay-docbtn small{font-size:13px;opacity:.85}
.rd-pay-h{margin:4px 0 -6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#55606f}