/* Payments Hub 24 – v2 Dashboard & Evidence scroll modernization */
:root{--hub-card:#111d2c;--hub-stroke:#2d4158;--hub-muted:#9fb4ca;--hub-cyan:#6ce8f9}
.brand{min-width:245px;width:245px}.brand-logo-main{width:245px;max-height:64px;object-fit:contain}
.footer-personal .footer-logo{width:200px!important;max-height:55px}
.hub-v2-dashboard{display:grid;grid-template-columns:minmax(270px,355px) minmax(0,1fr);gap:17px;align-items:start;max-width:100%;margin:20px 0 0}
.hub-v2-rail{min-width:0}.hub-v2-group-head{margin:0 0 13px}.hub-v2-group-head h2{font-size:21px;margin:7px 0 0;letter-spacing:-.5px}
.hub-v2-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hub-v2-shortcut{background:linear-gradient(160deg,#152335,#0e1724);border:1px solid var(--hub-stroke);border-radius:15px;min-width:0;min-height:114px;padding:13px 6px 11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#ecf7ff;text-decoration:none;text-align:center;transition:.17s}
.hub-v2-shortcut:hover{transform:translateY(-2px);border-color:#5acde6;background:#1a2d40}
.hub-v2-shortcut strong{font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.hub-v2-icon{width:46px;height:46px;display:grid;place-items:center;font-size:28px;font-weight:900;border-radius:14px;background:linear-gradient(145deg,#174262,#13283c);color:#91dfff}
.hub-v2-icon.accent-green{background:linear-gradient(145deg,#184c3e,#173429);color:#6ee2ab}.hub-v2-icon.accent-violet{background:linear-gradient(145deg,#3b3566,#232441);color:#b7a6ff}.hub-v2-icon.accent-gold{background:linear-gradient(145deg,#5e4d26,#30291b);color:#f2d182}
.hub-v2-rail-heading{font-size:11px;font-weight:900;color:#67e4f5;letter-spacing:1.3px;margin:24px 1px 11px}
.hub-v2-rail-links{border:1px solid var(--hub-stroke);background:linear-gradient(170deg,#111e2d,#0c1522);border-radius:15px;padding:3px 12px}
.hub-v2-rail-links a{display:flex;align-items:center;gap:12px;color:#e8f1fb;font-size:12px;font-weight:700;padding:11px 3px;text-decoration:none;border-bottom:1px solid #283b50}
.hub-v2-rail-links a:last-child{border-bottom:0}.hub-v2-rail-links a:hover{color:#68e7f9}.hub-v2-rail-links a>span:last-child{margin-left:auto;color:#8baac7;font-size:21px}
.hub-v2-list-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#1c3448;color:#a5daf5;font-size:17px}.hub-v2-list-icon.accent-red{background:#482634;color:#ff9daf}
.hub-v2-summary{background:linear-gradient(145deg,#111c2b,#0b1521);border:1px solid #2b4056;border-radius:19px;padding:17px;box-shadow:0 18px 44px #0003}
.hub-v2-main-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-height:16px}.hub-v2-backup-shortcut{font-size:11px;color:#9eb6cc;text-decoration:none}.hub-v2-backup-shortcut:hover{color:#6be5f6}
.hub-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.hub-v2-metric{color:#eef9ff;text-decoration:none;display:flex;gap:9px;min-width:0;align-items:center;min-height:120px;padding:13px 11px;border:1px solid #305e82;border-radius:14px;background:linear-gradient(120deg,#173149,#112237);transition:.17s}
.hub-v2-metric:hover{border-color:#68d9ff;transform:translateY(-2px)}
.hub-v2-metric>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.hub-v2-metric small{font-size:9px;color:#b6ddf8;font-weight:850;letter-spacing:.5px}
.hub-v2-metric strong{font-size:clamp(20px,2.05vw,30px);font-weight:900;line-height:1.1;letter-spacing:-.6px;white-space:nowrap}
.hub-v2-metric em{font-style:normal;font-size:10px;color:#a7bcd0;line-height:1.35}
.hub-v2-metric-icon{width:41px;height:45px;flex:0 0 41px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:900;background:#23629a;color:#a9edff}
.hub-v2-metric.metric-green{border-color:#236656;background:linear-gradient(125deg,#123832,#10251f)}.metric-green .hub-v2-metric-icon{background:#1c7457;color:#bbffe3}
.hub-v2-metric.metric-gold{border-color:#725a30;background:linear-gradient(125deg,#312919,#1d1e1a)}.metric-gold .hub-v2-metric-icon{background:#7b5c1e;color:#ffde91}
.hub-v2-metric.metric-purple{border-color:#6d5885;background:linear-gradient(120deg,#302441,#1e1c35)}.metric-purple .hub-v2-metric-icon{background:#644c84;color:#eed8ff}
.hub-v2-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.hub-v2-widget{min-width:0;min-height:255px;padding:14px 13px;background:#0c1826;border:1px solid #293f56;border-radius:14px;display:flex;flex-direction:column}
.hub-v2-widget-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.hub-v2-widget-title h3{font-size:13px;font-weight:900;color:#79e7f8;margin:0}.hub-v2-widget-title a{font-size:10px;color:#89bdd5;text-decoration:none;white-space:nowrap}
.hub-v2-widget-title a:hover{color:#63e8fb}.hub-v2-widget-rows{display:grid;gap:0}.hub-v2-widget-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px;border-bottom:1px solid #263a4e;color:#dceafa;font-size:11px}.hub-v2-widget-row:last-child{border-bottom:0}.hub-v2-widget-row strong{font-size:11px}.hub-v2-widget-row span{font-size:10px;color:#b6cde3;text-align:right}.hub-v2-widget-row .hub-v2-state{background:#193e4a;color:#77e9f4;padding:3px 6px;border-radius:7px;font-size:9px;white-space:nowrap}
.hub-v2-widget-row .hub-v2-state.good{background:#163e32;color:#80e7be}.hub-v2-widget-row .hub-v2-state.warn{background:#4c381f;color:#efc682}
.hub-v2-widget-empty{font-size:11px;color:#8da9c0;margin:10px 0;line-height:1.55}
.hub-v2-all-areas{border:1px solid #2b4057;border-radius:14px;margin:16px 0 0;background:#101d2b;overflow:hidden}.hub-v2-all-areas>summary{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#add6e7;font-size:12px;font-weight:800;list-style:none}
.hub-v2-all-areas>summary::-webkit-details-marker{display:none}.hub-v2-all-areas>summary span{font-size:18px}.hub-v2-all-areas[open]>summary{border-bottom:1px solid #2b4057}.hub-v2-all-areas .hub-areas-legacy{padding:15px;margin:0!important}.hub-v2-all-areas .hub-areas-legacy .section-heading{margin-top:0!important}
/* Evidence becomes a full-height document: one vertical page scroll only. */
.evidence-frame-wrap{height:auto!important;min-height:0!important;overflow:visible!important;border-radius:16px!important;}
.evidence-frame-wrap iframe{height:760px;min-height:600px;overflow:hidden;display:block}
.evidence-page-title{position:sticky;top:73px;z-index:13;background:#0b1521;border:1px solid #2b4055;border-radius:15px;margin-bottom:10px!important;padding:9px 13px!important}
.evidence-page-title h1{font-size:22px!important}.evidence-page-title .eyebrow{font-size:9px}.evidence-title-icon{height:38px;width:38px}.evidence-app-actions .btn{padding:8px 10px;font-size:11px}
.footer.footer-personal{padding-bottom:15px!important}
@media(max-width:1350px){.hub-v2-dashboard{grid-template-columns:285px minmax(0,1fr)}.hub-v2-summary{padding:13px}.hub-v2-metric{flex-direction:column;align-items:flex-start;padding:10px;gap:8px;min-height:130px}.hub-v2-metric-icon{width:35px;height:35px;flex-basis:35px}.hub-v2-widget-title{display:block}.hub-v2-widget-title a{display:inline-block;margin-top:5px}.brand{width:216px;min-width:216px}.brand-logo-main{width:216px}}
@media(max-width:1080px){.hub-v2-dashboard{grid-template-columns:1fr}.hub-v2-shortcut-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hub-v2-shortcut{min-height:90px;padding:9px 4px}.hub-v2-rail-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.hub-v2-rail-links a{border-bottom:0;font-size:10px}.evidence-page-title{top:110px}}
@media(max-width:760px){.hub-v2-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-v2-rail-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-v2-metric{flex-direction:row;min-height:98px}.hub-v2-widgets{grid-template-columns:1fr}.hub-v2-widget{min-height:0}.hub-v2-dashboard{gap:14px}.evidence-page-title{position:static}.evidence-app-actions{justify-content:flex-start}.evidence-app-actions .btn{font-size:10px}}
@media(max-width:410px){.hub-v2-shortcut-grid{gap:6px}.hub-v2-shortcut strong{font-size:10px}.hub-v2-metric{flex-direction:column}.hub-v2-rail-links{grid-template-columns:1fr 1fr}}