/* FinancePortal v166 — FD / RD / Savings Account additions on top of saving-schemes-v160.css */
:root{--dp-a:#2a78d6;--dp-b:#eb6834}
.dp-sub{display:block;font-size:12px;color:#6a7f98;font-weight:600;margin-top:2px}
.dp-filter{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 10px}
.dp-filter button{border:1px solid #cfe0f2;background:#fff;color:#17345e;border-radius:20px;padding:7px 13px;font-weight:800;cursor:pointer;font-size:13px}
.dp-filter button.on{background:#0b2858;border-color:#0b2858;color:#fff}
/* paired bar chart */
.dp-chart{border:1px solid #e1ebf5;border-radius:13px;padding:16px;background:#fbfdff;margin:8px 0 6px}
.dp-legend,.dp-lg{display:flex;gap:16px;font-size:12.5px;color:#4f6784;font-weight:700;margin-bottom:10px}
.dp-legend span::before,.dp-lg span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:var(--dp-a)}
.dp-legend span.b::before,.dp-lg span.b::before{background:var(--dp-b)}
.dp-row{display:grid;grid-template-columns:130px minmax(0,1fr) 58px;gap:10px;align-items:center;padding:3px 0}
.dp-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-name a{text-decoration:none;color:#17345e!important}
.dp-track{position:relative;height:22px;background:repeating-linear-gradient(90deg,#e8eef5 0 1px,transparent 1px 20%);background-size:100% 100%}
.dp-track .dp-link{position:absolute;top:10px;height:2px;background:#c3d3e4}
.dp-track i{position:absolute;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--dp-a);border:2px solid #fbfdff;box-sizing:content-box;cursor:pointer}
.dp-track i.b{background:var(--dp-b)}
.dp-track i:hover{transform:scale(1.3)}
.dp-val{font-size:13px;color:#17345e;text-align:right}
.dp-axis{display:flex;justify-content:space-between;margin-left:134px;margin-right:62px;font-size:11.5px;color:#6a7f98;border-top:1px solid #dfe8f2;padding-top:4px;margin-top:6px}
.dp-tip{position:absolute;display:none;z-index:99;background:#0b2858;color:#fff;font-size:12.5px;font-weight:600;padding:7px 10px;border-radius:8px;max-width:250px;pointer-events:none;box-shadow:0 8px 20px #0b285833}
/* calculator extras */
.dp-split{display:flex;gap:2px;height:12px;margin:6px 0 4px}
.dp-split i{display:block;height:100%;border-radius:3px;background:#5fa2f0}
.dp-split i.b{background:#f39a6e}
.ss-out .dp-lg{color:#d7e6f7;margin:4px 0 8px}
.ss-out .dp-lg span::before{background:#5fa2f0}.ss-out .dp-lg span.b::before{background:#f39a6e}
.dp-extra h3{margin-top:18px}
.dp-bank{width:100%;padding:10px;border:1px solid #cfe0f2;border-radius:9px;font-size:14px;background:#fff}
.dp-chk{display:flex!important;gap:8px;justify-content:flex-start!important;align-items:center;font-weight:700!important;margin-top:8px;font-size:13.5px!important}
.dp-rungs{margin-top:6px}.dp-rl{display:block;font-size:14px;color:#17345e;margin-bottom:6px}
.dp-rg{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.dp-rg label{font-size:12px;font-weight:800;color:#5d738d}
.dp-rg input{width:100%;box-sizing:border-box;padding:7px;border:1px solid #cfe0f2;border-radius:8px;font-size:14px;margin-top:3px}
/* bank page */
.dp-bankhead{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.dp-pill{background:#fff;border:1px solid #d9e7f5;border-radius:30px;padding:6px 13px;font-size:13px;font-weight:700;color:#17345e}
.dp-hl td{background:#eaf7ef!important}
.dp-best{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 4px}
.dp-best div{border:1px solid #d6e6f6;border-radius:13px;padding:14px;background:linear-gradient(135deg,#f5fbff,#fff)}
.dp-best span{display:block;font-size:12px;font-weight:800;color:#5d738d;text-transform:uppercase;letter-spacing:.4px}
.dp-best b{display:block;font-size:24px;color:#0a7a3f;margin:4px 0 2px}
.dp-best small{color:#4f6784;font-size:13px}
.dp-hubnav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dp-hubnav a{display:block;border:1px solid #dfe8f2;border-radius:12px;padding:12px;text-decoration:none;font-weight:800;color:#17345e!important;font-size:14px;background:#fff}
.dp-hubnav a small{display:block;font-weight:600;color:#5d738d;font-size:12.5px;margin-top:3px}
.dp-hubnav a:hover{border-color:#0786ef}
.ss-aside .rate-row a{border:0;padding:0}
@media(max-width:980px){.dp-hubnav{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dp-axis span:nth-child(even){visibility:hidden}.dp-row{grid-template-columns:92px minmax(0,1fr) 50px;gap:6px}.dp-axis{margin-left:98px;margin-right:56px}.dp-best{grid-template-columns:1fr}.dp-rg{grid-template-columns:repeat(3,1fr)}.dp-hubnav{grid-template-columns:1fr}}