:root{
  --navy:#031526;--navy2:#061c31;--navy3:#092841;--ink:#0a2238;--muted:#6e8193;--line:#dbe8f1;
  --cyan:#10c7ef;--blue:#1687f8;--blue2:#1468d5;--green:#21d69a;--yellow:#f2b84a;--red:#ee6680;
  --surface:#f3f9fc;--card:#fff;--shadow:0 20px 60px rgba(4,37,62,.12);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{color:var(--ink)}button,input,select,textarea{font:inherit}.fgpay-body{min-height:100vh;background:linear-gradient(145deg,#031426 0%,#04111e 70%,#061b2e 100%)}
.fgpay-shell{min-height:100vh}.fgpay-sidebar{position:fixed;left:0;top:0;bottom:0;width:278px;padding:22px 16px 20px;background:linear-gradient(180deg,rgba(4,28,48,.99),rgba(2,16,29,.99));border-right:1px solid rgba(103,204,255,.13);z-index:50;display:flex;flex-direction:column;box-shadow:18px 0 60px rgba(0,0,0,.13)}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.fgpay-brand{height:58px;display:flex;align-items:center;gap:9px;padding:0 10px;text-decoration:none}.fgpay-brand img{width:145px;height:auto;filter:drop-shadow(0 0 18px rgba(25,191,246,.14))}.fgpay-brand span{font-size:10px;font-weight:950;letter-spacing:1.8px;color:#7ce9ff;border:1px solid rgba(78,219,255,.35);border-radius:9px;padding:5px 7px;background:rgba(32,197,244,.08)}.sidebar-mobile-close{display:none}.fgpay-role{margin:13px 5px 18px;padding:12px;border:1px solid rgba(110,199,244,.12);border-radius:17px;background:linear-gradient(135deg,rgba(27,84,122,.24),rgba(4,29,49,.4));display:flex;align-items:center;gap:11px}.role-avatar,.mini-avatar{border-radius:13px;background:linear-gradient(150deg,#082f4d,#0d6fac);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(91,215,255,.18)}.role-avatar{width:42px;height:42px}.role-avatar img,.mini-avatar img{width:75%;height:75%;object-fit:contain}.fgpay-role strong{display:block;color:#f5fbff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px}.fgpay-role small{display:block;color:#7696ad;font-size:9px;margin-top:3px;text-transform:uppercase;letter-spacing:.7px}.fgpay-nav{overflow:auto;padding-right:2px}.fgpay-nav::-webkit-scrollbar{width:4px}.fgpay-nav::-webkit-scrollbar-thumb{background:rgba(85,194,242,.14);border-radius:999px}.nav-caption{font-size:8px;color:#53758f;font-weight:950;letter-spacing:1.5px;padding:12px 12px 7px}.fgpay-nav a{display:flex;align-items:center;gap:12px;min-height:45px;padding:8px 10px;margin:2px 0;border-radius:13px;text-decoration:none;color:#9cb4c6;font-size:12px;font-weight:760;transition:.18s ease}.fgpay-nav a:hover{color:#edfaff;background:rgba(30,113,167,.13)}.fgpay-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(19,194,239,.18),rgba(25,112,232,.22));box-shadow:inset 0 0 0 1px rgba(73,204,255,.18),0 8px 25px rgba(0,83,146,.12)}.nav-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(111,181,219,.06);flex:0 0 31px}.active .nav-icon{background:linear-gradient(135deg,rgba(26,207,246,.16),rgba(35,130,255,.22))}.nav-icon svg,.top-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{margin-top:auto;padding:13px 11px 2px;color:#65869e;font-size:9px;display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(33,214,154,.8)}
.fgpay-main{margin-left:278px;min-height:100vh}.fgpay-topbar{height:88px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:30;background:rgba(3,21,38,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(95,195,243,.12)}.topbar-title small{display:block;color:#5adffc;font-size:9px;font-weight:950;letter-spacing:1.5px}.topbar-title strong{display:block;color:#eaf7ff;font-size:14px;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:9px}.balance-pill,.profile-pill{height:54px;border:1px solid rgba(120,200,241,.13);border-radius:15px;background:linear-gradient(135deg,rgba(16,50,77,.8),rgba(7,31,52,.9));display:flex;align-items:center;text-decoration:none}.balance-pill{padding:0 16px;gap:13px}.balance-pill span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#718fa6;font-weight:850}.balance-pill b{font-size:13px;color:#fff}.profile-pill{padding:6px 13px 6px 7px;gap:9px;color:#fff;max-width:210px}.mini-avatar{width:39px;height:39px;border-radius:11px}.profile-pill b{display:block;font-size:11px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-pill small{display:block;font-size:8px;color:#6f8fa8;margin-top:2px}.top-icon{width:48px;height:48px;border:1px solid rgba(116,203,245,.14);border-radius:14px;background:rgba(7,31,52,.7);color:#a7c1d5;display:grid;place-items:center;cursor:pointer}.top-icon:hover{color:#fff;border-color:rgba(71,212,255,.32)}.mobile-brand,.menu-button{display:none}
.fgpay-content{padding:20px 22px 28px;background:transparent}.fgpay-surface{max-width:1540px;min-height:calc(100vh - 136px);margin:0 auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#f5fbfe,#edf6fb);box-shadow:0 25px 90px rgba(0,0,0,.18);position:relative;overflow:hidden}.fgpay-surface:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(9,86,128,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,86,128,.035) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.fgpay-surface>*{position:relative}.fgpay-footer{max-width:1540px;margin:0 auto;padding:0 30px 24px;color:#52738c;font-size:9px;display:flex;justify-content:space-between}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 2px 20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0a8dc0;font-size:9px;font-weight:950;letter-spacing:1.4px;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(16,199,239,.6)}.page-head h1{font-size:31px;line-height:1.05;letter-spacing:-1.2px;margin:6px 0 7px;color:#0a2034}.page-head p{margin:0;color:#748596;font-size:12px;line-height:1.5;max-width:720px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.fgpay-btn{border:0;border-radius:13px;min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#13c6ef,#1186fb);color:#fff;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 12px 26px rgba(17,134,251,.18);cursor:pointer}.fgpay-btn:hover{filter:brightness(1.04)}.fgpay-btn.secondary{background:#fff;color:#194665;border:1px solid #dce9f1;box-shadow:none}.fgpay-btn.dark{background:#0a2740;box-shadow:none}.fgpay-btn.danger{background:#fff0f3;color:#c3425a;border:1px solid #ffd7df;box-shadow:none}.fgpay-btn.small{min-height:34px;padding:0 11px;font-size:9px}
.hero-pay{position:relative;overflow:hidden;border-radius:26px;padding:27px 29px;background:radial-gradient(circle at 86% 30%,rgba(65,221,255,.55),transparent 28%),linear-gradient(135deg,#0b4ba9 0%,#087bd5 52%,#08a9cf 100%);color:#fff;box-shadow:0 22px 50px rgba(20,111,192,.22);margin-bottom:18px}.hero-pay:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.hero-pay>*{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-pay .hero-label{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:1.2px}.hero-pay h2{font-size:30px;letter-spacing:-1px;margin:14px 0 7px}.hero-pay p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.76);max-width:650px}.hero-status{min-width:170px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(3,45,88,.18);border-radius:16px}.hero-status small,.hero-status strong{display:block}.hero-status small{font-size:8px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.8px}.hero-status strong{font-size:13px;margin-top:6px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-action{display:inline-flex;align-items:center;gap:8px;min-height:39px;border-radius:12px;padding:0 13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:9px;font-weight:850;backdrop-filter:blur(8px)}.hero-action.primary{background:#fff;color:#1068aa;border-color:#fff}.hero-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi-card{background:rgba(255,255,255,.91);border:1px solid #dfebf2;border-radius:19px;padding:17px 18px;box-shadow:0 10px 30px rgba(22,74,104,.06);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#12c9ef,#1a83fb);opacity:.75}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e9f7ff;color:#117cc4}.kpi-icon.green{background:#e9fbf5;color:#18a979}.kpi-icon.yellow{background:#fff6df;color:#bf8120}.kpi-icon.purple{background:#f2edff;color:#7455cf}.kpi-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.kpi-card small{font-size:8px;color:#8796a3;text-transform:uppercase;letter-spacing:.7px;font-weight:900}.kpi-card strong{display:block;font-size:21px;letter-spacing:-.5px;color:#0b243a;margin:12px 0 4px}.kpi-card span{font-size:9px;color:#8797a5}
.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fgpay-panel{background:rgba(255,255,255,.92);border:1px solid #deebf2;border-radius:20px;box-shadow:0 12px 35px rgba(28,70,97,.06);overflow:hidden;margin-bottom:14px}.panel-head{min-height:57px;padding:13px 16px;border-bottom:1px solid #e8f0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{display:block;color:#119bc6;font-size:7px;font-weight:950;letter-spacing:1.2px}.panel-head h2{font-size:13px;margin:3px 0 0;color:#112a3e}.panel-head a{font-size:9px;color:#0886bd;text-decoration:none;font-weight:800}.panel-body{padding:16px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:5px}.table-wrap::-webkit-scrollbar-thumb{background:#c7dbe8;border-radius:99px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf3f7;font-size:10px;vertical-align:middle}th{font-size:7px;text-transform:uppercase;letter-spacing:.8px;color:#8a9aa6;background:#f8fbfd}td{color:#375267}td b{color:#102a3f}td code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#087fa8;font-size:9px}.muted{display:block;color:#93a1ab;font-size:8px;margin-top:3px}.empty{text-align:center!important;color:#94a2ac;padding:28px!important}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.55px;background:#eef2f5;color:#6d7f8d}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.paid,.status.completed,.status.delivered,.status.active{background:#e9fbf4;color:#20a977}.status.pending,.status.creating,.status.requested,.status.approved,.status.processing,.status.review{background:#fff7e2;color:#bd842a}.status.failed,.status.cancelled,.status.chargedback,.status.blocked{background:#fff0f3;color:#cb5369}.status.refunded{background:#f1ecff;color:#7754c9}.table-btn{border:1px solid #dce8ef;background:#fff;color:#36586f;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.table-btn.danger{color:#c54f65;border-color:#f5d7dd;background:#fff8fa}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-card{min-height:96px;padding:14px;border-radius:16px;text-decoration:none;background:linear-gradient(145deg,#f6fbff,#e9f6fd);border:1px solid #dbeaf3;color:#183a52;transition:.16s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(36,95,132,.08)}.quick-card .qicon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#0989c4;box-shadow:0 4px 15px rgba(20,95,136,.09);margin-bottom:11px}.quick-card strong{display:block;font-size:10px}.quick-card small{display:block;font-size:8px;color:#8293a0;margin-top:3px;line-height:1.35}.activity-list{display:grid}.activity-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf3f7}.activity-item:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef8fd;color:#1683bf;font-weight:950}.activity-copy{min-width:0;flex:1}.activity-copy strong{display:block;font-size:9px;color:#17384f}.activity-copy span{display:block;font-size:8px;color:#8998a3;margin-top:3px}.activity-value{text-align:right}.activity-value b{display:block;font-size:9px}.activity-value small{font-size:7px;color:#8a99a4}.credit{color:#149467}.debit{color:#ce5369}
.wallet-balance-card{background:linear-gradient(135deg,#062e51,#0c71b4);color:#fff;border-radius:22px;padding:21px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(5,70,116,.22)}.wallet-balance-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-90px;background:rgba(25,219,255,.17)}.wallet-balance-card small{display:block;color:#a4dff3;font-size:8px;text-transform:uppercase;letter-spacing:1px}.wallet-balance-card strong{display:block;font-size:31px;margin:9px 0 5px;letter-spacing:-1px}.wallet-code{display:inline-flex;margin-top:17px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font:8px ui-monospace,monospace;color:#d7f7ff}.info-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.info-chip{border:1px solid #dceaf2;background:#fff;border-radius:13px;padding:10px 12px;min-width:150px}.info-chip span{display:block;font-size:7px;color:#8d9ba6;text-transform:uppercase;font-weight:900}.info-chip b{display:block;font-size:10px;margin-top:4px;color:#19384e}
.fgpay-dialog{width:min(640px,94vw);border:1px solid #dce9f1;border-radius:24px;background:#fff;color:#102d43;padding:0;box-shadow:0 30px 100px rgba(0,31,52,.32);overflow:hidden}.fgpay-dialog::backdrop{background:rgba(2,16,28,.72);backdrop-filter:blur(7px)}.dialog-head{padding:18px 20px;border-bottom:1px solid #e5eff5;display:flex;justify-content:space-between;align-items:center}.dialog-head small{display:block;font-size:7px;color:#0aa4ce;font-weight:950;letter-spacing:1px}.dialog-head h2{font-size:18px;margin:4px 0 0}.dialog-head button{border:0;background:#eff6fa;color:#577287;border-radius:10px;width:34px;height:34px;font-size:20px;cursor:pointer}.dialog-body{padding:19px 20px}.dialog-actions{padding:0 20px 20px;display:flex;justify-content:flex-end;gap:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:8px;color:#6f8393;text-transform:uppercase;letter-spacing:.6px;font-weight:900}.field input,.field select,.field textarea,.fgpay-filter select{width:100%;border:1px solid #d8e6ee;background:#f8fbfd;color:#15354b;border-radius:12px;min-height:43px;padding:0 12px;outline:none;font-size:10px}.field textarea{padding:11px 12px;min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#74d7f2;box-shadow:0 0 0 3px rgba(19,198,239,.09)}.field-help{font-size:8px;color:#8b9aa5}.secret-box{width:100%;min-height:90px;border:1px dashed #b7d9e9;background:#f3fbff;border-radius:14px;padding:12px;font:9px ui-monospace,monospace;color:#056d99;word-break:break-all}.notice{padding:12px 13px;border-radius:13px;background:#eef9ff;border:1px solid #d5edf8;color:#467084;font-size:9px;line-height:1.45}.notice.warn{background:#fff8e8;border-color:#f3e3b3;color:#86672d}.notice.danger{background:#fff1f4;border-color:#f1d3d9;color:#9c4a59}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card{padding:18px}.profile-id{display:flex;align-items:center;gap:13px;margin-bottom:15px}.profile-logo{width:53px;height:53px;border-radius:16px;background:linear-gradient(135deg,#052f50,#0c83bf);display:grid;place-items:center}.profile-logo img{width:72%}.profile-id h3{font-size:14px;margin:0}.profile-id p{font-size:9px;color:#8595a1;margin:4px 0 0}.fgpay-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.doc{padding:18px}.doc h2{font-size:14px;margin:5px 0 10px}.doc p{font-size:9px;line-height:1.55;color:#647c8d}.doc pre{background:#07213a;color:#bcecff;border-radius:14px;padding:14px;overflow:auto;font-size:8px;line-height:1.65}.endpoint{display:flex;align-items:center;gap:8px;margin:7px 0}.endpoint b{font-size:7px;background:#e6f8ff;color:#0786b5;border-radius:7px;padding:5px 7px}.api-base{font:8px ui-monospace,monospace;background:#eef9fe;border:1px solid #d8eef7;padding:9px;border-radius:10px;color:#086f99}.fgpay-toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,86vw);padding:12px 15px;border-radius:13px;background:#07243c;color:#fff;font-size:10px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.25);z-index:200;transform:translateY(110px);opacity:0;transition:.22s}.fgpay-toast.show{transform:none;opacity:1}.fgpay-toast.ok{border:1px solid rgba(40,224,162,.4)}.fgpay-toast.bad{border:1px solid rgba(255,103,128,.45)}
/* AUTH */
.auth-body{min-height:100vh;margin:0;color:#fff;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 78% 22%,rgba(0,207,255,.2),transparent 34%),linear-gradient(135deg,#03182a,#020b14 76%);background-size:90px 90px,90px 90px,auto,auto}.auth-shell{min-height:100vh;width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;padding:42px 0}.auth-logo{width:240px;height:auto;filter:drop-shadow(0 0 30px rgba(11,190,246,.2));margin-bottom:55px}.auth-badge{display:inline-flex;padding:10px 15px;border-radius:999px;background:rgba(20,198,239,.1);border:1px solid rgba(62,213,249,.3);color:#8deaff;font-size:9px;font-weight:950;letter-spacing:.8px}.auth-copy h1{font-size:58px;line-height:.98;letter-spacing:-3px;margin:20px 0 18px;max-width:650px}.auth-copy h1 span{background:linear-gradient(90deg,#c2f7ff,#16b9ff);-webkit-background-clip:text;color:transparent}.auth-copy p{font-size:14px;line-height:1.7;color:#9ab2c4;max-width:590px}.auth-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.auth-points span{font-size:8px;font-weight:800;color:#9bc8df;border:1px solid rgba(110,197,239,.16);background:rgba(8,37,59,.6);border-radius:10px;padding:8px 10px}.auth-card{border:1px solid rgba(130,204,238,.16);background:linear-gradient(145deg,rgba(18,48,71,.88),rgba(10,29,47,.9));border-radius:30px;padding:30px;box-shadow:0 35px 90px rgba(0,0,0,.38);backdrop-filter:blur(20px)}.auth-card-brand{display:flex;align-items:center;justify-content:space-between}.pay-tag{color:#79e8ff;border:1px solid rgba(71,213,255,.3);background:rgba(25,194,235,.08);border-radius:9px;padding:5px 7px;font-size:8px;font-weight:950;letter-spacing:1.3px}.secure-tag{font-size:8px;color:#668ca5}.auth-card h2{font-size:29px;margin:22px 0 6px}.auth-card>p{font-size:10px;color:#7897ad;margin:0 0 20px}.auth-field{display:grid;gap:6px;margin:12px 0}.auth-field label{font-size:8px;color:#86a4b8;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.auth-field input{width:100%;height:52px;border:1px solid rgba(119,192,228,.15);background:rgba(3,21,35,.74);border-radius:14px;padding:0 14px;color:#fff;outline:none;font-size:11px}.auth-field input:focus{border-color:rgba(36,204,244,.55);box-shadow:0 0 0 3px rgba(21,198,239,.08)}.auth-button{width:100%;height:53px;border:0;border-radius:14px;background:linear-gradient(135deg,#11c9ef,#0e8afc);color:#fff;font-size:11px;font-weight:950;cursor:pointer;margin-top:10px;box-shadow:0 15px 35px rgba(13,142,237,.24)}.auth-switch{text-align:center;margin-top:18px;color:#7898ae;font-size:10px}.auth-switch a{color:#7ee9ff;text-decoration:none;font-weight:900}.auth-error{min-height:16px;color:#ff8899;font-size:9px;margin-top:10px}.auth-register .auth-shell{grid-template-columns:.8fr 1.2fr;width:min(1280px,94%)}.auth-register .auth-card{padding:25px 28px}.auth-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.auth-register-grid .auth-field.full{grid-column:1/-1}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.balance-pill{display:none}}
@media(max-width:900px){body.menu-open{overflow:hidden}.fgpay-sidebar{transform:translateX(-110%);width:min(356px,88vw);transition:transform .25s ease;z-index:90;border-radius:0 24px 24px 0;box-shadow:35px 0 80px rgba(0,0,0,.38)}.fgpay-sidebar.mobile-open{transform:none}.sidebar-mobile-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(116,204,245,.16);border-radius:11px;background:#08243a;color:#c9e8f7;font-size:22px}.fgpay-mobile-backdrop{position:fixed;inset:0;background:rgba(0,10,18,.66);z-index:80;opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(4px)}.fgpay-mobile-backdrop.show{opacity:1;pointer-events:auto}.fgpay-main{margin-left:0}.fgpay-topbar{height:114px;padding:18px 20px 20px;background:#03192c;position:relative}.topbar-title,.profile-pill,.top-icon{display:none}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:60px;height:60px;object-fit:contain;border-radius:16px;background:linear-gradient(135deg,#072a45,#0a5b8d);padding:7px;box-shadow:inset 0 0 0 1px rgba(83,206,255,.14)}.mobile-brand span{font-size:9px;font-weight:950;letter-spacing:1.5px;color:#83eaff}.menu-button{display:grid;width:59px;height:59px;border:1px solid rgba(97,201,249,.22);background:linear-gradient(145deg,#08263f,#061e33);border-radius:17px;place-content:center;gap:5px}.menu-button span{display:block;width:25px;height:3px;border-radius:99px;background:#e7f8ff}.fgpay-content{padding:0 11px 20px}.fgpay-surface{min-height:calc(100vh - 134px);padding:18px 14px 28px;border-radius:30px 30px 20px 20px}.fgpay-footer{padding:5px 20px 23px;display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.head-actions{width:100%}.head-actions .fgpay-btn{flex:1}.hero-top{flex-direction:column}.hero-status{min-width:0}.grid-equal,.account-grid,.fgpay-doc-grid{grid-template-columns:1fr}.auth-shell,.auth-register .auth-shell{grid-template-columns:1fr;width:min(470px,92%);gap:18px;padding:25px 0 34px}.auth-copy{text-align:center}.auth-logo{width:210px;margin:0 auto 12px}.auth-copy .auth-badge,.auth-copy h1,.auth-copy p,.auth-points{display:none}.auth-card{padding:30px 23px}.auth-register .auth-copy{display:block}.auth-register .auth-logo{margin-bottom:-6px}.auth-register-grid{grid-template-columns:1fr}.auth-register-grid .auth-field.full{grid-column:auto}}
@media(max-width:560px){.fgpay-topbar{height:98px;padding:15px 17px}.mobile-brand img{width:54px;height:54px}.menu-button{width:54px;height:54px}.fgpay-surface{padding:15px 12px 24px}.hero-pay{padding:21px 18px;border-radius:22px}.hero-pay h2{font-size:25px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-action{justify-content:center}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:14px 13px;border-radius:16px}.kpi-card strong{font-size:17px}.kpi-icon{width:30px;height:30px}.quick-actions{grid-template-columns:1fr 1fr}.page-head h1{font-size:24px}.page-head p{font-size:10px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.fgpay-dialog{border-radius:22px}.table-wrap{margin:0 -12px;padding:0 12px}table{min-width:690px}.wallet-balance-card strong{font-size:27px}.auth-card{border-radius:26px}.auth-card h2{font-size:27px}}
/* PLATFORM EXTENSIONS */
.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:78px!important}.password-wrap button{position:absolute;right:8px;height:34px;border:0;border-radius:9px;background:rgba(16,139,202,.11);color:#2d779c;font-size:8px;font-weight:900;padding:0 10px;cursor:pointer}.auth-field .password-wrap button{background:rgba(75,202,245,.1);color:#86dff5}.smart-hint{display:block;color:#7897aa;font-size:8px;margin-top:2px}.terms-check{display:flex;gap:10px;align-items:flex-start;margin:15px 0 4px;color:#8aa8ba;font-size:9px;line-height:1.5}.terms-check input{margin-top:2px;accent-color:#12bfea}.terms-check a,.auth-legal a{color:#79e8ff;text-decoration:none;font-weight:850}.auth-legal{display:flex;justify-content:center;gap:8px;margin-top:12px;color:#668ca0;font-size:8px}.sidebar-logout{padding:8px 6px 2px}.sidebar-logout button{width:100%;height:42px;border:1px solid rgba(116,203,245,.12);border-radius:12px;background:rgba(8,36,58,.68);color:#9db9cb;font-size:10px;font-weight:850;text-align:left;padding:0 13px;cursor:pointer}.sidebar-logout button:hover{color:#fff;border-color:rgba(86,211,255,.3)}
.docs-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px;align-items:start}.docs-nav{position:sticky;top:110px;background:#fff;border:1px solid #dfebf2;border-radius:18px;padding:15px;display:grid;gap:3px;box-shadow:0 8px 28px rgba(17,76,107,.05)}.docs-nav b{font-size:8px;letter-spacing:1px;color:#1798c1;padding:5px 8px 9px}.docs-nav a{padding:9px 8px;border-radius:9px;text-decoration:none;color:#607c90;font-size:9px;font-weight:800}.docs-nav a:hover{background:#eef9fe;color:#067fab}.docs-content{display:grid;gap:14px}.doc-wide{padding:22px;scroll-margin-top:110px}.doc-wide h2{font-size:20px;margin:7px 0 10px}.doc-wide h3{font-size:12px;margin:18px 0 7px}.doc-wide p{font-size:10px;line-height:1.65;color:#647d8e}.doc-wide pre{background:#061f36;color:#bdeeff;border:1px solid #123a57;border-radius:16px;padding:17px;overflow:auto;font-size:9px;line-height:1.7}.doc-callout{margin-top:14px;border:1px solid #d6edf8;border-radius:14px;background:#eefaff;padding:12px 14px;display:grid;gap:4px}.doc-callout b{font-size:9px;color:#087ca6}.doc-callout span{font-size:9px;color:#617f91}.endpoint-line{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf3f6}.endpoint-line:last-child{border-bottom:0}.endpoint-line code{font-size:9px;color:#173d55}.endpoint-line small{margin-left:auto;color:#8496a3;font-size:8px}.http{min-width:42px;text-align:center;padding:5px 7px;border-radius:7px;font-size:7px;font-weight:950}.http.get{background:#e9f8ff;color:#087ca8}.http.post{background:#e9faf3;color:#119062}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.event-grid code{background:#f1f9fd;border:1px solid #dcecf4;border-radius:10px;padding:9px;font-size:8px;color:#087ca7}.doc-table{display:grid;grid-template-columns:1fr 1fr;gap:7px}.doc-table div{padding:10px 12px;border:1px solid #e1edf3;border-radius:11px;display:flex;align-items:center;gap:12px}.doc-table b{font-size:9px;color:#1086b3;min-width:58px}.doc-table span{font-size:9px;color:#6c8292}.credential-result{display:grid;gap:8px;margin-top:14px}.credential-result label{font-size:8px;font-weight:900;color:#678193;text-transform:uppercase}.credential-result .secret-box{min-height:62px}
.verification-hero{padding:22px 24px;border-radius:22px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#083e80,#08a1c9);color:#fff;box-shadow:0 18px 45px rgba(12,107,169,.18)}.verification-hero.approved{background:linear-gradient(135deg,#08725f,#14b994)}.verification-hero.rejected{background:linear-gradient(135deg,#8e3247,#d55b6b)}.verification-hero small{font-size:8px;font-weight:950;letter-spacing:1px;opacity:.7}.verification-hero h2{margin:6px 0;font-size:21px}.verification-hero p{margin:0;max-width:680px;font-size:10px;line-height:1.55;opacity:.82}.verification-badge{width:54px;height:54px;border-radius:17px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:22px}.upload-zone{margin-top:14px;position:relative}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-zone label{min-height:118px;border:1.5px dashed #9ed8ec;border-radius:17px;background:#f4fbfe;display:grid;place-content:center;text-align:center;gap:5px;cursor:pointer}.upload-zone label b{font-size:11px;color:#0c7da8}.upload-zone label span{font-size:8px;color:#7f94a2}.verification-list{display:grid;gap:8px}.verification-list>div{display:flex;gap:10px;padding:10px;border:1px solid #e3eef4;border-radius:13px}.verification-list>div>span{width:29px;height:29px;border-radius:9px;background:#eaf8ff;color:#1187b8;display:grid;place-items:center;font-size:8px;font-weight:950;flex:none}.verification-list p{margin:0}.verification-list b,.verification-list small{display:block}.verification-list b{font-size:9px}.verification-list small{font-size:8px;color:#7d909e;margin-top:3px}.settings-stack{display:grid;gap:14px}.processor-config{border-color:#cbeaf6}.admin-client-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;border:1px solid #dceaf2;border-radius:22px;background:linear-gradient(135deg,#fff,#eff9fd);margin-bottom:14px}.admin-client-main{display:flex;align-items:center;gap:14px}.admin-client-main small{font-size:7px;color:#1189b7;font-weight:950;letter-spacing:1px}.admin-client-main h2{margin:4px 0;font-size:21px}.admin-client-main p{margin:0;font-size:9px;color:#748b9b}.admin-client-status{display:flex;gap:7px;flex-wrap:wrap}.document-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.document-cards a{display:grid;gap:3px;text-decoration:none;color:#18384e;border:1px solid #e0edf3;border-radius:12px;padding:10px}.document-cards a>span{font-size:7px;text-transform:uppercase;color:#1590bc;font-weight:900}.document-cards a>b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-cards .status{justify-self:start}.mini-list{display:grid;margin-top:12px}.mini-list>div{padding:10px 0;border-bottom:1px solid #edf3f6;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px}.mini-list>div:last-child{border-bottom:0}.mini-list span b,.mini-list span small{display:block}.mini-list span small{color:#7e919e;margin-top:3px}.empty-mini{padding:20px;text-align:center;color:#8b9ba6;font-size:9px}.client-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.client-admin-summary>div{background:#fff;border:1px solid #deebf2;border-radius:16px;padding:14px}.client-admin-summary small{font-size:7px;color:#8496a3;font-weight:900}.client-admin-summary b{display:block;font-size:20px;margin-top:4px}.client-search input{height:36px;min-width:300px;border:1px solid #dae7ef;background:#f7fbfd;border-radius:10px;padding:0 11px;font-size:9px;outline:none}.legal-links{display:grid;gap:8px}.legal-links a{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2edf3;border-radius:12px;text-decoration:none}.legal-links b{font-size:10px;color:#173c54}.legal-links span{font-size:8px;color:#1289b3}.danger-zone{border-color:#f2dce1}.danger-zone p{font-size:9px;line-height:1.55;color:#7a6a70}.legal-body{min-height:100vh;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(135deg,#03182a,#020b14);background-size:90px 90px,90px 90px,auto;padding:40px 16px;color:#18364b}.legal-shell{width:min(900px,100%);margin:auto}.legal-logo{display:block;text-align:center;margin-bottom:25px}.legal-logo img{width:220px}.legal-card{background:#f8fcfe;border-radius:28px;padding:35px;box-shadow:0 35px 90px rgba(0,0,0,.28)}.legal-card h1{font-size:34px;letter-spacing:-1px;margin:8px 0}.legal-card h2{font-size:14px;margin:24px 0 7px}.legal-card p{font-size:10px;line-height:1.75;color:#617989}.legal-updated{color:#8da0ad!important}.legal-note{margin-top:25px;padding:14px;border:1px solid #f0dfb7;background:#fff8e7;border-radius:14px;color:#7e6534;font-size:9px;line-height:1.55}.legal-footer{display:flex;justify-content:center;gap:18px;padding:20px}.legal-footer a{color:#88cfe9;text-decoration:none;font-size:9px;font-weight:850}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:flex;overflow:auto}.docs-nav b{display:none}.docs-nav a{white-space:nowrap}.event-grid{grid-template-columns:1fr 1fr}.admin-client-hero{align-items:flex-start;flex-direction:column}.client-admin-summary{grid-template-columns:1fr 1fr}.client-search input{min-width:0;width:100%}.document-cards{grid-template-columns:1fr}.sidebar-logout{margin-top:8px}.legal-card{padding:25px 20px}.legal-card h1{font-size:28px}}
@media(max-width:560px){.doc-wide{padding:15px}.doc-wide pre{font-size:7.5px}.endpoint-line{align-items:flex-start;flex-wrap:wrap}.endpoint-line small{width:100%;margin-left:51px}.event-grid,.doc-table{grid-template-columns:1fr}.verification-hero{padding:18px;align-items:flex-start}.verification-badge{width:44px;height:44px}.client-admin-summary{grid-template-columns:1fr 1fr}.client-admin-summary b{font-size:17px}.admin-client-main{align-items:flex-start}.legal-logo img{width:190px}}

/* UX HARDENING: dialogs, secrets, currency and KYC */
.fgpay-dialog{max-height:min(90dvh,920px)}
.fgpay-dialog[open]{display:flex;flex-direction:column}
.fgpay-dialog>form{display:flex;flex-direction:column;min-height:0;max-height:min(90dvh,920px)}
.fgpay-dialog .dialog-head{flex:0 0 auto;background:#fff;z-index:3}
.fgpay-dialog .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.fgpay-dialog .dialog-actions{flex:0 0 auto;background:#fff;border-top:1px solid #edf3f6;padding-top:14px;z-index:3}
.fgpay-dialog>form>.dialog-body{flex:1 1 auto}
.inline-copy{display:flex;align-items:center;gap:7px;min-width:0}.inline-copy code{min-width:0;overflow:hidden;text-overflow:ellipsis}.copy-mini{border:1px solid #d8e9f2;background:#f5fbfe;color:#0b8ebd;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;cursor:pointer;flex:none;font-weight:900}.copy-mini:hover{background:#eaf8fe}
.secret-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.secret-copy-row .secret-box{min-height:68px;margin:0;resize:none}.secret-copy-btn{min-width:88px;border:1px solid #cfe6f1;border-radius:13px;background:#f0faff;color:#087eaa;font-weight:900;font-size:9px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0 12px}.secret-copy-btn.primary{background:linear-gradient(135deg,#12c6ec,#128ff4);color:#fff;border:0;box-shadow:0 10px 25px rgba(17,148,227,.18)}.secret-copy-btn.copied{background:#eaf9f2;color:#16855f;border-color:#cdeede;box-shadow:none}.secret-save-state{margin-top:13px;padding:12px;border:1px solid #e1ecf2;border-radius:14px;background:#f9fcfe;display:flex;align-items:center;gap:10px}.secret-save-state>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf5f9;color:#7691a2;font-weight:950}.secret-save-state b,.secret-save-state small{display:block}.secret-save-state b{font-size:9px;color:#24475e}.secret-save-state small{font-size:8px;color:#8094a2;margin-top:3px}.secret-save-state.ready{border-color:#cfeede;background:#f1fbf6}.secret-save-state.ready>span{background:#dff7eb;color:#16855f}.secret-actions .fgpay-btn{min-width:235px}
.doc-code{position:relative;margin:12px 0}.doc-code pre{margin:0!important;padding-top:46px!important}.doc-copy-btn{position:absolute;right:10px;top:10px;z-index:2;border:1px solid #20506d;background:#0b2b44;color:#aeeafa;border-radius:9px;padding:7px 10px;font-size:8px;font-weight:900;display:flex;align-items:center;gap:5px;cursor:pointer}.doc-copy-btn:hover{background:#123a57;color:#fff}.doc-copy-btn.copied{background:#104d3c;border-color:#1c745a;color:#c9ffe8}
.kyc-layout{align-items:start}.kyc-upload-panel{overflow:visible}.kyc-step-pill{font-size:7px;font-weight:950;letter-spacing:.8px;color:#098bb7;border:1px solid #d3edf7;background:#edfaff;border-radius:999px;padding:6px 9px}.kyc-step{display:flex;gap:10px;align-items:center;margin:8px 0 10px}.kyc-step>span{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#10bddd,#128ef4);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:950;box-shadow:0 8px 20px rgba(13,151,220,.18)}.kyc-step b,.kyc-step small{display:block}.kyc-step b{font-size:9px;color:#183e56}.kyc-step small{font-size:8px;color:#8295a3;margin-top:2px}.document-type-field select{font-weight:850;color:#163b53;background:#fff}.kyc-type-preview{margin-top:9px;border:1px solid #deebf2;border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f1f9fd);padding:11px 12px;display:flex;gap:10px;align-items:center}.kyc-type-preview>span{font-size:7px;font-weight:950;letter-spacing:.7px;color:#098ebc;border-radius:9px;background:#e8f8ff;padding:7px 8px;flex:none}.kyc-type-preview b,.kyc-type-preview small{display:block}.kyc-type-preview b{font-size:9px;color:#1d4057}.kyc-type-preview small{font-size:8px;color:#8194a2;margin-top:2px}.enhanced-upload{margin:0}.enhanced-upload label{min-height:150px;transition:.18s;padding:20px}.enhanced-upload label:hover,.enhanced-upload.dragging label{border-color:#14bfe4;background:#eaf9ff;transform:translateY(-1px)}.enhanced-upload.has-file label{min-height:100px;border-style:solid;border-color:#b9e7d5;background:#f2fbf7}.upload-icon{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#0ec4e8,#118ff1);color:#fff;display:grid;place-items:center;margin:0 auto 3px;font-size:19px;box-shadow:0 10px 25px rgba(16,151,223,.2)}.enhanced-upload label small{font-size:7px;color:#9aabb5}.selected-file-card{position:relative;margin-top:11px;border:1px solid #d5e8f1;border-radius:15px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 12px;box-shadow:0 8px 24px rgba(16,74,105,.05)}.selected-file-card[hidden]{display:none}.selected-file-icon{width:39px;height:39px;border-radius:11px;background:#eaf8ff;color:#0d8ab8;display:grid;place-items:center;font-size:8px;font-weight:950}.selected-file-copy{min-width:0}.selected-file-copy small,.selected-file-copy b,.selected-file-copy span{display:block}.selected-file-copy small{font-size:6.5px;color:#12a1c8;font-weight:950;letter-spacing:.7px}.selected-file-copy b{font-size:9px;color:#173b52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.selected-file-copy span{font-size:7.5px;color:#8194a2;margin-top:2px}.selected-file-ready{font-size:7.5px;font-weight:900;color:#16875f;background:#e9f9f1;border-radius:999px;padding:6px 8px;white-space:nowrap}.selected-file-remove{border:0;background:#f4f7f9;color:#78909f;width:29px;height:29px;border-radius:9px;cursor:pointer;font-size:17px}.kyc-progress{margin-top:12px;padding:11px 12px;border:1px solid #dcecf3;border-radius:13px;background:#f8fcfe}.kyc-progress[hidden],.kyc-upload-receipt[hidden]{display:none}.kyc-progress>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:#58768a}.kyc-progress-track{height:7px;background:#e5f0f5;border-radius:99px;overflow:hidden;margin-top:8px}.kyc-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0fc3e7,#108df1);transition:width .15s}.kyc-upload-receipt{margin-top:12px;padding:12px;border:1px solid #ccebdc;background:#effaf5;border-radius:14px;display:flex;align-items:center;gap:10px}.kyc-upload-receipt>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#d9f5e7;color:#13805a;font-weight:950}.kyc-upload-receipt b,.kyc-upload-receipt small{display:block}.kyc-upload-receipt b{font-size:9px;color:#166c50}.kyc-upload-receipt small{font-size:8px;color:#648777;margin-top:2px}.kyc-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

@media(max-width:560px){
  .fgpay-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:20px}
  .fgpay-dialog>form{max-height:calc(100dvh - 18px)}
  .fgpay-dialog .dialog-head{padding:14px 15px}.fgpay-dialog .dialog-head h2{font-size:17px}
  .fgpay-dialog .dialog-body{padding:15px}
  .fgpay-dialog .dialog-actions{padding:12px 15px 15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;bottom:0}
  .fgpay-dialog .dialog-actions .fgpay-btn{width:100%;min-width:0;justify-content:center}
  .secret-confirm-dialog .dialog-actions{grid-template-columns:1fr}.secret-copy-row{grid-template-columns:1fr}.secret-copy-btn{min-height:42px}.secret-save-state{align-items:flex-start}
  .selected-file-card{grid-template-columns:auto minmax(0,1fr) auto}.selected-file-ready{grid-column:2/3;justify-self:start}.selected-file-remove{grid-column:3;grid-row:1/3}.enhanced-upload label{min-height:135px}
  .doc-copy-btn{right:8px;top:8px}.doc-code pre{padding-top:43px!important}
}

/* V5 UI HOTFIX */
.refined-inline-copy{display:flex;align-items:center;gap:8px;min-width:0}.refined-inline-copy code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 11px;border-radius:12px;background:#f4fbff;border:1px solid #ddecf5;color:#0b7fa7}.copy-mini.pill{height:34px;min-width:92px;padding:0 10px;border-radius:11px;background:#fff;border:1px solid #d7e9f3;color:#0a8ebd;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:900}.copy-mini.pill small{font-size:8px;font-weight:900}.copy-mini.pill.copied{background:#eefaf4;border-color:#cdeede;color:#16855f}.copy-mini.pill span{font-size:12px;line-height:1}.inline-copy .copy-mini{flex:none}
.modern-secret-dialog .dialog-body{display:flex;flex-direction:column;gap:14px}.modern-credential-result{display:grid;gap:12px}.credential-card{border:1px solid #deebf2;background:linear-gradient(180deg,#fcfeff,#f5fbfe);border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(17,75,108,.05)}.credential-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.credential-card-head label{font-size:8px;font-weight:950;letter-spacing:.9px;text-transform:uppercase;color:#728998}.secret-box{width:100%;min-height:92px;border:1px dashed #c9dfea;background:#f9fdff;border-radius:14px;padding:14px 15px;color:#0d7eaa;font-size:12px;line-height:1.55;resize:none}.secret-copy-btn{min-height:36px;padding:0 12px;border-radius:11px;font-size:8px;font-weight:950;gap:6px}.secret-copy-btn.ghost{background:#fff;color:#0b8ebd;border:1px solid #d8e9f2;box-shadow:none}.secret-copy-btn.ghost:hover{background:#f5fbff}.secret-copy-btn span{font-size:8px;font-weight:950}.ack-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dce9f2;background:#f8fcfe;border-radius:14px;color:#234258;font-size:10px;font-weight:650}.ack-check input{margin-top:2px;width:18px;height:18px;accent-color:#1497ee}.notice.danger{background:#fff4f6;border:1px solid #ffd7df;color:#b04a60}.secret-actions{justify-content:flex-end}.secret-actions .fgpay-btn{min-width:240px}
.pix-dialog .dialog-body{display:flex;flex-direction:column;gap:14px}.pix-preview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.pix-qr-card,.pix-copy-card{border:1px solid #deebf2;border-radius:18px;background:linear-gradient(180deg,#fcfeff,#f4fbfe);padding:14px;box-shadow:0 10px 28px rgba(13,75,107,.05)}.pix-qr-head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.pix-qr-head label{font-size:8px;font-weight:950;letter-spacing:.9px;text-transform:uppercase;color:#728998}.pix-qr-head small{font-size:8px;color:#8a9cab}.pix-qr-wrap{display:grid;place-items:center;min-height:235px;border:1px dashed #cfe4ef;border-radius:16px;background:#fff;padding:12px}.pix-qr-wrap img{width:min(100%,220px);height:auto;display:block}.pix-qr-fallback{text-align:center;display:grid;gap:6px}.pix-qr-fallback b{font-size:12px;color:#18384f}.pix-qr-fallback span{font-size:9px;color:#8194a3;line-height:1.5;max-width:230px}.pix-copy-card .secret-box{min-height:186px}.pix-extra-meta{margin-top:10px;color:#627d90;font-size:9px}
.doc-code{position:relative;margin:12px 0 14px}.doc-code pre{margin:0!important;padding:18px 18px 16px!important;padding-top:56px!important;border-radius:18px;background:linear-gradient(180deg,#06213a,#051b31)!important;color:#d7effb!important;box-shadow:inset 0 0 0 1px rgba(68,143,185,.22),0 12px 28px rgba(5,36,59,.16);font-size:11px;line-height:1.65;overflow:auto}.doc-copy-btn{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(114,199,240,.18);background:rgba(10,52,82,.96);color:#d9f5ff;font-size:8px;font-weight:950;box-shadow:0 8px 18px rgba(1,20,32,.2);cursor:pointer}.doc-copy-btn small{font-size:8px;font-weight:950}.doc-copy-btn:hover{background:#114063}.doc-copy-btn.copied{background:#104d3c;border-color:#1b7f62;color:#d7ffef}
.open-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:12px;background:#f5fbff;border:1px solid #d8eaf4;color:#114b71;font-weight:900;white-space:nowrap}.open-account-btn span{font-size:12px;line-height:1}.table-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.kyc-upload-panel .panel-body{padding:18px}.kyc-step{margin:10px 0 12px}.kyc-step>span{width:34px;height:34px;font-size:9px;border-radius:12px}.kyc-step b{font-size:16px;line-height:1.15}.kyc-step small{font-size:11px;line-height:1.5}.document-type-field label{font-size:10px}.document-type-field select{min-height:52px;border-radius:14px}.kyc-type-preview{padding:14px;border-radius:16px}.kyc-type-preview>span{font-size:8px;padding:8px 10px}.kyc-type-preview b{font-size:13px}.kyc-type-preview small{font-size:10px;line-height:1.5}.enhanced-upload label{min-height:170px;border-radius:18px}.enhanced-upload label b{font-size:16px}.enhanced-upload label>span:not(.upload-icon),.enhanced-upload label small{display:block}.enhanced-upload label>span:not(.upload-icon){font-size:10px;color:#7892a3;margin-top:4px}.enhanced-upload label small{font-size:11px;color:#7d95a4;margin-top:6px}.upload-icon{width:48px;height:48px;font-size:20px;margin-bottom:8px}.selected-file-card{margin-top:14px;grid-template-columns:auto minmax(0,1fr) auto auto;border-radius:16px;padding:14px}.selected-file-icon{width:44px;height:44px;font-size:10px}.selected-file-copy small{font-size:8px}.selected-file-copy b{font-size:13px}.selected-file-copy span{font-size:10px}.selected-file-ready{font-size:9px;padding:7px 10px}.selected-file-remove{width:32px;height:32px;font-size:18px}.kyc-progress,.kyc-upload-receipt{margin-top:14px;border-radius:16px;padding:14px}.kyc-progress>div:first-child{font-size:10px}.kyc-upload-receipt b{font-size:13px}.kyc-upload-receipt small{font-size:10px;line-height:1.5}.kyc-submit{min-height:46px}
@media(max-width:900px){.pix-preview-grid{grid-template-columns:1fr}.secret-actions .fgpay-btn{min-width:0}}
@media(max-width:560px){.refined-inline-copy{align-items:stretch;flex-wrap:nowrap}.refined-inline-copy code{font-size:8px;padding:8px 9px}.copy-mini.pill{min-width:82px;height:32px}.credential-card-head{align-items:flex-start;flex-direction:column}.secret-copy-btn{width:100%;justify-content:center}.secret-box{font-size:11px;min-height:82px}.pix-qr-wrap{min-height:210px}.pix-copy-card .secret-box{min-height:155px}.doc-code pre{font-size:9px;padding-top:50px!important}.doc-copy-btn{top:10px;right:10px}.open-account-btn{min-height:34px;padding:0 10px;font-size:8px}.selected-file-card{grid-template-columns:auto minmax(0,1fr) auto}.selected-file-ready{grid-column:2/3;justify-self:start}.selected-file-remove{grid-column:3;grid-row:1/3}}

/* V6 CACHE-BUST + MOBILE KYC REFINEMENT */
.verification-hero{gap:18px;align-items:flex-start}.verification-hero>div:first-child{min-width:0;flex:1}.verification-hero .eyebrow{color:#8fe9ff}.verification-hero h1{margin:14px 0 10px;font-size:32px;line-height:1.08;letter-spacing:-1px;color:#fff}.verification-hero p{font-size:11px;line-height:1.65;color:rgba(255,255,255,.82);max-width:720px}.verification-status-pill{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(3,40,76,.18);backdrop-filter:blur(10px);color:#fff}.verification-status-pill strong{font-size:9px;letter-spacing:.45px;text-transform:uppercase}.verification-status-dot{width:8px;height:8px;border-radius:50%;background:#ffd166;box-shadow:0 0 0 5px rgba(255,209,102,.12)}.verification-status-pill.approved .verification-status-dot{background:#45e6b2;box-shadow:0 0 0 5px rgba(69,230,178,.12)}.verification-status-pill.rejected .verification-status-dot{background:#ff8da0;box-shadow:0 0 0 5px rgba(255,141,160,.12)}
.kyc-upload-panel .panel-head{align-items:center}.kyc-step{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;column-gap:12px}.kyc-step>span{grid-row:1/3}.kyc-step>div{min-width:0}.kyc-step b,.kyc-step small{margin:0}.kyc-type-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}.kyc-type-preview>div{min-width:0}.kyc-type-preview b{line-height:1.35}.kyc-type-preview small{line-height:1.55}.selected-file-copy b{max-width:100%}
@media(max-width:560px){
  .verification-hero{padding:22px 20px;flex-direction:column;border-radius:24px}.verification-hero h1{font-size:32px;max-width:10ch}.verification-hero p{font-size:11px;line-height:1.65}.verification-status-pill{align-self:flex-start;min-height:34px;padding:0 11px}.verification-status-pill strong{font-size:8px}
  .kyc-upload-panel .panel-head{padding:16px 15px}.kyc-upload-panel .panel-head h2{font-size:14px}.kyc-step-pill{font-size:7px;padding:6px 8px}.kyc-upload-panel .panel-body{padding:16px 15px 18px}.kyc-step{grid-template-columns:34px minmax(0,1fr);column-gap:10px;margin:12px 0}.kyc-step>span{width:34px;height:34px}.kyc-step b{font-size:15px}.kyc-step small{font-size:10px;line-height:1.55;margin-top:4px}.document-type-field{margin-bottom:10px}.document-type-field label{font-size:8px}.document-type-field select{font-size:10px;min-height:50px}.kyc-type-preview{gap:9px;padding:12px}.kyc-type-preview>span{font-size:7px;padding:7px 8px}.kyc-type-preview b{font-size:11px}.kyc-type-preview small{font-size:9px}.enhanced-upload label{min-height:145px;padding:18px 14px}.enhanced-upload label b{font-size:13px}.enhanced-upload label>span:not(.upload-icon){font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanced-upload label small{font-size:9px}.selected-file-card{padding:12px;gap:9px}.selected-file-icon{width:40px;height:40px}.selected-file-copy b{font-size:10px}.selected-file-copy span{font-size:8px}.selected-file-ready{font-size:8px}.kyc-submit{width:100%;min-height:44px;font-size:10px}.kyc-upload-receipt b{font-size:11px}.kyc-upload-receipt small{font-size:9px}
}

/* V7 PIX modal fixes */
.pix-qr-fallback[hidden],.pix-qr-wrap img[hidden]{display:none!important}
.pix-dialog .dialog-body{padding-bottom:18px}
.pix-preview-grid{align-items:start}
.pix-qr-card,.pix-copy-card{overflow:hidden}
.pix-qr-wrap{min-height:0;padding:18px}
.pix-qr-wrap img{width:min(100%,360px);max-height:360px;object-fit:contain}
.pix-copy-card .credential-card-head{align-items:center;flex-direction:row}
.pix-copy-card .secret-copy-btn{width:auto;min-width:118px}
.pix-copy-card .secret-box{min-height:190px}
.pix-extra-meta{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f0f8fc;border:1px solid #dbeaf2;color:#58788c;font-size:10px;font-weight:700}
.pix-dialog .dialog-actions{display:none!important}
@media(max-width:560px){
  .pix-dialog .dialog-body{padding:14px}
  .pix-preview-grid{gap:12px}
  .pix-qr-card,.pix-copy-card{padding:12px;border-radius:16px}
  .pix-qr-wrap{padding:12px}
  .pix-qr-wrap img{width:min(100%,330px);max-height:330px}
  .pix-copy-card .credential-card-head{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:10px}
  .pix-copy-card .credential-card-head label{margin:0}
  .pix-copy-card .secret-copy-btn{width:auto;min-width:112px;min-height:38px}
  .pix-copy-card .secret-box{min-height:178px;font-size:10px;line-height:1.55}
}

/* V8 PAYMENT UX + TYPOGRAPHY */
:root{--fgpay-font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body,.fgpay-shell,.fgpay-dialog,button,input,select,textarea{font-family:var(--fgpay-font-ui)}
.fgpay-nav a{font-size:13px}.fgpay-role strong{font-size:13px}.fgpay-role small{font-size:10px}.nav-caption{font-size:9px}.sidebar-foot{font-size:10px}.topbar-title small{font-size:10px}.topbar-title strong{font-size:15px}.page-head h1{font-size:32px}.page-head p{font-size:13px;line-height:1.55}.panel-head small{font-size:9px}.panel-head h2{font-size:15px}th{font-size:10px}td{font-size:12px}.muted{font-size:10px}.status{font-size:9px;padding:6px 9px}.table-btn{font-size:10px}.info-chip span{font-size:9px}.info-chip b{font-size:12px}.wallet-balance-card>small{font-size:10px}.wallet-balance-card>strong{font-size:34px}.wallet-code{font-size:10px}

.pix-dialog-v8{width:min(820px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:0;border-radius:28px;overflow:auto;background:#fafdff;box-shadow:0 30px 110px rgba(0,21,38,.34)}
.pix-dialog-v8::backdrop{background:rgba(0,18,31,.72);backdrop-filter:blur(10px)}
.pix-v8-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 20px;border-bottom:1px solid #e4eef4;background:linear-gradient(180deg,#fff,#f8fcfe)}
.pix-v8-head small{display:block;color:#08a7d5;font-size:9px;font-weight:950;letter-spacing:1.5px}.pix-v8-head h2{margin:5px 0 5px;color:#102c42;font-size:24px;line-height:1.1}.pix-v8-head p{margin:0;color:#78909f;font-size:12px;line-height:1.5}.pix-v8-close{width:44px;height:44px;border:1px solid #e1edf3;border-radius:14px;background:#f2f8fb;color:#668395;font-size:24px;display:grid;place-items:center;cursor:pointer;flex:none}.pix-v8-body{padding:20px 22px 24px}.pix-v8-status{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border:1px solid #d8eaf4;border-radius:16px;background:linear-gradient(180deg,#f5fbff,#edf8fd)}.pix-v8-status.error{background:#fff4f6;border-color:#ffd4dc}.pix-v8-pulse{width:11px;height:11px;border-radius:50%;background:#14c5ed;box-shadow:0 0 0 0 rgba(20,197,237,.35);animation:fgpayPulse 1.7s infinite}.pix-v8-status b{display:block;color:#18394f;font-size:12px}.pix-v8-status small{display:block;color:#7e93a2;font-size:10px;margin-top:2px}@keyframes fgpayPulse{0%{box-shadow:0 0 0 0 rgba(20,197,237,.35)}70%{box-shadow:0 0 0 10px rgba(20,197,237,0)}100%{box-shadow:0 0 0 0 rgba(20,197,237,0)}}
.pix-v8-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px}.pix-v8-qr,.pix-v8-copy{background:#fff;border:1px solid #dceaf2;border-radius:20px;padding:16px;box-shadow:0 10px 30px rgba(15,70,101,.05)}.pix-v8-section-title{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.pix-v8-section-title.row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pix-v8-section-title span{font-size:9px;color:#6c8798;font-weight:950;letter-spacing:1px}.pix-v8-section-title small{font-size:10px;color:#91a2ad}.pix-v8-qrbox{display:grid;place-items:center;min-height:310px;border:1px dashed #cee1eb;border-radius:17px;background:#fbfeff;padding:16px}.pix-v8-qrbox img{display:block;width:min(100%,290px);height:auto;max-height:290px;object-fit:contain}.pix-v8-qrbox img[hidden],.pix-v8-fallback[hidden]{display:none!important}.pix-v8-fallback{color:#8ca0ad;font-size:11px;text-align:center}.pix-v8-copy-btn{min-height:40px;padding:0 15px;border:0;border-radius:12px;background:linear-gradient(135deg,#17c9e6,#148cff);box-shadow:0 8px 20px rgba(20,145,235,.2);color:#fff;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.pix-v8-copy-btn.copied{background:linear-gradient(135deg,#19bc8f,#139873)}.pix-v8-copy textarea{width:100%;height:232px;resize:none;border:1px dashed #c9dfea;border-radius:16px;background:#f8fdff;padding:16px;color:#0a7fa7;font:600 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.pix-v8-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;border:1px solid #dcebf3;border-radius:13px;background:#f2f9fc}.pix-v8-meta span{font-size:9px;color:#79909f;font-weight:800}.pix-v8-meta b{font-size:11px;color:#2e566f}.pix-v8-paid{display:flex;align-items:center;gap:12px;margin-top:16px;padding:15px 16px;border:1px solid #cdeede;border-radius:16px;background:#eefbf5}.pix-v8-paid>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1caf7d;color:#fff;font-size:18px;font-weight:900}.pix-v8-paid b{display:block;color:#137455;font-size:13px}.pix-v8-paid small{display:block;color:#638e7d;font-size:10px;margin-top:2px}

@media(max-width:720px){
  .page-head h1{font-size:29px}.page-head p{font-size:12px}.fgpay-nav a{font-size:13px}th{font-size:9px}td{font-size:11px}.status{font-size:9px}.wallet-balance-card>strong{font-size:31px}
  .pix-dialog-v8{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:24px}.pix-v8-head{padding:20px 18px 16px}.pix-v8-head h2{font-size:22px}.pix-v8-head p{font-size:11px}.pix-v8-close{width:40px;height:40px}.pix-v8-body{padding:15px}.pix-v8-grid{grid-template-columns:1fr}.pix-v8-qr,.pix-v8-copy{padding:14px;border-radius:18px}.pix-v8-qrbox{min-height:260px;padding:12px}.pix-v8-qrbox img{width:min(100%,250px);max-height:250px}.pix-v8-section-title.row{align-items:flex-start}.pix-v8-copy-btn{min-height:38px;padding:0 12px;font-size:9px}.pix-v8-copy textarea{height:160px;font-size:10px}.pix-v8-meta{align-items:flex-start;flex-direction:column;gap:4px}.pix-v8-paid{margin-top:12px}
}

/* V9 — premium typography + stronger dialogs */
:root{
  --fgpay-font-heading:"Manrope",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --fgpay-font-text:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html,body{font-family:var(--fgpay-font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,.fgpay-shell,.fgpay-dialog,button,input,select,textarea{font-family:var(--fgpay-font-text)}
h1,h2,h3,h4,h5,h6,.page-head h1,.panel-head h2,.topbar-title strong,.dialog-head h2,.pix-v8-head h2,.verification-hero h1,.hero-pay h2{font-family:var(--fgpay-font-heading);letter-spacing:-.03em}
p,small,span,label,td,th,input,select,textarea{letter-spacing:-.01em}

.fgpay-brand span{font-size:11px}
.fgpay-role strong{font-size:14px;font-weight:800}
.fgpay-role small{font-size:11px}
.nav-caption{font-size:10px;letter-spacing:1.3px}
.fgpay-nav a{font-size:14px;font-weight:700;min-height:44px;border-radius:15px}
.sidebar-foot{font-size:11px}
.topbar-title small{font-size:11px;letter-spacing:1.4px}
.topbar-title strong{font-size:17px;font-weight:800}
.page-head .eyebrow,.panel-head small,.dialog-head small{font-size:10px;letter-spacing:1.5px}
.page-head h1{font-size:38px;font-weight:900;line-height:1.02}
.page-head p{font-size:15px;line-height:1.7;color:#688092;max-width:920px}
.wallet-balance-card{min-height:142px;padding:24px;border-radius:28px;box-shadow:0 18px 45px rgba(10,79,132,.18)}
.wallet-balance-card>small{font-size:11px;letter-spacing:1.3px;font-weight:900}
.wallet-balance-card>strong{font-size:44px;letter-spacing:-.04em}
.wallet-code{font-size:11px;padding:10px 14px;border-radius:999px}
.panel-head{padding:22px 22px 18px}
.panel-head h2{font-size:20px;font-weight:850}
.panel-body{padding:0 22px 22px}
.info-chip{padding:18px;border-radius:18px}
.info-chip span{font-size:10px;letter-spacing:1px}
.info-chip b{font-size:14px;font-weight:800}
.table-wrap table{min-width:100%}
th{font-size:11px;letter-spacing:1px}
td{font-size:13px;line-height:1.55}
.status{font-size:10px;padding:7px 11px;font-weight:900;letter-spacing:.5px}
.fgpay-btn{min-height:48px;padding:0 18px;border-radius:14px;font-size:13px;font-weight:850;letter-spacing:-.01em;box-shadow:0 12px 28px rgba(18,144,239,.18)}
.fgpay-btn.secondary{box-shadow:none}
.field label{font-size:10px;letter-spacing:1px}
.field input,.field select,.field textarea,.fgpay-filter select{min-height:50px;font-size:13px;font-weight:600;border-radius:14px;padding:0 14px}
.field-help{font-size:10px;line-height:1.5}
.empty{font-size:14px;padding:32px 18px}

/* topup modal V9 */
.topup-dialog-v9{width:min(760px,calc(100vw - 30px));border-radius:30px;background:linear-gradient(180deg,#ffffff,#f9fcfe)}
.topup-v9-head{padding:24px 26px 18px}
.topup-v9-head p{margin:8px 0 0;color:#7892a3;font-size:13px;line-height:1.65;max-width:620px}
.topup-v9-head h2{font-size:30px;font-weight:900;margin:6px 0 0}
.topup-v9-head button{width:42px;height:42px;border-radius:14px;font-size:23px}
.topup-v9-body{display:grid;gap:18px;padding:22px 26px}
.topup-v9-highlight{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #dbebf4;border-radius:22px;background:linear-gradient(180deg,#f7fcff,#eef8fd)}
.topup-v9-highlight-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#18c8e7,#1c8eff);box-shadow:0 16px 30px rgba(24,151,236,.22);font-size:28px;font-weight:900;color:#fff}
.topup-v9-highlight b{display:block;color:#163449;font-size:16px;font-weight:850}
.topup-v9-highlight small{display:block;margin-top:4px;color:#708796;font-size:12px;line-height:1.65}
.topup-v9-suggestions{display:grid;gap:10px}
.topup-v9-suggestions>span{font-size:10px;font-weight:900;letter-spacing:1.1px;color:#6d8697;text-transform:uppercase}
.topup-v9-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.topup-chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #d6e7f0;background:#fff;color:#234156;font-size:12px;font-weight:800;cursor:pointer;transition:.18s ease}
.topup-chip:hover,.topup-chip.active{border-color:#58c9ee;background:linear-gradient(135deg,#eefbff,#f7fcff);color:#1085b3;box-shadow:0 10px 22px rgba(24,145,235,.11)}
.topup-v9-grid{gap:16px}
.field-shell{position:relative}
.field-shell .field-prefix{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#4e6c80;font-size:13px;font-weight:900;pointer-events:none}
.amount-field input{padding-left:44px;font-size:18px;font-weight:800;color:#12344d}
.topup-v9-actions{padding:14px 26px 24px;gap:10px}
.topup-v9-actions .fgpay-btn{min-width:190px}

/* pix modal V9 */
.pix-dialog-v9{width:min(980px,calc(100vw - 30px));max-height:min(860px,calc(100dvh - 28px));border-radius:32px;background:linear-gradient(180deg,#ffffff,#f8fcfe)}
.pix-v9-head{padding:28px 28px 20px}
.pix-v9-head h2{font-size:34px;font-weight:900}
.pix-v9-head p{font-size:13px;line-height:1.7;color:#6e8798;max-width:760px}
.pix-v9-body{padding:20px 26px 28px}
.pix-v9-status{padding:15px 16px;border-radius:18px}
.pix-v9-status b{font-size:14px;font-weight:850}
.pix-v9-status small{font-size:11px;line-height:1.6}
.pix-v9-grid{grid-template-columns:.92fr 1.08fr;gap:18px}
.pix-v9-qr,.pix-v9-copy{padding:18px;border-radius:22px}
.pix-v8-section-title span{font-size:10px;letter-spacing:1px}
.pix-v8-section-title small{font-size:11px;line-height:1.5}
.pix-v9-qrbox{min-height:360px;padding:18px}
.pix-v9-qrbox img{width:min(100%,320px);max-height:320px}
.pix-v8-copy-btn{min-height:44px;padding:0 17px;border-radius:14px;font-size:11px;font-weight:900}
.pix-v8-copy textarea{height:246px;padding:18px;border-radius:18px;font:700 13px/1.72 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pix-v9-meta{padding:13px 14px;border-radius:15px}
.pix-v9-meta span{font-size:10px;letter-spacing:.3px}
.pix-v9-meta b{font-size:12px;font-weight:800}
.pix-v9-paid{margin-top:18px;padding:18px;border-radius:18px;border:1px solid #bfe8d1;background:linear-gradient(180deg,#f2fcf7,#e9f8f0);box-shadow:0 10px 30px rgba(18,145,88,.08)}
.pix-v9-paid>span{width:42px;height:42px;font-size:21px;box-shadow:0 10px 20px rgba(28,166,118,.18)}
.pix-v9-paid b{font-size:16px;font-weight:900;color:#0f7557}
.pix-v9-paid small{font-size:11px;line-height:1.55;color:#5a8677}

/* broader project text polish */
.notice,.notice.warn,.notice.danger{font-size:11px;line-height:1.6;padding:15px 16px;border-radius:16px}
.secret-box{font-size:13px;line-height:1.72;padding:16px}
.credential-card-head label{font-size:10px}
.secret-copy-btn,.table-btn{font-size:11px;min-height:40px}
.ack-check{font-size:12px;line-height:1.55}
.credential-card{border-radius:18px;padding:15px}
.kyc-upload-panel .panel-head h2,.api-doc-section h2,.logs-kpi strong,.webhook-card h3{font-size:20px;font-family:var(--fgpay-font-heading);font-weight:850}
.verification-hero{border-radius:30px;padding:28px 28px 24px}
.verification-hero h1{font-size:42px;font-weight:900}
.verification-hero p{font-size:14px;line-height:1.75}
.kyc-step b{font-size:20px;font-weight:850}.kyc-step small{font-size:12px;line-height:1.7}
.document-type-field label,.kyc-type-preview>span,.verification-status-pill strong{font-size:10px}
.document-type-field select{font-size:13px;min-height:52px}
.selected-file-copy b{font-size:14px}.selected-file-copy span,.selected-file-ready{font-size:11px}
.kyc-upload-receipt b{font-size:15px}.kyc-upload-receipt small{font-size:11px;line-height:1.6}

@media(max-width:860px){
  .page-head h1{font-size:34px}
  .wallet-balance-card>strong{font-size:38px}
  .topup-dialog-v9{width:calc(100vw - 18px)}
  .pix-dialog-v9{width:calc(100vw - 18px)}
  .pix-v9-head h2{font-size:29px}
}
@media(max-width:720px){
  .fgpay-nav a{font-size:13px}
  .page-head h1{font-size:30px}
  .page-head p{font-size:13px}
  .wallet-balance-card{padding:20px;min-height:128px}
  .wallet-balance-card>strong{font-size:34px}
  .panel-head h2{font-size:18px}
  td{font-size:12px}
  .topup-v9-head{padding:20px 18px 14px}
  .topup-v9-head h2{font-size:25px}
  .topup-v9-head p{font-size:12px}
  .topup-v9-body{padding:16px 18px}
  .topup-v9-highlight{grid-template-columns:48px minmax(0,1fr);padding:14px}
  .topup-v9-highlight-icon{width:48px;height:48px;font-size:24px;border-radius:16px}
  .topup-v9-highlight b{font-size:14px}
  .topup-v9-highlight small{font-size:11px}
  .topup-v9-actions{padding:12px 18px 18px}
  .pix-v9-head{padding:20px 18px 16px}
  .pix-v9-head h2{font-size:25px}
  .pix-v9-head p{font-size:12px}
  .pix-v9-body{padding:15px}
  .pix-v9-grid{grid-template-columns:1fr;gap:14px}
  .pix-v9-qrbox{min-height:270px;padding:12px}
  .pix-v9-qrbox img{width:min(100%,250px);max-height:250px}
  .pix-v8-copy textarea{height:170px;font-size:11px}
}
@media(max-width:560px){
  .page-head h1{font-size:27px}
  .page-head p{font-size:12px;line-height:1.65}
  .fgpay-btn{min-height:44px;font-size:12px}
  .wallet-balance-card>strong{font-size:31px}
  .topup-dialog-v9,.pix-dialog-v9{border-radius:24px}
  .topup-v9-head h2,.pix-v9-head h2{font-size:23px}
  .topup-v9-head small,.pix-v8-head small,.page-head .eyebrow,.panel-head small,.dialog-head small{font-size:9px}
  .topup-v9-chip-row{gap:8px}.topup-chip{min-height:38px;padding:0 12px;font-size:11px}
  .amount-field input{font-size:17px}
  .field label{font-size:9px}
  .field input,.field select,.field textarea{font-size:12px;min-height:47px}
  .pix-v9-status b{font-size:13px}.pix-v9-status small{font-size:10px}
  .pix-v9-paid b{font-size:15px}.pix-v9-paid small{font-size:10px}
  .verification-hero h1{font-size:33px}.verification-hero p{font-size:12px}
}

/* V10 — strict PIX state visibility + loading action */
.pix-v8-paid[hidden],
.pix-v9-paid[hidden],
#topupPaidBox[hidden],
.pix-v8-status[hidden],
#topupPaymentStatus[hidden]{display:none!important}

.topup-submit-v10{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:opacity .18s ease,transform .18s ease,filter .18s ease}
.topup-submit-v10:disabled{cursor:wait;opacity:.82;filter:saturate(.9);transform:none}
.topup-submit-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:fgpaySubmitSpin .72s linear infinite}
.topup-submit-v10.loading .topup-submit-spinner{display:inline-block}
.topup-submit-v10.loading .topup-submit-label{opacity:.96}
@keyframes fgpaySubmitSpin{to{transform:rotate(360deg)}}

/* Never show a success state merely because the element exists in the DOM. */
#topupPaidBox:not(.is-confirmed){display:none!important}
#topupPaidBox.is-confirmed{display:flex!important}

/* V11 — pricing & fee transparency */
.fee-preview-card{margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;border:1px solid #dceaf3;border-radius:18px;background:linear-gradient(180deg,#f9fdff,#f2f9fd);transition:.18s ease}
.fee-preview-card>div{display:grid;gap:5px;padding:12px 14px;border:1px solid #e4eef4;border-radius:14px;background:#fff}
.fee-preview-card span{font-size:9px;font-weight:850;letter-spacing:.7px;text-transform:uppercase;color:#7a8f9e}
.fee-preview-card b{font-size:15px;font-weight:900;color:#16384f;font-family:var(--fgpay-font-heading,Inter,sans-serif)}
.fee-preview-card .total{background:linear-gradient(135deg,#eaf9ff,#edf6ff);border-color:#cde8f6}
.fee-preview-card .total b{color:#0d8cc4}
.fee-preview-card:not(.ready){opacity:.62}
.fee-preview-card.compact{margin:14px 18px 0}
.fee-preview-note{display:block;color:#718897;font-size:10px;line-height:1.55;margin:0 2px}
.pix-fee-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.pix-fee-summary>div{padding:12px 14px;border:1px solid #deebf3;border-radius:15px;background:#fbfdff;display:grid;gap:4px}
.pix-fee-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:850;color:#7890a0}
.pix-fee-summary b{font-size:14px;font-weight:900;color:#17384e}
.pix-fee-summary .total{background:linear-gradient(135deg,#eefaff,#edf6ff);border-color:#cce7f5}.pix-fee-summary .total b{color:#0c8dc6}
.processor-config .field-help{line-height:1.55}
@media(max-width:720px){.fee-preview-card,.pix-fee-summary{grid-template-columns:1fr}.fee-preview-card>div,.pix-fee-summary>div{grid-template-columns:1fr auto;align-items:center}.fee-preview-card span,.pix-fee-summary span{font-size:8px}.fee-preview-card b,.pix-fee-summary b{font-size:13px}}

/* V12 — gateway scale typography, motion system and payout operations */
:root{
  --font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:Manrope,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --motion-premium:cubic-bezier(.2,.78,.28,1);
}
html,body{font-family:var(--font-ui);font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{font-family:var(--font-ui)}
h1,h2,h3,h4,.page-head h1,.panel-head h2,.dialog-head h2,.pix-v8-head h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em}
.page-head h1{font-size:clamp(34px,2.35vw,46px);line-height:1.02}.page-head p{font-size:15px;line-height:1.72;max-width:980px}.eyebrow,.panel-head small,.dialog-head small{font-size:10px!important;letter-spacing:1.55px;font-weight:900}.fgpay-nav a{font-size:14px!important;font-weight:700}.nav-caption{font-size:10px!important}.topbar-title strong{font-size:17px}.topbar-title small{font-size:10px}.panel-head h2{font-size:21px}.panel-body,.notice{font-size:13px;line-height:1.65}.field label{font-size:10px!important}.field input,.field select,.field textarea{font-size:14px!important}.field-help,.muted{font-size:11px!important;line-height:1.5}th{font-size:10px!important}td{font-size:13px!important}.status{font-size:10px!important}.fgpay-btn{font-size:13px!important;font-weight:800}.table-btn{font-size:11px!important;font-weight:800}.docs-content p{font-size:14px;line-height:1.75}.docs-content h2{font-size:26px}.docs-content h3{font-size:18px}.docs-nav a{font-size:12px!important}.doc-code pre{font-size:12px!important;line-height:1.7}.api-base{font-size:12px!important}

/* Page entrance and interaction motion */
.fgpay-surface>*{animation:fgPageEnter .55s var(--motion-premium) both}.fgpay-surface>*:nth-child(2){animation-delay:.035s}.fgpay-surface>*:nth-child(3){animation-delay:.07s}.fgpay-surface>*:nth-child(4){animation-delay:.1s}
.fgpay-panel,.wallet-balance-card,.client-admin-summary>div,.payout-admin-kpis>div{transition:transform .24s var(--motion-premium),box-shadow .24s var(--motion-premium),border-color .24s ease}.fgpay-panel:hover{box-shadow:0 18px 44px rgba(16,78,116,.08)}
.fgpay-btn,.table-btn,.topup-chip,.fgpay-nav a{transition:transform .18s var(--motion-premium),box-shadow .18s ease,background .18s ease,border-color .18s ease}.fgpay-btn:hover,.table-btn:hover{transform:translateY(-1px)}.fgpay-btn:active,.table-btn:active{transform:translateY(0) scale(.985)}
.fgpay-dialog[open]{animation:fgDialogEnter .35s var(--motion-premium) both}.fgpay-dialog::backdrop{animation:fgBackdropIn .28s ease both}
@keyframes fgPageEnter{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes fgDialogEnter{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
@keyframes fgBackdropIn{from{background:rgba(2,15,27,0)}to{background:rgba(2,15,27,.68)}}

/* Topup reverse-fee presentation */
.fee-preview-card{grid-template-columns:repeat(3,minmax(0,1fr))}.fee-preview-card .total{order:-1}.fee-preview-card .total b{color:#078fc7}.fee-preview-note{font-size:11px!important}
.pix-fee-summary .total{order:-1}.pix-fee-summary{font-size:12px}

/* Payout merchant flow */
.payout-dialog-v12{width:min(790px,calc(100vw - 28px));border-radius:30px}.payout-v12-head{padding:25px 27px 19px}.payout-v12-head h2{font-size:30px}.payout-v12-head p{font-size:13px;line-height:1.65;color:#7890a1;margin:7px 0 0}.payout-v12-body{display:grid;gap:18px;padding:22px 27px}.payout-secure-banner{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:16px 17px;border-radius:20px;border:1px solid #d9ebf5;background:linear-gradient(135deg,#f2fbff,#eef7fc)}.payout-secure-banner>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:white;font-size:25px;font-weight:900;background:linear-gradient(135deg,#18c5e4,#1e8eff);box-shadow:0 14px 28px rgba(22,147,231,.2)}.payout-secure-banner b{display:block;font-size:15px;color:#17364c}.payout-secure-banner small{display:block;margin-top:4px;font-size:11px;line-height:1.55;color:#71899a}.payout-fee-preview{margin-top:2px}.payout-v12-actions{padding:14px 27px 25px}.payout-v12-actions .fgpay-btn{min-width:195px}

/* Payout admin */
.payout-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.payout-admin-kpis>div{padding:20px;border:1px solid #dceaf2;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fcfe);box-shadow:0 12px 28px rgba(20,73,104,.05)}.payout-admin-kpis small{display:block;font-size:9px;font-weight:900;letter-spacing:1.1px;color:#7891a2}.payout-admin-kpis strong{display:block;margin:8px 0 4px;font:800 30px/1 var(--font-display);color:#15364d}.payout-admin-kpis span{font-size:11px;color:#7b92a2}.payout-failure{display:block;max-width:220px;margin-top:5px;color:#b45a66!important}.payout-review-btn{background:linear-gradient(135deg,#eefbff,#f7fcff);border-color:#cfe8f5;color:#087fab}.payout-review-dialog{width:min(760px,calc(100vw - 28px));border-radius:30px}.payout-review-head{padding:25px 27px 19px}.payout-review-head h2{font-size:30px}.payout-review-head p{font-size:13px;line-height:1.65;color:#768f9f;margin:7px 0 0}.payout-review-body{padding:21px 27px;display:grid;gap:16px}.payout-review-id{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#f3f9fc;border:1px solid #dfeaf1}.payout-review-id span{font-size:10px;font-weight:900;color:#758d9d;text-transform:uppercase;letter-spacing:1px}.payout-review-id code{font-size:11px;color:#087ea8}.payout-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payout-review-grid>div{padding:14px 15px;border:1px solid #e0ebf1;border-radius:16px;background:#fff}.payout-review-grid>div.highlight{background:linear-gradient(135deg,#eefbff,#f7fcff);border-color:#cde9f6}.payout-review-grid span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.85px;color:#8096a5;margin-bottom:5px}.payout-review-grid b{font-size:13px;color:#17384f;word-break:break-word}.payout-reject-wrap{padding:15px;border-radius:17px;border:1px solid #ffd7dc;background:#fff7f8}.payout-reject-wrap label{display:block;font-size:10px;font-weight:900;color:#9d4552;margin-bottom:7px}.payout-reject-wrap textarea{width:100%;min-height:94px;border:1px solid #efcbd2;border-radius:13px;padding:12px;font-size:13px;resize:vertical}.payout-reject-wrap small{display:block;font-size:10px;color:#a06b74;margin-top:6px}.payout-review-notice{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:14px;border-radius:16px;background:#f1faf6;border:1px solid #d4efdf}.payout-review-notice>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#20b77f;color:white;font-weight:900}.payout-review-notice b{display:block;font-size:13px;color:#186c51}.payout-review-notice small{display:block;font-size:10px;color:#638577;margin-top:2px;line-height:1.5}.payout-review-actions{padding:14px 27px 25px;justify-content:space-between}.danger-action{background:linear-gradient(135deg,#ff6678,#e83d56)!important;box-shadow:0 12px 26px rgba(229,61,85,.18)!important}.status.rejected{background:#fff0f2!important;color:#b94457!important;border-color:#ffd4da!important}

/* Documentation V12 */
.docs-v12-layout{gap:18px}.docs-v12-nav{position:sticky;top:92px;height:max-content;padding:20px;border-radius:20px}.docs-v12-nav b{font-size:10px}.docs-v12-nav a{padding:9px 10px;border-radius:10px}.docs-v12-nav a:hover{background:#edf8fd;color:#0589b9}.docs-v12-content{display:grid;gap:18px}.docs-v12-content .doc-wide{padding:24px 25px;border-radius:23px}.docs-v12-content .doc-wide>h2{margin:7px 0 10px}.docs-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.docs-feature-grid>div{padding:14px;border-radius:15px;border:1px solid #dcebf3;background:#f7fcfe}.docs-feature-grid b{display:block;font-size:12px;color:#153950}.docs-feature-grid span{display:block;font-size:10px;line-height:1.5;color:#7b92a2;margin-top:4px}.docs-money-flow,.docs-status-flow{display:flex;align-items:stretch;gap:9px;margin:16px 0;flex-wrap:wrap}.docs-money-flow>div,.docs-status-flow>div{flex:1;min-width:140px;padding:14px;border-radius:15px;border:1px solid #dce9f1;background:#f9fcfe}.docs-money-flow>div.result,.docs-status-flow>div.success{background:#eefaf5;border-color:#caead9}.docs-money-flow i,.docs-status-flow i{display:grid;place-items:center;color:#80a1b4;font-style:normal;font-weight:900}.docs-money-flow span,.docs-status-flow span{display:block;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0788b8}.docs-money-flow b,.docs-status-flow b{display:block;margin-top:5px;font-size:12px;color:#193d54}.endpoint-line{padding:12px 0;gap:10px}.endpoint-line code{font-size:12px}.endpoint-line small{font-size:11px!important}.event-grid code{font-size:11px!important;padding:9px 11px}

/* Branded loading experience */
.fg-page-loader{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0c3d63 0%,#081c30 35%,#05101b 70%,#030b14 100%);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.fg-page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.fg-page-loader-card{min-width:min(360px,82vw);padding:38px 42px;border:1px solid rgba(76,182,238,.22);border-radius:28px;background:rgba(5,31,51,.62);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;box-shadow:0 30px 80px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.fg-page-loader-logo{width:min(245px,62vw);filter:drop-shadow(0 0 35px rgba(0,170,255,.42));margin-bottom:26px}.fg-page-loader-spinner{width:68px;height:68px;border-radius:50%;border:4px solid rgba(255,255,255,.1);border-top-color:#19b8ff;animation:fgLoaderSpin .85s linear infinite;margin-bottom:24px}.fg-page-loader-text{color:#d7e6f4;font-size:11px;letter-spacing:5px;font-weight:800;text-transform:uppercase}.fg-page-loader-line{width:130px;height:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:17px}.fg-page-loader-line:after{content:"";display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,#1ac3ff,transparent);animation:fgLoaderSweep 1.05s ease-in-out infinite}
@keyframes fgLoaderSpin{to{transform:rotate(360deg)}}@keyframes fgLoaderSweep{from{transform:translateX(-130%)}to{transform:translateX(290%)}}

@media(max-width:1100px){.payout-admin-kpis{grid-template-columns:1fr 1fr}.docs-feature-grid{grid-template-columns:1fr 1fr}.docs-v12-nav{position:static}}
@media(max-width:760px){html,body{font-size:14px}.page-head h1{font-size:31px}.page-head p{font-size:13px}.fgpay-nav a{font-size:14px!important}.panel-head h2{font-size:19px}.field input,.field select,.field textarea{font-size:14px!important}.payout-dialog-v12,.payout-review-dialog{width:calc(100vw - 18px);border-radius:24px}.payout-v12-head,.payout-review-head{padding:20px 18px 15px}.payout-v12-head h2,.payout-review-head h2{font-size:25px}.payout-v12-body,.payout-review-body{padding:16px 18px}.payout-v12-actions,.payout-review-actions{padding:12px 18px 18px;gap:9px}.payout-v12-actions .fgpay-btn,.payout-review-actions .fgpay-btn{min-width:0;flex:1}.payout-review-grid{grid-template-columns:1fr}.payout-admin-kpis{grid-template-columns:1fr 1fr}.docs-feature-grid{grid-template-columns:1fr}.docs-v12-content .doc-wide{padding:19px 18px}.docs-content h2{font-size:23px}.docs-content p{font-size:13px}.doc-code pre{font-size:11px!important}.fee-preview-card{grid-template-columns:1fr}.fg-page-loader-card{padding:30px 24px}.fg-page-loader-text{font-size:9px;letter-spacing:3.5px}}
@media(max-width:520px){.payout-admin-kpis{grid-template-columns:1fr}.payout-secure-banner{grid-template-columns:44px 1fr}.payout-secure-banner>span{width:44px;height:44px}.page-head h1{font-size:28px}.fg-page-loader-card{min-width:88vw}.docs-money-flow,.docs-status-flow{display:grid;grid-template-columns:1fr}.docs-money-flow i,.docs-status-flow i{height:14px;transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ============================================================
   FIVERGAMES PAY · TYPOGRAPHY SYSTEM V12.5
   Padronização global de legibilidade e hierarquia visual
   ============================================================ */

:root {
    --fg-font-body: 15px;
    --fg-font-body-mobile: 15px;

    --fg-font-small: 13px;
    --fg-font-caption: 12px;
    --fg-font-label: 12px;

    --fg-font-table: 14px;
    --fg-font-table-head: 12px;

    --fg-font-sidebar: 14px;

    --fg-line-body: 1.55;
}


/* ============================================================
   BASE
   ============================================================ */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-size: var(--fg-font-body);
    line-height: var(--fg-line-body);
    letter-spacing: -0.01em;
}


/* Texto comum dentro da aplicação */
main p,
main li,
main span,
main div,
main a {
    text-rendering: optimizeLegibility;
}


/* ============================================================
   PARÁGRAFOS / TEXTOS EXPLICATIVOS
   ============================================================ */

main p {
    font-size: 14px;
    line-height: 1.55;
}

main small {
    font-size: 12px;
    line-height: 1.45;
}


/* Texto imediatamente abaixo dos grandes títulos */
main h1 + p,
main h2 + p {
    font-size: 15px;
    line-height: 1.55;
}


/* ============================================================
   TÍTULOS
   ============================================================ */

main h1 {
    font-size: clamp(32px, 2.4vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

main h2 {
    font-size: clamp(22px, 1.6vw, 29px);
    line-height: 1.15;
    letter-spacing: -0.025em;
}

main h3 {
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -0.018em;
}

main h4 {
    font-size: 16px;
    line-height: 1.3;
}


/* ============================================================
   LABELS / EYEBROWS / MICRO TÍTULOS
   ============================================================ */

main label {
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: 0.055em;
}

main :is(
    .eyebrow,
    .section-label,
    .card-label,
    .field-label,
    .metric-label,
    .kicker,
    .overline
) {
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .12em !important;
}


/* ============================================================
   FORMULÁRIOS
   ============================================================ */

main input,
main select,
main textarea {
    font-size: 14px;
    line-height: 1.35;
}

main input::placeholder,
main textarea::placeholder {
    font-size: 13px;
}

main button,
main .btn,
main [role="button"] {
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
}


/* textos auxiliares abaixo dos campos */
main :is(
    .help,
    .hint,
    .helper,
    .field-help,
    .form-help,
    .input-help,
    .description
) {
    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* ============================================================
   TABELAS
   Dashboard / PIX / Extrato / Logs / Webhooks / Admin
   ============================================================ */

main table {
    font-size: var(--fg-font-table);
}

main table thead th {
    font-size: var(--fg-font-table-head);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .07em;
}

main table tbody td {
    font-size: 13px;
    line-height: 1.45;
}

main table tbody td strong {
    font-size: 14px;
    font-weight: 750;
}


/* IDs, referências, endpoints */
main table code,
main table a,
main table [class*="mono"] {
    font-size: 12px;
    line-height: 1.45;
}


/* ============================================================
   STATUS / BADGES
   ============================================================ */

main :is(
    .badge,
    .status,
    .pill,
    [class*="badge-"],
    [class*="status-"]
) {
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .055em;
}


/* ============================================================
   SIDEBAR
   ============================================================ */

aside,
.sidebar {
    font-size: var(--fg-font-sidebar);
}

aside nav a,
.sidebar nav a,
aside a,
.sidebar a {
    font-size: 14px;
    line-height: 1.25;
}

aside nav a span,
.sidebar nav a span {
    font-size: inherit;
}


/* títulos das categorias do menu */
aside :is(
    .nav-section-title,
    .sidebar-section-title,
    .menu-label,
    .menu-title
),
.sidebar :is(
    .nav-section-title,
    .sidebar-section-title,
    .menu-label,
    .menu-title
) {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
}


/* ============================================================
   CARDS DE MÉTRICAS
   ============================================================ */

main :is(
    .metric,
    .stat,
    .stat-card,
    .metric-card
) strong {
    font-size: 22px;
    font-weight: 800;
}

main :is(
    .metric,
    .stat,
    .stat-card,
    .metric-card
) small {
    font-size: 12px;
}


/* ============================================================
   DOCUMENTAÇÃO
   ============================================================ */

main pre,
main code {
    font-size: 13px;
    line-height: 1.55;
}

main pre {
    padding: 20px;
}

main pre code {
    font-size: 13px;
}

main :is(
    .docs-nav,
    .docs-sidebar,
    .documentation-nav
) a {
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1.4;
}


/* ============================================================
   WEBHOOKS / API LOGS
   ============================================================ */

main :is(
    .webhook-url,
    .endpoint,
    .request-id,
    .event-id,
    .api-endpoint
) {
    font-size: 12px !important;
    line-height: 1.45;
}


/* ============================================================
   CONTA / KYC / VERIFICAÇÃO
   ============================================================ */

main :is(
    .verification-card,
    .kyc-card,
    .account-card
) p {
    font-size: 13px;
}

main :is(
    .verification-card,
    .kyc-card,
    .account-card
) small {
    font-size: 12px;
}


/* Checklist de documentação */
main :is(
    .checklist,
    .verification-checklist
) strong {
    font-size: 14px;
}

main :is(
    .checklist,
    .verification-checklist
) small {
    font-size: 12px;
}


/* ============================================================
   TOPBAR
   ============================================================ */

header,
.topbar {
    font-size: 13px;
}

header strong,
.topbar strong {
    font-size: 14px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

    body {
        font-size: var(--fg-font-body-mobile);
    }

    main h1 {
        font-size: 31px;
        line-height: 1.08;
    }

    main h2 {
        font-size: 23px;
    }

    main h3 {
        font-size: 18px;
    }

    main p {
        font-size: 14px;
    }

    main table {
        font-size: 13px;
    }

    main table tbody td {
        font-size: 13px;
    }

    main table thead th {
        font-size: 11px;
    }

    main input,
    main select,
    main textarea {
        /*
         * 16px impede zoom automático em diversos browsers mobile
         * e deixa os formulários realmente legíveis.
         */
        font-size: 16px;
    }

    main button,
    main .btn,
    main [role="button"] {
        font-size: 14px;
    }

    aside nav a,
    .sidebar nav a {
        font-size: 15px;
    }

    main pre,
    main pre code,
    main code {
        font-size: 12px;
    }
}


/* ============================================================
   DESKTOP GRANDE
   Evita a sensação de interface "zoom 80%"
   ============================================================ */

@media (min-width: 1280px) {

    main p {
        font-size: 14px;
    }

    main table tbody td {
        font-size: 13.5px;
    }

    main input,
    main select,
    main textarea {
        font-size: 14px;
    }
}