.wallet-panel{margin:22px 0;padding:24px;border:1px solid #dce7f1;border-radius:18px;background:#fff;box-shadow:0 8px 28px #183b5a0a}.wallet-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.wallet-panel-head h2{margin:5px 0 6px}.wallet-panel-head p{margin:0;color:#708092}.wallet-balance-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;padding:20px 22px;border-radius:15px;background:linear-gradient(120deg,#eef7ff,#f8fbfe)}.wallet-balance-card small{display:block;color:#65788b}.wallet-balance-card strong{display:block;margin-top:3px;color:#173d63;font-size:32px}.wallet-topup-buttons{display:flex;flex-wrap:wrap;gap:9px}.wallet-topup-buttons button{border:0;border-radius:10px;padding:11px 15px;background:#1478d4;color:#fff;font:inherit;font-weight:650;cursor:pointer}.wallet-topup-buttons button:disabled{opacity:.55;cursor:wait}.wallet-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wallet-source-grid label{display:grid;gap:8px;color:#40556a;font-weight:650}.wallet-source-grid select{max-width:100%;padding:11px;border:1px solid #d5e1ed;border-radius:10px;background:#fff;color:#253a4e;font:inherit}.wallet-panel-foot{display:flex;align-items:center;gap:14px;margin-top:16px}.wallet-panel-foot small{color:#778696}.wallet-history{margin-top:18px}.wallet-history h3{font-size:15px}.wallet-history>div{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid #edf1f4;color:#5e7182}.wallet-history b.credit{color:#168456}.wallet-history b.debit{color:#ba573e}.wallet-pay-dialog{width:min(92vw,390px);border:0;border-radius:20px;padding:28px;box-shadow:0 18px 65px #112c4670;text-align:center}.wallet-pay-dialog::backdrop{background:#10243a77;backdrop-filter:blur(3px)}.wallet-pay-dialog h2{margin:6px 0}.wallet-pay-dialog p{color:#627488}.wallet-pay-qr{display:grid;place-items:center;min-height:250px;margin:14px auto}.wallet-pay-qr img{width:250px;height:250px;image-rendering:pixelated}.wallet-pay-dialog small{display:block;min-height:20px;color:#587188}@media(max-width:680px){.wallet-panel-head,.wallet-balance-card{align-items:stretch;flex-direction:column}.wallet-source-grid{grid-template-columns:1fr}.wallet-topup-buttons button{flex:1}}

.wallet-today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.wallet-today-grid article{display:grid;gap:7px;padding:20px 22px;border:1px solid #d8e4ef;border-radius:16px;background:#fff}.wallet-today-grid article>span{color:#5e7184;font-size:14px}.wallet-today-grid article>strong{color:#235994;font-size:30px;font-weight:700}.wallet-today-grid article>small{color:#8291a1}.wallet-inline-topups{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.wallet-inline-topups button{padding:9px 14px}@media(max-width:680px){.wallet-today-grid{grid-template-columns:1fr}.wallet-today-grid article{padding:16px}}

.wallet-account-summary{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:18px;align-items:stretch}.wallet-account-main{min-width:0}.wallet-account-main .compute-card-heading{position:relative;padding-right:60px}.wallet-account-main .compute-card-heading>div{min-width:0}.wallet-refresh-button{position:absolute;right:0;top:0;padding:7px 10px}.wallet-today-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.wallet-today-grid article{display:grid;gap:5px;min-width:0;padding:14px 16px;border:1px solid #d4e2f0;border-radius:13px;background:#fff}.wallet-today-grid article>span{color:#5e7184;font-size:13px}.wallet-today-grid article>strong{color:#235994;font-size:25px;font-weight:700}.wallet-today-grid article>small{color:#8291a1;font-size:11px}.wallet-settings-embedded{margin:18px 0 0;padding:17px 0 0;border:0;border-top:1px solid #d8e5f0;border-radius:0;background:transparent;box-shadow:none}.wallet-source-heading h3{margin:3px 0;font-size:19px;color:#203f66}.wallet-source-heading p{margin:4px 0 11px;color:#708092}.wallet-settings-embedded .wallet-source-grid{gap:12px}.wallet-settings-embedded .wallet-panel-foot{margin-top:12px}@media(max-width:760px){.wallet-account-summary{grid-template-columns:1fr}.wallet-today-grid article>strong{font-size:22px}}@media(max-width:480px){.wallet-today-grid{grid-template-columns:1fr 1fr;gap:7px}.wallet-today-grid article{padding:11px}.wallet-today-grid article>span{font-size:12px}.wallet-today-grid article>strong{font-size:20px}}

#ownFishTtsDebugPanel [data-provider-pane="doubao"],#ownFishTtsDebugPanel .own-tts-provider-card[data-tts-provider="doubao"]{display:none!important}#ownFishTtsDebugPanel [data-provider-pane="breeze_blue"]{display:block!important}#ownFishTtsDebugPanel [data-provider-pane="breeze_blue"] .own-tts-debug-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}

/* Fit the daily spend cards and source selectors inside the wallet card. */
.compute-balance-grid,.compute-balance-card,.wallet-account-summary,.wallet-account-main,.walletSourceMount,.wallet-settings-embedded,.wallet-source-grid,.wallet-source-grid label{min-width:0;box-sizing:border-box}
.wallet-account-summary{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px}
.wallet-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
.wallet-today-grid article{padding:10px;min-width:0;overflow:hidden}
.wallet-today-grid article>span{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.wallet-today-grid article>strong{font-size:21px;white-space:nowrap}
.wallet-today-grid article>small{font-size:10px;line-height:1.3}
.wallet-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.wallet-source-grid label{width:100%;font-size:14px}
.wallet-source-grid select{width:100%;min-width:0;box-sizing:border-box;font-size:14px}
.wallet-settings-embedded .wallet-source-heading p{display:none}
#walletStatus:empty{display:none}
#walletStatus{font-size:12px;color:#718296}
@media(max-width:900px){.compute-balance-grid{grid-template-columns:1fr}.wallet-account-summary{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:560px){.wallet-account-summary{grid-template-columns:1fr}.wallet-today-grid article>strong{font-size:20px}.wallet-source-grid{grid-template-columns:1fr}}
.wallet-balance-card { display:flex; flex-direction:column; gap:12px; }
.wallet-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wallet-card-head>div { display:flex; flex-direction:column; gap:4px; }
.wallet-card-head small,.wallet-daily-grid small { color:var(--muted,#6b7d91); }
.wallet-balance-card>strong { font-size:32px; color:var(--accent,#315fa8); }
.wallet-daily-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.wallet-daily-grid>div { display:flex; flex-direction:column; gap:4px; border:1px solid var(--line,#d6e2f0); border-radius:12px; padding:10px; }
.wallet-daily-grid b { font-size:18px; }
.wallet-topup-actions { display:flex; flex-wrap:wrap; gap:8px; }
.wallet-source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.wallet-source-grid label { display:grid; gap:6px; font-weight:600; }
.wallet-source-grid select { width:100%; min-width:0; }
.wallet-panel-foot { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; }
.wallet-history { margin-top:14px; }
.wallet-pay-dialog { width:min(92vw,420px); border:0; border-radius:18px; padding:28px; text-align:center; }
.wallet-pay-qr img { width:min(72vw,260px); height:auto; }
@media(max-width:700px){.wallet-source-grid{grid-template-columns:1fr}.wallet-daily-grid b{font-size:16px}}

/* Keep the wallet cards inside the same two-column compute grid. The generic
   .wallet-balance-card rules are also used by older wallet markup; scope the
   overrides here so their margins and flex sizing cannot push this card out. */
#myComputePanel .compute-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;min-width:0}
#myComputePanel .compute-balance-grid>.compute-balance-card{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;align-self:stretch}
#myComputePanel .compute-balance-grid>.wallet-balance-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:stretch;align-items:start;gap:12px;padding:18px;margin:0;border:1px solid #d5e2f1;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#edf5ff);box-sizing:border-box}
#myComputePanel .wallet-balance-card>*{box-sizing:border-box;width:100%;min-width:0}
#myComputePanel .wallet-balance-card>strong{margin:0;font-size:32px;line-height:1.2}
#myComputePanel .wallet-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#myComputePanel .wallet-card-head>div{min-width:0}
#myComputePanel .wallet-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0}
#myComputePanel .wallet-daily-grid>div{min-width:0;padding:10px 12px;border:1px solid #d7e3f0;border-radius:12px;background:#fff}
#myComputePanel .wallet-daily-grid small{line-height:1.45;overflow-wrap:anywhere}
#myComputePanel .wallet-daily-grid b{display:block;margin-top:4px;font-size:19px;line-height:1.25}
#myComputePanel .wallet-topup-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0;margin:0}
#myComputePanel .wallet-settings-embedded{box-sizing:border-box;width:100%;min-width:0;margin:18px 0 0;padding:18px 20px;border:1px solid #d8e5f1;border-radius:15px;background:#fff}
#myComputePanel .wallet-settings-embedded .wallet-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;gap:12px}
#myComputePanel .wallet-settings-embedded .wallet-source-grid label{min-width:0;width:100%}
#myComputePanel .wallet-settings-embedded .wallet-source-grid select{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
#myComputePanel .wallet-settings-embedded .wallet-panel-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
@media(max-width:780px){#myComputePanel .compute-balance-grid{grid-template-columns:minmax(0,1fr)}#myComputePanel .wallet-settings-embedded .wallet-source-grid{grid-template-columns:minmax(0,1fr)}}

#myComputePanel .wallet-breeze-binding{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:14px;padding:14px;border:1px solid #d8e5f1;border-radius:12px;background:#f8fbff}
#myComputePanel .wallet-breeze-binding>label{display:grid;gap:7px;color:#40556a;font-weight:650}
#myComputePanel .wallet-breeze-binding input{width:100%;min-width:0;box-sizing:border-box;padding:11px;border:1px solid #d5e1ed;border-radius:10px;background:#fff;color:#253a4e;font:inherit}
#myComputePanel .wallet-breeze-binding-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
#myComputePanel .wallet-breeze-binding-actions small{flex-basis:100%;color:#708092}

/* Keep both provider credential flows together under API usage sources. */
#myComputePanel .wallet-api-binding{margin-top:18px;padding:17px;border:1px solid #d8e5f1;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f3f8fd);box-sizing:border-box}
#myComputePanel .wallet-api-binding-heading h4{margin:0;color:#203f66;font-size:17px}
#myComputePanel .wallet-api-binding-heading p{margin:4px 0 13px;color:#708092;font-size:13px}
#myComputePanel .wallet-api-binding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
#myComputePanel .wallet-api-binding-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:15px;border:1px solid #d7e4f1;border-radius:12px;background:#fff;box-sizing:border-box}
#myComputePanel .wallet-api-binding-card-head{display:flex;align-items:center;gap:10px;min-width:0}
#myComputePanel .wallet-api-binding-card-head>div{display:grid;gap:3px;min-width:0}
#myComputePanel .wallet-api-binding-card-head b{color:#203f66;font-size:14px}
#myComputePanel .wallet-api-binding-card-head small,#myComputePanel .wallet-api-binding-note,#myComputePanel .wallet-api-binding-status{color:#77899b;font-size:12px;line-height:1.5}
#myComputePanel .wallet-api-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;font-weight:800}
#myComputePanel .deepseek-mark{background:#edf2ff;color:#536dff}
#myComputePanel .breeze-mark{background:#eaf6f4;color:#248a81}
#myComputePanel .wallet-api-binding-body{display:flex;align-items:center;min-height:42px}
#myComputePanel .wallet-api-bind-button{margin:0!important}
#myComputePanel .wallet-api-binding-note{margin-top:auto}
#myComputePanel .wallet-breeze-binding{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#myComputePanel .wallet-breeze-key-label{display:grid;gap:6px;color:#40556a;font-size:13px;font-weight:650}
#myComputePanel .wallet-breeze-binding input{width:100%;min-width:0;box-sizing:border-box;padding:10px 11px;border:1px solid #d5e1ed;border-radius:9px;background:#fff;color:#253a4e;font:inherit}
#myComputePanel .wallet-breeze-binding-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#myComputePanel .wallet-breeze-binding-actions .own-setting-link{font-size:12px}
#myComputePanel .wallet-api-binding-status{display:block;min-height:18px}
@media(max-width:680px){#myComputePanel .wallet-api-binding{padding:13px}#myComputePanel .wallet-api-binding-grid{grid-template-columns:minmax(0,1fr);gap:10px}#myComputePanel .wallet-api-binding-card{padding:13px}}

/* BreezeBlue credentials sit in the open area of the upper DeepSeek card. */
#myComputePanel .compute-balance-grid>.compute-balance-card:not(.official){display:block;padding:18px}
#myComputePanel .wallet-upper-binding-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;min-width:0;height:100%}
#myComputePanel .wallet-deepseek-account-summary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
#myComputePanel .wallet-deepseek-account-summary>strong{color:var(--accent,#315fa8);font-size:33px;line-height:1.2}
#myComputePanel .wallet-deepseek-account-summary>.compute-explain{margin-top:0}
#myComputePanel .wallet-deepseek-account-summary>.outline{margin:2px 0 0;font-size:11px}
#myComputePanel .wallet-breeze-binding-upper{align-self:stretch;justify-content:center;min-width:0;padding:15px;border:1px solid #d6e3f1;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#eff6fd)}
#myComputePanel .wallet-api-mark.breeze-mark{background:#fff}
#myComputePanel .wallet-api-mark.breeze-mark svg{display:block;width:24px;height:24px;fill:#101010}
#myComputePanel .wallet-breeze-binding-upper .wallet-breeze-binding-actions{gap:7px}
#myComputePanel .wallet-breeze-binding-upper .wallet-breeze-binding-actions button,#myComputePanel .wallet-breeze-binding-upper .wallet-breeze-binding-actions a{font-size:11px}
@media(max-width:760px){#myComputePanel .wallet-upper-binding-grid{grid-template-columns:minmax(0,1fr);gap:14px}#myComputePanel .wallet-breeze-binding-upper{padding:13px}}

/* Match the DeepSeek balance and binding panel to the BreezeBlue card. */
#myComputePanel .wallet-deepseek-account-summary{align-items:stretch;padding:15px;border:1px solid #d6e3f1;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#eff6fd);box-sizing:border-box}
#myComputePanel .wallet-deepseek-account-summary .compute-card-heading{min-width:0}
#myComputePanel .wallet-deepseek-account-summary .compute-card-heading b{color:#203f66;font-size:14px}
#myComputePanel .wallet-deepseek-account-summary .compute-card-heading small{color:#77899b;font-size:11px}
#myComputePanel .wallet-deepseek-account-summary>strong{color:#315fa8;font-size:31px}
#myComputePanel .wallet-deepseek-account-summary>.compute-today-usage{margin-top:0;color:#20344d;font-size:12px}
#myComputePanel .wallet-deepseek-account-summary>.compute-explain{color:#77899b;font-size:11px;line-height:1.5}
#myComputePanel .wallet-deepseek-account-summary>.outline{align-self:flex-start;margin-top:2px;border-color:#cbdcf2;background:#fff;color:#315f9f}

/* BreezeBlue account links use the site's blue palette. */
#myComputePanel .wallet-breeze-binding-upper .own-setting-link{color:#315f9f;border:1px solid #cbdcf2;background:#fff}
#myComputePanel .wallet-breeze-binding-upper .own-setting-link:hover{color:#244e87;border-color:#a9c5e8;background:#f3f8ff}

/* Recharge presets and payment-method chooser. */
#myComputePanel .wallet-topup-section{display:grid;gap:8px;width:100%;margin-top:2px;padding:10px 12px;border:1px solid #d7e5f5;border-radius:12px;background:rgba(244,248,255,.92);box-sizing:border-box}
#myComputePanel .wallet-topup-section>b{color:#304b6b;font-size:12px}
#myComputePanel .wallet-topup-actions{display:flex;flex-wrap:wrap;gap:7px}
#myComputePanel .wallet-topup-actions button{min-width:54px;padding:8px 11px;border:1px solid #cbdcf2;border-radius:9px;background:#fff;color:#315f9f;font-size:12px;font-weight:700}
#myComputePanel .wallet-topup-actions button:hover{border-color:#8db4e5;background:#f2f7ff}
#myComputePanel .wallet-topup-actions .wallet-topup-custom{min-width:72px}
.wallet-method-dialog{width:min(92vw,430px)}
.wallet-custom-amount-row{display:grid;gap:7px;margin:12px 0;color:#315f9f;text-align:left;font-size:13px;font-weight:650}
.wallet-custom-amount-row[hidden]{display:none}
.wallet-custom-amount-row input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #cbdcf2;border-radius:10px;background:#fff;color:#203d60;font:inherit}
.wallet-payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 10px}
.wallet-payment-method{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid #cbdcf2;border-radius:12px;background:#fff;color:#203d60;text-align:left;cursor:pointer}
.wallet-payment-method:hover:not(:disabled){border-color:#86addf;background:#f3f8ff}
.wallet-payment-method:disabled{opacity:.6;cursor:not-allowed}
.wallet-payment-method>span:last-child{display:grid;gap:4px}
.wallet-payment-method b{font-size:14px}
.wallet-payment-method small{color:#7588a0;font-size:11px}
.wallet-payment-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#eef5ff;color:#315f9f;font-weight:800}
.wallet-method-status{display:block;min-height:20px;color:#58728d;font-size:12px;line-height:1.5}
.wallet-upper-binding-title{margin:0 0 12px;color:#203f66;font-size:16px}
@media(max-width:420px){.wallet-payment-methods{grid-template-columns:1fr}.wallet-method-dialog{padding:23px 18px}}

.wallet-method-dialog .wallet-method-mascot{display:grid;place-items:center;height:112px;margin:0 0 5px}
.wallet-method-dialog .wallet-method-mascot img{display:block;width:108px;height:108px;object-fit:contain}
#myComputePanel .wallet-upper-binding-title{text-align:center;width:100%;box-sizing:border-box}
#myComputePanel .compute-balance-grid>.compute-balance-card:not(.official){overflow:hidden}
#myComputePanel .wallet-upper-binding-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;gap:14px;box-sizing:border-box}
#myComputePanel .wallet-upper-binding-grid>*{width:100%;min-width:0;box-sizing:border-box}
@media(max-width:760px){#myComputePanel .wallet-upper-binding-grid{grid-template-columns:minmax(0,1fr)}}
#myComputePanel .wallet-balance-card .wallet-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start}
#myComputePanel .wallet-balance-card .wallet-card-head>div{grid-column:2;text-align:center;min-width:0}
#myComputePanel .wallet-balance-card .wallet-card-head>button{grid-column:3;justify-self:end}

#myComputePanel .wallet-balance-card>.wallet-balance-amount{display:block;align-self:center;width:100%;margin:10px 0 2px;color:#315fa8;text-align:center;font-size:40px;font-weight:800;line-height:1.15}
#myComputePanel .wallet-balance-card>.wallet-balance-amount span{font-size:inherit;font-weight:inherit}
#myComputePanel .wallet-balance-card .wallet-daily-grid{margin-top:10px}
#myComputePanel .wallet-balance-card .wallet-topup-section{margin-top:5px}
@media(max-width:560px){#myComputePanel .wallet-balance-card>.wallet-balance-amount{font-size:36px}}
#myComputePanel .wallet-balance-card .wallet-topup-section{display:flex;flex-direction:column;align-self:stretch;min-height:118px;width:100%;box-sizing:border-box;margin-top:5px;padding:10px 12px 12px;border:1px solid #d6e3f1;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#edf5ff)}
#myComputePanel .wallet-topup-section>b{font-size:14px}
#myComputePanel .wallet-balance-card .wallet-topup-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;flex:1;width:100%;gap:9px}
#myComputePanel .wallet-topup-actions button{width:100%;min-width:0;min-height:48px;padding:9px 6px;border-radius:10px;font-size:15px;font-weight:750;box-sizing:border-box}
#myComputePanel .wallet-topup-actions .wallet-topup-custom{min-width:0}
@media(max-width:560px){#myComputePanel .wallet-balance-card .wallet-topup-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#myComputePanel .wallet-topup-actions button{min-height:44px;font-size:14px}}
#myComputePanel .wallet-source-heading>div{width:100%;text-align:center}
#myComputePanel .wallet-source-heading .eyebrow{margin:0 0 5px;color:#20344d;font-size:20px;font-weight:800;letter-spacing:.02em}
#myComputePanel .wallet-source-heading h3{margin:0;color:#203f66;text-align:center}
#myComputePanel .wallet-settings-embedded .wallet-source-grid{grid-template-columns:minmax(0,1fr);gap:13px}
#myComputePanel .wallet-balance-card>.wallet-balance-amount{margin-top:0}

/* Align wallet/account cards as one visual group and use the supplied line art as a soft watermark. */
#myComputePanel .compute-balance-grid>.compute-balance-card:not(.official),
#myComputePanel .compute-balance-grid>.wallet-balance-card{border:1px solid #cbdcf2;border-radius:15px;background:linear-gradient(145deg,#f9fbff 0%,#eff6ff 100%);box-shadow:0 5px 18px rgba(41,83,132,.045)}
#myComputePanel .compute-balance-grid>.wallet-balance-card{position:relative;isolation:isolate;overflow:hidden}
#myComputePanel .wallet-balance-card::before{content:"";position:absolute;z-index:0;right:3%;bottom:-14px;width:min(66%,340px);aspect-ratio:640/586;background:url("./assets/wallet-watermark-line.png") center/contain no-repeat;opacity:.09;pointer-events:none}
#myComputePanel .wallet-balance-card>*{position:relative;z-index:1}
#myComputePanel .wallet-upper-binding-title,#myComputePanel .wallet-card-head b{color:#203f66;font-size:18px;font-weight:750;line-height:1.3}
#myComputePanel .wallet-deepseek-account-summary,#myComputePanel .wallet-breeze-binding-upper{align-self:stretch;justify-content:flex-start;background:#fff;border-color:#d4e2f2;border-radius:13px}
#myComputePanel .wallet-settings-embedded{width:min(100%,540px);margin:14px 0 0;padding:12px 14px;border-color:#d4e2f2;border-radius:13px;background:linear-gradient(145deg,#f9fbff,#f1f7ff)}
#myComputePanel .wallet-source-heading>div{text-align:left}
#myComputePanel .wallet-source-heading .eyebrow{margin:0 0 4px;color:#20344d;font-size:14px;font-weight:700;letter-spacing:0}
#myComputePanel .wallet-source-heading h3{margin:0;color:#203f66;font-size:17px;text-align:left}
@media(max-width:780px){#myComputePanel .wallet-settings-embedded{width:100%}}
#myComputePanel .wallet-balance-card::before{right:2%;bottom:-16px;width:min(74%,380px);opacity:.2}
#myComputePanel .wallet-balance-card>.wallet-balance-amount{font-size:34px}
#myComputePanel .wallet-balance-card>.wallet-balance-amount span{font-size:inherit}
@media(max-width:560px){#myComputePanel .wallet-balance-card>.wallet-balance-amount{font-size:31px}}
#myComputePanel .wallet-source-heading>div{width:100%;text-align:center}
#myComputePanel .wallet-source-heading .eyebrow{margin:0 0 8px;color:#20344d;font-size:20px;font-weight:800;letter-spacing:.02em;text-align:center}
#myComputePanel .wallet-source-warning{display:block;color:#ad4250;font-size:12px;font-weight:650;line-height:1.45}
#myComputePanel .wallet-source-warning[hidden]{display:none}
#myPage .my-tabs button{box-sizing:border-box;padding:8px 14px;border:1px solid transparent;border-radius:10px;background:transparent;transition:background .16s ease,border-color .16s ease,color .16s ease}
#myPage .my-tabs button.selected{border-color:#bfd2ec;background:#eaf2ff;color:#264f83;box-shadow:0 2px 7px rgba(44,87,142,.08)}
#myPage .my-tabs button.selected::after{display:none}
#myPage .my-tabs button:not(.selected):hover{border-color:#d9e5f3;background:#f8fbff;color:#365b86}
.breeze-center-dialog{width:min(680px,calc(100vw - 32px));max-height:80vh;overflow:auto;padding:24px;border:0;border-radius:18px;background:#f8fbff;color:#203f66;box-shadow:0 18px 60px rgba(18,55,100,.25)}.breeze-center-dialog::backdrop{background:rgba(17,44,77,.35)}.breeze-center-dialog h3{margin:0 0 5px;font-size:22px}.breeze-center-hint{color:#71859b;font-size:13px}.breeze-center-dialog input:not([type=checkbox]){width:100%;box-sizing:border-box;margin:8px 0;padding:11px 12px;border:1px solid #cbdcf1;border-radius:10px;background:#fff}.breeze-center-close{float:right;border:0;background:transparent;color:#69809a;font-size:25px;cursor:pointer}.breeze-voice-list{display:grid;gap:10px;margin-top:14px}.breeze-voice-item{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px;border:1px solid #d6e3f1;border-radius:12px;background:#fff}.breeze-voice-item small{display:block;color:#71859b}.breeze-voice-item audio{grid-column:1/-1;width:100%;height:32px}.breeze-voice-item button,.breeze-center-dialog .primary{border:1px solid #8fb5e7;border-radius:9px;padding:8px 14px;background:#eaf3ff;color:#245899;font-weight:700;cursor:pointer}.breeze-consent{display:block;margin:12px 0;color:#526b87;font-size:13px}
.breeze-voice-center{margin-top:14px;padding:16px;border:1px solid #cbdcf1;border-radius:16px;background:linear-gradient(145deg,#fff,#eef5ff)}
.breeze-voice-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.breeze-voice-center-head div{display:grid;gap:4px}.breeze-voice-center-head b{font-size:16px;color:#173654}.breeze-voice-center-head small,.breeze-voice-center-note{color:#71859b;font-size:12px}.breeze-voice-center-head span{padding:5px 10px;border-radius:999px;background:#e4efff;color:#315fa8;font-size:12px;font-weight:700}.breeze-voice-center-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.breeze-voice-center-note{display:block;margin-top:10px}
.breeze-center-dialog{width:min(980px,calc(100vw - 32px));max-height:84vh}.breeze-voice-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:stretch}.breeze-voice-item{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:start;gap:8px 12px;min-height:128px;padding:14px;border-color:#cbdcf1;border-radius:14px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 3px 12px rgba(40,78,125,.06)}.breeze-voice-item>div{min-width:0}.breeze-voice-item>div b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#203f66}.breeze-voice-item>div small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}.breeze-voice-item>button{grid-column:2;grid-row:1;align-self:start}.breeze-voice-item audio{grid-column:1/-1;align-self:end;width:100%;height:36px}
.breeze-center-dialog.breeze-library-loading{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center}.breeze-center-dialog.breeze-library-loading>:not(.breeze-voice-list):not(.breeze-center-close){display:none!important}.breeze-center-dialog.breeze-library-loading .breeze-center-close{position:absolute;top:12px;right:16px}.breeze-center-dialog.breeze-library-loading .breeze-voice-list{margin:0;color:#315f9f;font-size:18px;font-weight:700;text-align:center}
#breezeVoiceLibraryDialog,#breezeVoiceCloneDialog{border:0;padding:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:visible}#breezeVoiceLibraryDialog::backdrop,#breezeVoiceCloneDialog::backdrop{background:rgba(20,42,68,.35)}.breeze-voice-gender-switch{display:flex;gap:8px;margin:12px 0 16px}.breeze-voice-gender-switch button{min-width:92px;padding:9px 18px;border:1px solid #cbdcf1;border-radius:10px;background:#fff;color:#315f9f;font-weight:700;cursor:pointer}.breeze-voice-gender-switch button.active{border-color:#315fa8;background:#315fa8;color:#fff;box-shadow:0 3px 10px rgba(49,95,168,.18)}
#breezeVoiceLibraryDialog .breeze-center-dialog{width:min(840px,calc(100vw - 32px));max-height:76vh;padding:18px}#breezeVoiceLibraryDialog .breeze-center-dialog h3{font-size:20px;margin-bottom:8px}.breeze-voice-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px;margin-top:10px}.breeze-voice-item{min-height:98px;padding:10px;border-radius:11px;gap:5px 8px;box-shadow:0 1px 5px rgba(40,78,125,.04)}.breeze-voice-item>div small{-webkit-line-clamp:2;font-size:12px;line-height:1.35}.breeze-voice-item>button{padding:6px 10px;font-size:13px}.breeze-voice-item audio{height:30px}
#breezeVoiceLibraryDialog .breeze-center-dialog.breeze-library-loading .breeze-voice-list{gap:4px}.breeze-library-loading-title{font-size:14px;font-weight:700}.breeze-library-loading-note{color:#71859b;font-size:12px;font-weight:400}
#breezeVoiceLibraryDialog .breeze-center-dialog.breeze-library-loading{width:min(1026px,calc(100vw - 32px));height:min(585px,calc(100vh - 48px));min-height:min(420px,calc(100vh - 48px));max-height:calc(100vh - 48px);box-sizing:border-box}#breezeVoiceLibraryDialog .breeze-center-dialog.breeze-library-loading .breeze-voice-list{display:flex;width:min(360px,calc(100% - 48px));min-height:72px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:14px 20px;border:1px solid #cbdcf1;border-radius:12px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 3px 12px rgba(40,78,125,.06)}
/* Keep the voice library in the same large panel before and after loading. */
#breezeVoiceLibraryDialog .breeze-center-dialog{width:min(1026px,calc(100vw - 32px));height:min(585px,calc(100vh - 48px));min-height:min(420px,calc(100vh - 48px));max-height:calc(100vh - 48px);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}
#breezeCloneConfirmDialog .breeze-clone-confirm{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:24px}.breeze-clone-confirm h3{margin:0 0 10px}.breeze-clone-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.breeze-clone-confirm-actions button{min-width:90px}
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) .breeze-voice-list{display:grid;flex:1;min-height:0;overflow-y:auto;align-content:start}/* Anchor the header in the upper corners and let the voice grid fill the panel. */
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading){position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:0;padding:14px 18px 18px}
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) .breeze-center-close{position:absolute;top:10px;right:14px;z-index:2;float:none;width:38px;height:38px;display:grid;place-items:center;margin:0;padding:0;font-size:28px;line-height:1}
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) h3{align-self:start;margin:2px 48px 8px 0;font-size:21px;line-height:1.25}
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) .breeze-voice-gender-switch{align-self:start;gap:8px;margin:8px 0 12px}
#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) .breeze-voice-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-auto-rows:minmax(98px,auto);align-content:start;gap:10px;margin:0;padding:2px 5px 4px 0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:640px){#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading){padding:12px}#breezeVoiceLibraryDialog .breeze-center-dialog:not(.breeze-library-loading) .breeze-voice-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px}}

/* Test server compute source tiles and compact centered recharge panel. */
#myComputePanel .wallet-settings-embedded{box-sizing:border-box;width:min(100%,608px);margin:12px 0 0;padding:12px 14px;border-radius:13px}
#myComputePanel .wallet-settings-embedded .wallet-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#myComputePanel .wallet-source-field{display:grid;align-content:start;gap:7px;min-width:0}
#myComputePanel .wallet-source-label{color:#203b5d;font-size:14px;font-weight:750}
#myComputePanel .wallet-source-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
#myComputePanel .wallet-source-toggle button{display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:68px;padding:8px 6px;border:1px solid #cbdcf1;border-radius:11px;background:#fff;color:#526b87;text-align:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
#myComputePanel .wallet-source-toggle button b{color:#315277;font-size:14px;line-height:1.2}
#myComputePanel .wallet-source-toggle button small{color:#71859b;font-size:11px;font-weight:500;line-height:1.25}
#myComputePanel .wallet-source-toggle button:hover{border-color:#8fb4e3;background:#f6faff}
#myComputePanel .wallet-source-toggle button.selected{border:2px solid #3569ad;background:#eaf2ff;color:#244f87;box-shadow:0 2px 8px rgba(49,95,168,.12)}
#myComputePanel .wallet-source-toggle button.selected b{color:#244f87}
#myComputePanel .wallet-settings-embedded .wallet-panel-foot{gap:9px;margin-top:10px}
#myComputePanel .wallet-balance-card .wallet-daily-grid{margin:14px 0 8px}
#myComputePanel .wallet-balance-card .wallet-topup-section{min-height:98px;margin-top:0;padding:8px 12px 9px}
#myComputePanel .wallet-balance-card .wallet-topup-section>b{text-align:center}
#myComputePanel .wallet-balance-card .wallet-topup-actions{display:flex;flex-wrap:wrap;justify-content:center;flex:0 0 auto;gap:8px}
#myComputePanel .wallet-balance-card .wallet-topup-actions button{width:76px;min-height:46px}
#myComputePanel .wallet-pricing-note{margin:0;color:#526b89;font-size:12px;font-weight:700;line-height:1.55;text-align:center}
@media(max-width:780px){#myComputePanel .wallet-settings-embedded .wallet-source-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){#myComputePanel .wallet-source-toggle{gap:7px}#myComputePanel .wallet-source-toggle button{min-height:64px;padding:7px 4px}#myComputePanel .wallet-source-toggle button b{font-size:13px}#myComputePanel .wallet-source-toggle button small{font-size:10px}#myComputePanel .wallet-balance-card .wallet-topup-actions button{width:72px}}

/* Stacked compute source controls and detailed wallet history dialog. */
#myComputePanel .wallet-source-toggle{grid-template-columns:minmax(0,1fr);gap:7px}
#myComputePanel .wallet-source-toggle button{min-height:54px;grid-template-columns:minmax(0,1fr);background:#e6e9ee;border-color:#d6dbe2;color:#687789}
#myComputePanel .wallet-source-toggle button b{color:#607083}
#myComputePanel .wallet-source-toggle button small{color:#7b8795}
#myComputePanel .wallet-source-toggle button:hover{background:#dfe4eb;border-color:#cbd3de}
#myComputePanel .wallet-source-toggle button.selected{border:2px solid #3569ad;background:#eaf2ff;color:#244f87;box-shadow:0 2px 8px rgba(49,95,168,.12)}
#myComputePanel .wallet-source-toggle button.selected b{color:#244f87}
#myComputePanel .wallet-card-head{align-items:center;min-width:0}
#myComputePanel .wallet-card-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
#myComputePanel .wallet-history-open{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;font-size:12px;white-space:nowrap}
#myComputePanel .wallet-history-open span{display:inline-grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:#e8f0fc;color:#315f9f;font-size:10px}
.wallet-history-dialog{width:min(720px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(82vh,760px);padding:0;border:1px solid #d3e1f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f3f8ff);color:#20344d;box-shadow:0 18px 60px rgba(26,57,94,.24)}
.wallet-history-dialog::backdrop{background:rgba(18,42,70,.38);backdrop-filter:blur(3px)}
.wallet-history-dialog-content{display:flex;max-height:min(82vh,760px);flex-direction:column;padding:20px}
.wallet-history-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.wallet-history-dialog-head .eyebrow{margin-bottom:3px;color:#617892;font-size:12px}
.wallet-history-dialog-head h2{margin:0;color:#24486f;font-size:22px}
.wallet-history-dialog-head p{margin:5px 0 0;color:#70839a;font-size:13px}
.wallet-history-dialog-head .close{position:static;flex:0 0 auto}
.wallet-history-modal-list{display:grid;gap:8px;min-height:100px;overflow:auto;padding:2px 3px 2px 0;overscroll-behavior:contain}
.wallet-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dce7f3;border-radius:12px;background:rgba(255,255,255,.88)}
.wallet-history-row-main{display:grid;min-width:0;gap:5px}
.wallet-history-row-heading{display:flex;align-items:center;gap:8px;min-width:0}
.wallet-history-row-title{overflow:hidden;color:#294665;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.wallet-history-provider{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#eaf1ff;color:#315f9f;font-size:10px;font-weight:750}
.wallet-history-provider.breeze{background:#eef3f0;color:#427265}
.wallet-history-row-detail{color:#667b93;font-size:12px;line-height:1.45}
.wallet-history-row-time{color:#8a98a8;font-size:11px}
.wallet-history-row-amount{align-self:start;font-size:16px;white-space:nowrap}
.wallet-history-row-amount.debit{color:#c65a44}
.wallet-history-row-amount.credit{color:#168456}
.wallet-history-empty{display:grid;min-height:120px;place-items:center;border:1px dashed #ccd9e8;border-radius:12px;color:#8191a3;font-size:14px}
@media(max-width:560px){#myComputePanel .wallet-card-head-actions{gap:5px}#myComputePanel .wallet-history-open{padding:6px;font-size:11px}.wallet-history-dialog-content{padding:15px}.wallet-history-dialog-head h2{font-size:20px}.wallet-history-row{padding:10px}.wallet-history-row-title{font-size:13px}.wallet-history-row-amount{font-size:14px}}

/* Keep the title centered and place the compact history action just before refresh. */
#myComputePanel .wallet-balance-card .wallet-card-head-actions{grid-column:3;justify-self:end}
#myComputePanel .wallet-balance-card .wallet-history-open{padding:6px 9px;min-height:32px;font-size:12px;line-height:1.2}
#myComputePanel .wallet-balance-card .wallet-pricing-note{color:#203f66}

/* Match the deduction settings card to one upper API binding card. */
#myComputePanel .wallet-settings-embedded{width:calc((100% - 16px)/2);margin-left:0;margin-right:0}
#myComputePanel .wallet-settings-embedded .wallet-source-heading>div{width:100%;text-align:center}
#myComputePanel .wallet-settings-embedded .wallet-source-heading .eyebrow{text-align:center}
#myComputePanel .wallet-settings-embedded .wallet-panel-foot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#myComputePanel .wallet-settings-embedded #walletStatus{text-align:center}
@media(max-width:780px){#myComputePanel .wallet-settings-embedded{width:100%}}

/* Keep wallet actions together at the upper-right of the centered title row. */
#myComputePanel .wallet-balance-card .wallet-card-head>div.wallet-card-head-actions{grid-column:3;display:flex;flex-direction:row;align-items:center;justify-self:end;gap:7px;text-align:right}
#myComputePanel .wallet-balance-card .wallet-card-head-actions button{min-height:32px;padding:6px 8px;font-size:12px;line-height:1.2;white-space:nowrap}

/* Smoothly animate the active billing source and give it clear contrast. */
#myComputePanel .wallet-source-toggle button{background-color:#e5e8ed;color:#68778a;transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .18s ease}
#myComputePanel .wallet-source-toggle button b,#myComputePanel .wallet-source-toggle button small{color:inherit;transition:color .24s ease}
#myComputePanel .wallet-source-toggle button:hover:not(.selected){border-color:#aab6c5;background-color:#dce1e8;color:#526276}
#myComputePanel .wallet-source-toggle button.selected{border:2px solid #173f78;background:#173f78;color:#fff;box-shadow:0 4px 12px rgba(23,63,120,.24)}
#myComputePanel .wallet-source-toggle button.selected b,#myComputePanel .wallet-source-toggle button.selected small{color:#fff}
#myComputePanel .wallet-source-toggle button:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){#myComputePanel .wallet-source-toggle button,#myComputePanel .wallet-source-toggle button b,#myComputePanel .wallet-source-toggle button small{transition:none}}

/* Compact white pill for the wallet balance amount. */
#myComputePanel .wallet-balance-card>.wallet-balance-amount{display:inline-block;justify-self:center;width:auto;max-width:100%;box-sizing:border-box;margin:0;padding:3px 12px;border:1px solid #dce7f3;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(35,69,110,.06);font-size:30px;line-height:1.15;white-space:nowrap}
#myComputePanel .wallet-balance-card>.wallet-balance-amount span{font-size:inherit}
@media(max-width:560px){#myComputePanel .wallet-balance-card>.wallet-balance-amount{font-size:28px;padding:3px 10px}}

/* Improve contrast for inactive wallet-source choices. */
#myComputePanel .wallet-source-toggle button:not(.selected){color:#111827}
#myComputePanel .wallet-source-toggle button:not(.selected) b,#myComputePanel .wallet-source-toggle button:not(.selected) small{color:#111827}
#myComputePanel .wallet-source-toggle button:hover:not(.selected){color:#111827}

/* Center the balance pill in both grid and flex card layouts; tighten header actions. */
#myComputePanel .wallet-balance-card>.wallet-balance-amount{display:block;width:max-content;max-width:100%;margin:0 auto;justify-self:center;align-self:center;text-align:center}
#myComputePanel .wallet-balance-card .wallet-card-head-actions button{height:28px;min-height:28px;padding:4px 6px;border-radius:8px;font-size:11px;line-height:1.1}

/* Separate each provider's billing settings into its own white card. */
#myComputePanel .wallet-settings-embedded .wallet-source-grid{gap:18px}
#myComputePanel .wallet-settings-embedded .wallet-source-field{gap:11px;padding:13px;border:1px solid #d5e2ef;border-radius:13px;background:#fff;box-shadow:0 3px 10px rgba(34,66,103,.05)}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle{--wallet-toggle-gap:9px;position:relative;isolation:isolate;gap:var(--wallet-toggle-gap)}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle::before{content:";position:absolute;z-index:0;top:0;left:0;right:0;height:calc((100% - var(--wallet-toggle-gap))/2);border-radius:11px;background:#173f78;box-shadow:0 4px 12px rgba(23,63,120,.24);pointer-events:none;transform:translateY(0);transition:transform 2s cubic-bezier(.22,.76,.28,1)}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle.wallet-active-second::before{transform:translateY(calc(100% + var(--wallet-toggle-gap)))}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle button{position:relative;z-index:1;transition:background-color 2s ease,color 2s ease,border-color 2s ease,box-shadow 2s ease,transform .18s ease}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle button.selected{background:transparent;border-color:#173f78;color:#fff;box-shadow:none}
#myComputePanel .wallet-settings-embedded .wallet-source-toggle button.selected b,#myComputePanel .wallet-settings-embedded .wallet-source-toggle button.selected small{color:#fff;transition:color 2s ease}
@media(max-width:780px){#myComputePanel .wallet-settings-embedded .wallet-source-grid{gap:14px}#myComputePanel .wallet-settings-embedded .wallet-source-field{padding:12px}}

/* Give the API account cards more room while adapting cleanly to narrow screens. */
@media(min-width:981px){#myComputePanel .compute-balance-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
#myComputePanel .wallet-upper-binding-grid{gap:16px}
#myComputePanel .wallet-deepseek-account-summary,#myComputePanel .wallet-breeze-binding-upper{min-height:270px;padding:18px;border-radius:14px;background:#fff;box-sizing:border-box}
#myComputePanel .wallet-deepseek-account-summary .compute-card-heading b,#myComputePanel .wallet-api-binding-card-head b{font-size:16px;line-height:1.35}
#myComputePanel .wallet-breeze-binding-upper .wallet-breeze-key-label input{min-height:46px}
@media(max-width:980px){#myComputePanel .compute-balance-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){#myComputePanel .wallet-deepseek-account-summary,#myComputePanel .wallet-breeze-binding-upper{min-height:0;padding:15px}}

/* Move both API binding cards down by five pixels as one group. */
#myComputePanel .wallet-upper-binding-grid{margin-top:15px!important;transform:none}

/* Remove the generic personal-space intro block above the tab bar. */
#myPage>.intro{display:none!important}

.wallet-identity-recharge-notice{display:block;color:#b54a42;font-size:12px;font-weight:700;line-height:1.5}.wallet-identity-recharge-notice[hidden]{display:none!important}.wallet-topup-actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}