:root{--navy:#09275c;--navy-2:#0d3474;--navy-3:#173f85;--gold:#d3a242;--gold-soft:#f7eed9;--bg:#f3f6fb;--text:#162849;--muted:#71809a;--line:#e3eaf4;--success:#16825c;--success-bg:#e7f7ef;--warning:#a66b10;--warning-bg:#fff3db;--danger:#c43e4f;--danger-bg:#ffeaed;--shadow:0 12px 30px rgba(22,48,94,.09);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}body{min-height:100vh;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.9em}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:248px;background:linear-gradient(160deg,#071f4c,#0d3474 62%,#061937);color:#fff;padding:28px 16px 18px;display:flex;flex-direction:column;box-shadow:5px 0 24px rgba(8,36,85,.13)}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 0;min-height:37px}.brand .brand-logo{display:block;width:150px;height:24px;max-width:calc(100% - 42px);object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.16))}.brand .brand-tag{font-weight:900;color:#f3c96c;border-left:1px solid rgba(255,255,255,.28);padding-left:10px;font-size:17px;line-height:1;letter-spacing:.2px}.brand-sub{font-size:11px;letter-spacing:.3px;text-transform:none;color:rgba(225,235,252,.74);margin:9px 12px 31px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#dbe7fd;transition:.18s;font-weight:650}.nav a:hover{background:rgba(255,255,255,.09);color:white}.nav a.active{color:#fff;background:linear-gradient(90deg,rgba(211,162,66,.32),rgba(211,162,66,.09));box-shadow:inset 3px 0 var(--gold)}.nav a span{width:15px;text-align:center;color:#e9bd61;font-size:16px}.nav-section{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#8ca4cf;margin:24px 12px 7px;text-transform:uppercase}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:16px 12px 0;color:#bdcbe4;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:#3bd19e;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(59,209,158,.14)}.main{min-height:100vh;margin-left:248px}.topbar{height:76px;padding:0 32px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf6;position:sticky;top:0;z-index:20}.topbar-title{font-size:19px;font-weight:850;color:#17376f}.topbar-right{display:flex;align-items:center;gap:18px}.clock{font-size:12px;color:#7d8ca5}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf0fd;color:#234a98;font-weight:900}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;color:#7c8da6;font-size:10px;margin-top:2px}.link-button{padding:0;border:0;background:transparent;color:#496694;font-weight:700}.link-button:hover{color:#c28920}.mobile-menu{display:none;border:0;background:#edf2fb;color:#1e478e;border-radius:9px;padding:7px 9px;font-size:18px}.page{padding:28px 32px 48px;max-width:1800px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px}.page-heading h1{font-size:26px;letter-spacing:-.5px;margin:0 0 7px}.page-heading p{margin:0;color:var(--muted);line-height:1.6}.live-pill{padding:8px 12px;background:#e9f7f1;color:#16825c;border-radius:99px;font-weight:800;font-size:12px;white-space:nowrap}.live-pill i{display:inline-block;width:7px;height:7px;background:#20b77b;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(32,183,123,.14)}.filters{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 20px;box-shadow:0 6px 18px rgba(22,48,94,.035)}.filters label,.form-grid label,.api-layout label,.modal-box label{display:flex;flex-direction:column;gap:7px;color:#4a5d7e;font-size:12px;font-weight:800;min-width:155px}.filters label{flex:1}.filters.inline{display:inline-flex;align-items:flex-end;min-width:360px}.dashboard-filters{max-width:1040px}.report-filters{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr)) auto}.filter-submit{display:flex;align-items:flex-end}input,select,textarea{width:100%;border:1px solid #dce5f2;border-radius:9px;background:#fff;color:#243a5f;outline:0;padding:10px 11px;transition:.16s;min-height:41px}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#4b76c6;box-shadow:0 0 0 3px rgba(65,113,196,.12)}label small{font-size:11px;font-weight:500;color:#8391a7;line-height:1.5}.btn{border:0;border-radius:9px;padding:10px 14px;line-height:1.1;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:.16s}.btn.primary{color:#fff;background:linear-gradient(135deg,#1b4b9d,#0b2c68);box-shadow:0 7px 15px rgba(27,75,157,.18)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(27,75,157,.23)}.btn.secondary{background:#edf2fa;color:#26477e}.btn.secondary:hover{background:#e2eaf7}.btn.full{width:100%;min-height:47px;margin-top:4px}.btn.tiny{padding:7px 9px;font-size:11px}.btn.danger-outline{border:1px solid #edc5cb;background:#fff;color:var(--danger);margin-top:15px}.btn.danger-outline:hover{background:#fff3f4}.text-link{color:#2b5ca9;font-weight:800;font-size:12px}.text-link:hover{color:#bb841f}.metric-grid{display:grid;gap:14px;margin:0 0 20px}.metric-grid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.metric-card{position:relative;min-height:136px;padding:19px 16px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(225,232,243,.85)}.metric-card:after{content:"";position:absolute;right:-40px;bottom:-46px;width:110px;height:110px;border-radius:50%;border:15px solid #f1f5fc}.metric-card:nth-child(3n):after{border-color:#fbf3e1}.metric-card p{color:#60728f;font-size:12px;font-weight:800;margin:0 0 11px;position:relative;z-index:1}.metric-value{font-size:23px;letter-spacing:-.7px;position:relative;z-index:1;display:block}.metric-card small{font-size:10px;color:#94a0b4;margin-top:7px;position:relative;z-index:1;display:block}.metric-index{position:absolute;right:14px;top:14px;color:#c1cee0;font-size:11px;font-weight:850}.two-cols,.api-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel.table-panel{padding:0;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 16px}.table-panel .panel-head{padding:20px 20px 13px}.panel-head h2{font-size:16px;margin:0 0 4px}.panel-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.muted{color:var(--muted);font-size:12px}.table-scroll{width:100%;overflow:auto}.table-scroll.compact{max-height:340px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:11px;font-weight:850;color:#6e7e99;background:#f8faff;letter-spacing:.1px;white-space:nowrap}.table th,.table td{padding:12px 13px;border-top:1px solid #edf1f7;text-align:left;vertical-align:middle}.table td{font-size:12px;color:#354762}.table td b{color:#1e355d}.table td small{display:block;color:#92a0b3;font-size:10px;margin-top:3px}.table tr:hover td{background:#fcfdff}.table .number{text-align:right;font-variant-numeric:tabular-nums}.empty-row{text-align:center!important;color:#8c9bb0!important;padding:35px!important}.totals{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 20px}.totals>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.totals span{display:block;color:#8190a8;font-size:11px;font-weight:800;margin-bottom:6px}.totals b{font-size:17px}.definition-list{display:flex;flex-direction:column;gap:11px}.definition-list>div{padding:11px 12px;background:#f7f9fd;border:1px solid #edf1f7;border-radius:11px}.definition-list b{display:block;color:#26487e;font-size:12px;margin-bottom:3px}.definition-list span{color:#7d8da5;font-size:11px;line-height:1.4}.flash{display:flex;gap:10px;align-items:flex-start;border-radius:11px;padding:13px 15px;margin:0 0 16px;font-weight:700;font-size:13px}.flash.success{background:var(--success-bg);color:var(--success)}.flash.error{background:var(--danger-bg);color:#b02f41}.flash strong{font-size:17px;line-height:.9}.credential-card{padding:16px 18px;border:1px solid #eddeb9;background:#fffaf0;border-radius:13px;margin:-4px 0 17px}.credential-card>div{display:grid;grid-template-columns:135px 1fr;gap:12px;border-bottom:1px dashed #ecdab5;padding:8px 0;align-items:center}.credential-card>div:last-of-type{border-bottom:0}.credential-card b{font-size:12px;color:#735919}.credential-card code{background:#fff;padding:8px 10px;border-radius:7px;border:1px solid #f0e3c8;color:#42537b;word-break:break-all;cursor:copy}.credential-card p{font-size:11px;line-height:1.5;color:#8d7542;margin:12px 0 0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:850;white-space:nowrap}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.failed{background:var(--danger-bg);color:var(--danger)}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.eyebrow{font-size:10px;color:#8797b1;letter-spacing:.8px;font-weight:850;text-transform:uppercase;margin-bottom:4px}.product-stack{display:flex;flex-direction:column;gap:16px}.product-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.product-card-head{padding:20px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1f7}.product-card-head h2{margin:0 0 8px;font-size:20px}.code-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#74829c}.code-row code{background:#eef3fb;color:#2b579f;border-radius:6px;padding:4px 6px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;padding:16px}.channel-card{min-height:126px;border:1px solid #e3eaf4;border-radius:13px;background:#fbfcff;padding:14px;display:flex;justify-content:space-between;gap:10px}.channel-card b,.channel-card code{display:block}.channel-card b{font-size:13px;color:#243b65}.channel-card code{font-size:11px;color:#5575af;margin:4px 0}.channel-card p{font-size:11px;color:#7c8aa2;margin:8px 0 0;line-height:1.45}.channel-card-right{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.mini-label{font-size:9px;font-weight:850;color:#9a6d1e;background:#fcefd4;padding:4px 6px;border-radius:99px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}.modal{position:fixed;inset:0;z-index:80;background:rgba(7,25,62,.48);display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-box{max-height:min(85vh,800px);overflow:auto;width:min(540px,100%);padding:25px;background:#fff;border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.23);position:relative}.modal-box.wide{width:min(760px,100%)}.modal-box h2{font-size:20px;margin:0 0 7px}.modal-box>p{color:#7888a1;font-size:12px;line-height:1.55;margin:0 0 19px}.modal-box label{margin-top:12px}.modal-close{position:absolute;right:15px;top:13px;border:0;background:#eef3fb;border-radius:50%;width:28px;height:28px;font-size:18px;color:#58709a}.modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.modal-actions.left{justify-content:flex-start}.api-layout{grid-template-columns:1fr 1fr}.credential-block{margin:13px 0}.credential-block label{display:block;font-size:11px;font-weight:850;color:#73829a;margin:0 0 6px}.credential-block code{display:block;padding:11px;background:#f4f7fc;border:1px solid #e1e9f5;border-radius:9px;word-break:break-all;color:#25487f;cursor:copy}.rule-box{margin-top:18px;background:#f8faff;border:1px solid #e1e9f5;border-radius:11px;padding:12px 13px}.rule-box b{font-size:12px;color:#2b5396}.rule-box p{font-size:11px;color:#75849c;line-height:1.5;margin:6px 0 0}.inline-warning{margin-top:14px;border-radius:10px;background:#fff5df;color:#9d6b15;padding:10px 12px;font-size:11px;font-weight:700}.api-doc{margin-top:20px}.definition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.definition-grid>div{background:#f7f9fd;border:1px solid #e8eef7;border-radius:11px;padding:12px}.definition-grid b,.definition-grid code,.definition-grid span{display:block}.definition-grid b{font-size:12px}.definition-grid code{font-size:11px;color:#2a5ca8;margin:6px 0;word-break:break-all}.definition-grid span{font-size:10px;color:#8390a7}.api-doc h3{font-size:14px;margin:23px 0 9px}.code-block{margin:0;white-space:pre-wrap;overflow:auto;border-radius:12px;padding:15px;background:#0b2556;color:#e8f0ff;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.event-types{display:flex;gap:10px;flex-wrap:wrap}.event-types>div{flex:1 1 200px;border:1px solid #e4eaf4;border-radius:11px;padding:12px;background:#fbfcfe}.event-types b{display:block;color:#315b9e;margin-bottom:4px}.event-types span{font-size:11px;color:#75839a;line-height:1.45}.event-tag{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:850}.event-tag.register{background:#eaf1ff;color:#315aab}.event-tag.deposit{background:#e8f7ee;color:#147851}.event-tag.withdraw{background:#fff0e6;color:#bd641d}.log-message{max-width:280px;color:#78869d!important;line-height:1.45}.permission-box{border:1px solid #e0e8f4;border-radius:12px;margin-top:18px;overflow:hidden}.permission-title{padding:11px 13px;background:#f7f9fd;font-weight:850;font-size:12px}.permission-title span{font-weight:500;color:#8694aa;margin-left:8px}.permission-list{max-height:240px;overflow:auto}.perm-row{display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:space-between;gap:12px;margin:0!important;padding:11px 13px;border-top:1px solid #edf1f7;color:#324866!important}.perm-row span:first-child{flex:1}.perm-row b{font-size:12px}.perm-row small{display:block;font-size:10px;color:#8997ad;margin:3px 0 0 20px}.export-check{white-space:nowrap;font-size:11px}.role{font-weight:850;color:#2f5799}.empty-state{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:60px 20px;text-align:center}.empty-icon{width:58px;height:58px;display:grid;place-items:center;margin:auto;border-radius:17px;background:#edf3ff;color:#355dbe;font-size:28px}.empty-state h3{margin:13px 0 6px}.empty-state p{color:var(--muted);margin:0}.login-body{min-height:100vh;background:linear-gradient(125deg,#f5f8fd,#fff);display:grid;place-items:center;overflow:hidden;position:relative}.login-arc{position:absolute;border-radius:50%;pointer-events:none}.arc-one{width:930px;height:930px;right:-365px;top:-485px;border:1px solid #d6e0ef}.arc-two{width:1080px;height:1080px;left:-660px;bottom:-830px;background:linear-gradient(140deg,#0d2f6c,#071a3d);border:2px solid var(--gold);box-shadow:inset 0 0 0 45px rgba(255,255,255,.03)}.login-brand{position:absolute;top:34px;left:46px;z-index:2;display:flex;align-items:center;gap:9px}.login-brand img{width:170px;height:auto;max-height:29px;object-fit:contain;object-position:left center}.login-brand span{font-weight:900;color:#c79130;font-size:17px;border-left:1px solid #d4deed;padding-left:9px}.login-card{position:relative;z-index:2;width:min(490px,calc(100vw - 38px));background:rgba(255,255,255,.97);padding:36px 50px 28px;border-radius:23px;text-align:center;box-shadow:0 28px 65px rgba(22,46,92,.15)}.login-mark-image{width:60px;height:67px;object-fit:contain;object-position:center;margin:0 auto 14px;display:block}.login-card h1{font-size:25px;margin:0 0 7px}.login-card p{color:#7c8ba3;font-size:13px;margin:0}.gold-line{height:1px;background:#e7edf6;margin:22px 32px}.gold-line i{display:block;width:38px;height:4px;border-radius:99px;background:var(--gold);margin:-2px auto}.login-card form{text-align:left;display:flex;gap:14px;flex-direction:column}.login-card form label{text-align:left;font-size:12px;font-weight:850;color:#536581;display:flex;flex-direction:column;gap:7px}.login-card small{display:block;color:#8f9cb0;margin-top:17px;font-size:10px}.login-card .flash{text-align:left}.login-footer{position:absolute;bottom:18px;z-index:2;color:#8998af;font-size:11px}.login-footer b{color:#ad7920}.error-body{min-height:100vh;display:grid;place-items:center;background:#f4f7fc}.error-card{width:min(450px,calc(100vw - 36px));text-align:center;background:#fff;padding:44px;border-radius:22px;box-shadow:var(--shadow)}.error-card img{width:52px;height:60px;object-fit:contain}.error-card h1{margin:12px 0 8px}.error-card p{color:var(--muted);line-height:1.6;margin:0 0 22px}/* v2.1：紧凑权限选择与安全删除样式 */
input[type=checkbox],input[type=radio]{width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;margin:0!important;accent-color:#2457ae;box-shadow:none!important;flex:0 0 16px}
.btn.tiny.danger-outline{margin-top:0;padding:6px 9px;border-color:#efc6cc;color:#bd4050;background:#fff}
.btn.tiny.danger-outline:hover{background:#fff3f4}
.auto-id-hint{min-height:41px;border:1px dashed #ccd9ec;border-radius:9px;background:#f7f9fd;padding:9px 11px;display:flex;flex-direction:column;justify-content:center;gap:2px;color:#61718d}
.auto-id-hint b{font-size:12px;color:#4c5e80}.auto-id-hint span{font-size:11px;color:#8795aa}
.permission-box{margin-top:14px}.permission-title{padding:9px 12px;display:flex;align-items:baseline;gap:7px}.permission-title b{font-size:12px}.permission-title span{margin:0;font-size:10px}.permission-list.compact-list{max-height:190px}.permission-empty{padding:12px;margin:0}.perm-row.compact{display:grid!important;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:8px 12px;margin:0!important}.perm-row.compact .perm-info{min-width:0}.perm-row.compact .perm-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.perm-row.compact .perm-info small{margin:2px 0 0;font-size:10px;line-height:1.25}.perm-row.compact .export-check{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#677994;white-space:nowrap}.perm-row.compact .export-check input{margin:0!important}
@media(max-width:1500px){.metric-grid.seven{grid-template-columns:repeat(4,minmax(0,1fr))}.totals{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.page{padding:24px}.two-cols,.api-layout{grid-template-columns:1fr}.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.definition-grid{grid-template-columns:1fr}.topbar{padding:0 24px}}@media(max-width:800px){.sidebar{transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:68px;padding:0 15px}.mobile-menu{display:block}.topbar-title{font-size:17px}.clock{display:none}.user-chip small{display:none}.topbar-right{gap:9px}.page{padding:20px 14px}.page-heading{flex-direction:column;gap:12px}.filters,.filters.inline{display:flex;flex-direction:column;align-items:stretch;min-width:0}.report-filters{display:grid;grid-template-columns:1fr}.filter-submit{align-items:stretch}.metric-grid.seven,.totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:116px;padding:15px}.metric-value{font-size:20px}.product-card-head{flex-direction:column}.channel-grid{grid-template-columns:1fr;padding:12px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.credential-card>div{grid-template-columns:1fr;gap:5px}.login-brand{left:24px;top:22px}.login-brand img{width:145px}.login-card{padding:33px 25px 24px}.arc-two{width:850px;height:850px;left:-580px}.modal{padding:12px}.modal-box{padding:23px 18px}.permission-title span{display:block;margin:4px 0 0}.perm-row{flex-direction:column!important}.perm-row.compact{grid-template-columns:16px minmax(0,1fr) auto!important;flex-direction:initial!important}.row-actions{align-items:flex-start}.login-footer{font-size:10px}}
/* v2.2：应用 APP 单层管理 */
.app-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 18px 18px;border-top:1px solid #edf1f7;background:#fbfcff}
.app-detail-grid>div{border:1px solid #e4eaf4;border-radius:10px;padding:10px 12px;background:#fff;min-width:0}
.app-detail-grid b,.app-detail-grid code,.app-detail-grid span{display:block}
.app-detail-grid b{font-size:11px;color:#3b5685;margin-bottom:5px}
.app-detail-grid code{font-size:12px;color:#2858a2;word-break:break-all}
.app-detail-grid span{font-size:11px;color:#75839a;line-height:1.45}
@media(max-width:900px){.app-detail-grid{grid-template-columns:1fr}}

/* v2.2.3：API Secret 一次性展示与显式复制按钮 */
.credential-card .secret-reveal{display:grid;grid-template-columns:135px 1fr;gap:12px;border-bottom:1px dashed #ecdab5;padding:8px 0;align-items:center}.credential-card .secret-reveal b{font-size:12px;color:#735919}.credential-card .secret-value{display:flex;align-items:center;gap:8px;min-width:0}.credential-card .secret-value code{flex:1;min-width:0;word-break:break-all;cursor:copy}.credential-card .secret-value .btn{flex:none}.credential-card-secret{border-color:#b9dfc9;background:#f6fcf8}.credential-card-secret .secret-reveal{border-bottom:0}.credential-card-secret .secret-reveal b{color:#18734f}.credential-card-secret .secret-value code{border-color:#cde8d8;background:#fff;color:#1f5c43}.credential-card-secret p{color:#4c8068}@media(max-width:800px){.credential-card .secret-reveal{grid-template-columns:1fr;gap:6px}.credential-card .secret-value{align-items:stretch;flex-direction:column}.credential-card .secret-value .btn{width:100%}}