/* PayKita Gateway UI v2. Base shell and icons are taken from PayKita Tools' original lv7 UI. */
:root { --pk-gw-blue:#2b78eb; --pk-gw-blue-dark:#195bb9; }
html[data-lv7-color="blue"] { --pk-brand:#2b78eb;--pk-brand-strong:#195bb9;--pk-brand-soft:#edf4ff;--pk-brand-edge:#cbdcff; }
html[data-theme="dark"] { --pk-brand-soft:#293d51;--pk-brand-edge:#3d5f8d; }
#lv7-dashboard-root.pk-gateway-shell { --lv7-primary:#2b78eb; --lv7-soft:#edf4ff; --lv7-balance:#114a96; font-family:'Manrope','Inter',system-ui,sans-serif; }
html[data-theme="dark"] #lv7-dashboard-root.pk-gateway-shell { --lv7-soft:#293d51; --lv7-primary:#65a0ff; --lv7-balance:#14355f; }
#lv7-dashboard-root .lv7-brand {align-items:center; padding-top:3px;padding-bottom:6px;height:75px;}
#lv7-dashboard-root .lv7-brand>span:last-child {display:flex;flex-direction:column;line-height:1.08;}
#lv7-dashboard-root .pk-gateway-brand-sub{font-size:9px;line-height:1.3;letter-spacing:.19em;font-weight:800;color:var(--lv7-muted);margin-top:4px;}
#lv7-dashboard-root .pk-gateway-sidebar-footer {border-top:1px solid var(--lv7-border);padding:12px 0 7px;}
#lv7-dashboard-root .pk-gateway-old-link{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--lv7-muted);padding:9px 8px;margin:0 0 5px;font-weight:700;border-radius:7px}
#lv7-dashboard-root .pk-gateway-old-link:hover{background:var(--lv7-soft);color:var(--lv7-primary)}
#lv7-dashboard-root .pk-gateway-old-link .lv7-icon{width:15px;height:15px}
#lv7-dashboard-root .lv7-user{min-height:58px;padding:8px 6px}
#lv7-dashboard-root .lv7-user>div{min-width:0;flex:1}
#lv7-dashboard-root .lv7-user small{max-width:138px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#lv7-dashboard-root .lv7-logout{padding:0 6px 9px;margin:0}
#lv7-dashboard-root .lv7-logout button {width:100%;min-height:32px;background:transparent;border:0;color:var(--lv7-muted);font-size:10px;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:6px;padding:7px}
#lv7-dashboard-root .lv7-logout button:hover{background:var(--lv7-soft);color:var(--lv7-primary)}
#lv7-dashboard-root .pk-gateway-sandbox-state{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--lv7-border);border-radius:7px;font-weight:800;font-size:10px;letter-spacing:.055em;color:var(--lv7-muted);padding:7px 11px;white-space:nowrap}
#lv7-dashboard-root .pk-gateway-sandbox-state span{height:6px;width:6px;border-radius:50%;background:#d89b2c;box-shadow:0 0 0 3px #d89b2c18}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-sandbox-state {background:#252b35}
#lv7-dashboard-root .pk-gateway-mode-toggle .pk-sun{display:none}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-mode-toggle .pk-moon{display:none}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-mode-toggle .pk-sun{display:block}
#lv7-dashboard-root .lv7-topbar .lv7-icon-btn{width:33px;height:33px}
#lv7-dashboard-root .pk-gateway-content {width:100%;max-width:1450px;min-height:calc(100vh - 124px);padding:28px 29px 38px;}
#lv7-dashboard-root .pk-gateway-content a:not(.btn):not(.row-link):not(.text-link):not(.page-btn) {text-decoration:none}
#lv7-dashboard-root .pk-gateway-content .staging-notice{margin:0 0 25px;background:#fffaf1;border:1px solid #f0e4c9;border-radius:9px;color:#8b6833;padding:12px 14px;font-size:11px;line-height:1.6}
#lv7-dashboard-root .pk-gateway-content .staging-notice b{color:#796035}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .staging-notice{background:#30291e;color:#e7c77f;border-color:#5a4a2f}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .staging-notice b{color:#f0d19a}
#lv7-dashboard-root .pk-gateway-content .eyebrow{font-size:10px;letter-spacing:.065em;font-weight:800;color:var(--lv7-primary);margin-bottom:9px}
#lv7-dashboard-root .pk-gateway-content .page-heading h1{color:var(--lv7-text);font:800 clamp(24px,2.2vw,30px)/1.2 'Manrope','Inter',sans-serif;letter-spacing:-.035em;margin:0 0 9px}
#lv7-dashboard-root .pk-gateway-content .page-heading p{color:var(--lv7-muted);font-size:12px}
#lv7-dashboard-root .pk-gateway-content .page-heading{margin-bottom:21px}
#lv7-dashboard-root .pk-gateway-content .panel,
#lv7-dashboard-root .pk-gateway-content .stat-card,
#lv7-dashboard-root .pk-gateway-content .docs-nav,
#lv7-dashboard-root .pk-gateway-content .docs-content>.panel {background:var(--lv7-card);border-color:var(--lv7-border);border-radius:9px;box-shadow:var(--lv7-shadow);color:var(--lv7-text)}
#lv7-dashboard-root .pk-gateway-content .stat-card{min-height:146px;padding:20px 19px}
#lv7-dashboard-root .pk-gateway-content .stat-highlight{background:var(--lv7-balance);color:#fff;border-color:transparent}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .stat-highlight{background:#14355f!important}
#lv7-dashboard-root .pk-gateway-content .stat-top{margin-bottom:21px;font-size:11px;color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content .stat-highlight .stat-top,#lv7-dashboard-root .pk-gateway-content .stat-highlight small{color:#d2e4ff}
#lv7-dashboard-root .pk-gateway-content .stat-card strong{font-size:28px;letter-spacing:-.045em;color:var(--lv7-text)}
#lv7-dashboard-root .pk-gateway-content .stat-card.stat-highlight strong{color:#fff}
#lv7-dashboard-root .pk-gateway-content .stat-card small{color:var(--lv7-muted);margin-top:7px}
#lv7-dashboard-root .pk-gateway-content .stat-card .stat-icon {background:var(--lv7-subtle);color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content .stat-card.stat-highlight .stat-icon {background:#245597;color:#e4efff}
#lv7-dashboard-root .pk-gateway-content .stat-card .stat-icon.positive{background:#e3f6eb;color:#1e9561}
#lv7-dashboard-root .pk-gateway-content .stat-card .stat-icon.warn{background:#fff3dc;color:#b77604}
#lv7-dashboard-root .pk-gateway-content .panel-heading h2,#lv7-dashboard-root .pk-gateway-content .form-panel h2,#lv7-dashboard-root .pk-gateway-content .side-quick h2,#lv7-dashboard-root .pk-gateway-content .doc-section h2,#lv7-dashboard-root .pk-gateway-content .settings-panel h2{color:var(--lv7-text);font:800 17px/1.3 'Manrope','Inter',sans-serif}
#lv7-dashboard-root .pk-gateway-content .panel-heading{padding:21px 22px 18px}
#lv7-dashboard-root .pk-gateway-content th{background:var(--lv7-subtle);color:var(--lv7-muted);border-color:var(--lv7-border);font-size:10px}
#lv7-dashboard-root .pk-gateway-content td{color:var(--lv7-text);border-color:var(--lv7-border)}
#lv7-dashboard-root .pk-gateway-content .row-link{color:var(--lv7-primary)}
#lv7-dashboard-root .pk-gateway-content .row-sub,
#lv7-dashboard-root .pk-gateway-content .section-explainer,
#lv7-dashboard-root .pk-gateway-content .side-quick>p,
#lv7-dashboard-root .pk-gateway-content .step-row small,
#lv7-dashboard-root .pk-gateway-content .info-list>div>span,
#lv7-dashboard-root .pk-gateway-content .helper {color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content .step-row b{color:var(--lv7-text)}
#lv7-dashboard-root .pk-gateway-content .step-row>span{color:var(--lv7-primary);background:var(--lv7-soft)}
#lv7-dashboard-root .pk-gateway-content .btn{background:var(--lv7-card);color:var(--lv7-text);border-color:var(--lv7-border);border-radius:7px;font-weight:800;font-size:11px;min-height:39px}
#lv7-dashboard-root .pk-gateway-content .btn-primary,#lv7-dashboard-root .pk-gateway-content .btn-dark{color:#fff;background:#2b78eb;border-color:#2b78eb}
#lv7-dashboard-root .pk-gateway-content .btn-primary:hover,#lv7-dashboard-root .pk-gateway-content .btn-dark:hover{background:#195bb9}
#lv7-dashboard-root .pk-gateway-content .btn-outline,#lv7-dashboard-root .pk-gateway-content .btn-secondary{color:var(--lv7-primary);background:var(--lv7-card);border:1px solid var(--lv7-border)}
#lv7-dashboard-root .pk-gateway-content .btn-outline:hover{background:var(--lv7-soft)}
#lv7-dashboard-root .pk-gateway-content .btn-text{color:#c14c57;background:transparent;border:0}
#lv7-dashboard-root .pk-gateway-content input:not([type="hidden"]),#lv7-dashboard-root .pk-gateway-content select,#lv7-dashboard-root .pk-gateway-content textarea{background:var(--lv7-card);color:var(--lv7-text);border:1px solid var(--lv7-border);border-radius:7px;outline:none}
#lv7-dashboard-root .pk-gateway-content input:focus,#lv7-dashboard-root .pk-gateway-content select:focus{border-color:#2b78eb;box-shadow:0 0 0 3px #2b78eb22}
#lv7-dashboard-root .pk-gateway-content .input-prefix{background:var(--lv7-card);border:1px solid var(--lv7-border);border-radius:7px;overflow:hidden}
#lv7-dashboard-root .pk-gateway-content .input-prefix input{border:0;box-shadow:none}
#lv7-dashboard-root .pk-gateway-content .input-prefix span{color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content pre,#lv7-dashboard-root .pk-gateway-content .code-block{background:var(--lv7-subtle);border-color:var(--lv7-border);color:var(--lv7-text)}
#lv7-dashboard-root .pk-gateway-content .code-copy,#lv7-dashboard-root .pk-gateway-content .key-list{background:var(--lv7-subtle);border-color:var(--lv7-border)}
#lv7-dashboard-root .pk-gateway-content .key-list code,#lv7-dashboard-root .pk-gateway-content .code-copy code{overflow-wrap:anywhere}
#lv7-dashboard-root .pk-gateway-content .docs-nav a{color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content .docs-nav a:hover{color:var(--lv7-primary)}
#lv7-dashboard-root .pk-gateway-content .soft-tag,#lv7-dashboard-root .pk-gateway-content .mini-label{border-color:var(--lv7-border);color:var(--lv7-muted)}
#lv7-dashboard-root .pk-gateway-content .pill.paid{background:#e3f6eb;color:#17815e}
#lv7-dashboard-root .pk-gateway-content .pill.pending{background:#fff3dc;color:#ac7427}
#lv7-dashboard-root .pk-gateway-content .pagination{border-color:var(--lv7-border)}
#lv7-dashboard-root .pk-gateway-footer{border-top:1px solid var(--lv7-border);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:12px 29px;color:var(--lv7-muted);font-size:10px}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content{--lv7-card:#1b2028;--lv7-border:#343c49;--lv7-subtle:#252b35;--lv7-text:#f1f4f9;--lv7-muted:#a5adba;--lv7-shadow:none}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .stat-card,#lv7-dashboard-root .pk-gateway-content .docs-content>.panel{box-shadow:none}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .stat-card .stat-icon.positive{background:#1d352a;color:#7bdfaf}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .stat-card .stat-icon.warn{background:#403322;color:#f4cc74}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .pill.paid{background:#1d352a;color:#7bdfaf}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .pill.pending{background:#403322;color:#f4cc74}
html[data-theme="dark"] #lv7-dashboard-root .pk-gateway-content .pill.expired{background:#3d282d;color:#ff969d}
@media(max-width:900px){#lv7-dashboard-root .pk-gateway-content{padding:20px 16px 32px}}
@media(max-width:720px){#lv7-dashboard-root .pk-gateway-content{padding:19px 14px 28px}#lv7-dashboard-root .pk-gateway-content .page-heading h1{font-size:24px}#lv7-dashboard-root .pk-gateway-footer{padding:13px 15px}#lv7-dashboard-root .pk-gateway-content .stat-card{min-height:144px}#lv7-dashboard-root .pk-gateway-content .staging-notice{align-items:start}#lv7-dashboard-root .pk-gateway-sandbox-state{font-size:9px;padding:6px 8px}#lv7-dashboard-root .pk-desktop-crumb{display:none}}
@media(max-width:450px){#lv7-dashboard-root .pk-gateway-content .stat-card strong{font-size:25px}#lv7-dashboard-root .pk-gateway-content .stat-card{padding:15px 13px}#lv7-dashboard-root .pk-gateway-footer{display:block}#lv7-dashboard-root .pk-gateway-footer span{display:block;margin-top:5px}}
