/* Independent child customer portal. Load AFTER customer-blue-20260915.css.
   Colors only; no layout, business behavior or avatar image transforms. */
.key-page[data-v-0ad39f9c]{--brand:#74c89f;--brand-dark:#57a57f;--brand-soft:#f1fbf6;--ink:#365d4a;--muted:#88a898;--line:#e4f3ec;--sky-ink:#365d4a;--sky-muted:#88a898;--sky-line:#e4f3ec;--sky-blue:#8ad7b2;--sky-blue-deep:#66ba91;--sky-gold:#98d2b6;--sky-gold-deep:#6ac79a;--portal-ink:#365d4a;--portal-ink-2:#588b72;--portal-green:#74c89f;--portal-green-bright:#8ad7b2;--portal-gold:#c3ecd8;--portal-muted:#88a898;--portal-line:#e4f3ec;color:#365d4a;background:radial-gradient(ellipse at 15% 8%,#e0f7ec 0,transparent 55%),radial-gradient(ellipse at 88% 40%,#e9f9f1 0,transparent 47%),linear-gradient(165deg,#edfaf3,#eff9f4 53%,#f7fbf9)}
.key-page[data-v-0ad39f9c]::before{background-image:radial-gradient(#91d7b53b .65px,transparent .65px)}
.key-page[data-v-0ad39f9c]::after{text-shadow:740px 200px 0 #cdeddd6b}
.key-page[data-v-0ad39f9c] .page-inner{background:linear-gradient(150deg,#ffffffed,#f9fdfbf0 70%,#f7fdfaed);box-shadow:0 20px 70px -25px #65aa8855,0 4px 18px #80b69b10,inset 0 1px 0 #fff}
.key-page[data-v-0ad39f9c] button:focus-visible,.key-page[data-v-0ad39f9c] a:focus-visible{outline:3px solid #8dd8b3}
.key-page[data-v-0ad39f9c] .brand-icon{background:linear-gradient(145deg,#fafefc,#e5f8ef);border:1px solid #d4f2e3;box-shadow:0 4px 12px #91cfb11c,inset 0 1px 0 #fff;color:#3b9167}
.key-page[data-v-0ad39f9c] .brand-name{color:#537966}
.key-page[data-v-0ad39f9c] .topbar h1{color:#2f5c46}
.key-page[data-v-0ad39f9c] .support-btn,.key-page[data-v-0ad39f9c] .copy-key-btn{border:1px solid #e2f4eb;color:#4f7d66}
.key-page[data-v-0ad39f9c] .support-btn span{background:#f1fbf6;color:#478567}
.key-page[data-v-0ad39f9c] .support-btn:hover,.key-page[data-v-0ad39f9c] .copy-key-btn:hover{color:#478567;background:#eefbf5;border-color:#ceedde}
.key-page[data-v-0ad39f9c] .glass,.key-page[data-v-0ad39f9c] .panel{border:1px solid #e4f3ec;box-shadow:0 6px 18px -8px #7dba9c1a}
.key-page[data-v-0ad39f9c] .action-btn,.key-page[data-v-0ad39f9c] .action-btn.pink,.key-page[data-v-0ad39f9c] .action-btn.purple{border:1px solid #e3f6ed;background:linear-gradient(125deg,#f5fdf9,#fff);box-shadow:0 3px 6px #91c3aa08;color:#477960}
.key-page[data-v-0ad39f9c] .action-btn:hover{border-color:#cbeedd;box-shadow:0 5px 16px #91c3aa19}
.key-page[data-v-0ad39f9c] .ab-ic{background:linear-gradient(140deg,#97e2bd,#6eca9e);box-shadow:0 3px 10px #6cc79b30}
.key-page[data-v-0ad39f9c] .purple .ab-ic{background:linear-gradient(135deg,#b0e7cd,#95ceb3);box-shadow:0 3px 10px #9cc6b22b}
.key-page[data-v-0ad39f9c] .ab-tx b{color:#477960}
.key-page[data-v-0ad39f9c] .ab-tx small{color:#557766}
.key-page[data-v-0ad39f9c] .info-bar{border:1px solid #e8f2ed}
.key-page[data-v-0ad39f9c] .blue-account-icon{background:#effaf5;color:#498366}
.key-page[data-v-0ad39f9c] .blue-account-name{color:#487860}
.key-page[data-v-0ad39f9c] .blue-account-meta{color:#557766}
.key-page[data-v-0ad39f9c] .blue-account-meta span+span:before{color:#557766}
.key-page[data-v-0ad39f9c] .blue-account-security{color:#557766}
.key-page[data-v-0ad39f9c] .view-tabs{background:#f2f9f6;border:1px solid #e4f3ec}
.key-page[data-v-0ad39f9c] .view-tabs button{color:#577566}
.key-page[data-v-0ad39f9c] .view-tabs button.active{color:#418b67;box-shadow:0 2px 6px #618e7813}
.key-page[data-v-0ad39f9c] .view-tabs button:hover:not(.active){color:#4c8066}
.key-page[data-v-0ad39f9c] .blue-order-hero{background:radial-gradient(ellipse at 89% 10%,#f7fdfa,transparent 70%)}
.key-page[data-v-0ad39f9c] .blue-eyebrow{color:#547866}
.key-page[data-v-0ad39f9c] .days-num{color:#3b9167}
.key-page[data-v-0ad39f9c] .days-num .big-red{color:#3b9167}
.key-page[data-v-0ad39f9c] .days-sep{color:#4e7e67}
.key-page[data-v-0ad39f9c] .days-unit{color:#527a66}
.key-page[data-v-0ad39f9c] .days-labels{color:#557766}
.key-page[data-v-0ad39f9c] .days-labels span+span:before{color:#567666}
.key-page[data-v-0ad39f9c] .blue-avatar-halo{border:1px solid #e2f6ec;box-shadow:0 0 0 12px #f5fcf980;background:radial-gradient(#e3f7ed70,#f5fdf911)}
.key-page[data-v-0ad39f9c] .blue-avatar-caption{color:#537966}
.key-page[data-v-0ad39f9c] .blue-avatar-spark{color:#369667}
.key-page[data-v-0ad39f9c] .blue-schedule-row{border-top:1px solid #f0f7f4;border-bottom:1px solid #f0f7f4}
.key-page[data-v-0ad39f9c] .blue-schedule-row .meta-k{color:#547866}
.key-page[data-v-0ad39f9c] .blue-schedule-row .meta-v{color:#4f7d66}
.key-page[data-v-0ad39f9c] .meta-item.blue-execution{border:1px solid #e5f8ef;background:linear-gradient(130deg,#f4fcf8,#f9fefc)}
.key-page[data-v-0ad39f9c] .blue-status-icon{background:#e7f9f0;color:#3d8f67}
.key-page[data-v-0ad39f9c] .blue-execution-title{color:#428765}
.key-page[data-v-0ad39f9c] .blue-execution-description{color:#517b66}
.key-page[data-v-0ad39f9c] .badge{background:#75c8a0;border:1px solid #6dc299}
.key-page[data-v-0ad39f9c] .blue-journey-step{color:#517b66}
.key-page[data-v-0ad39f9c] .blue-journey-line{background:#e3f1ea}
.key-page[data-v-0ad39f9c] .blue-journey-line.active{background:#b1e4cb}
.key-page[data-v-0ad39f9c] .blue-journey-step>span{background:#ecf5f1;border:1px solid #e4f1eb}
.key-page[data-v-0ad39f9c] .blue-journey-step.done{color:#4a8267}
.key-page[data-v-0ad39f9c] .blue-journey-step.done>span{background:#e5f9ef;border-color:#ddf4e9;color:#418b67}
.key-page[data-v-0ad39f9c] .blue-journey-step.current{color:#3f8d67}
.key-page[data-v-0ad39f9c] .blue-journey-step.current>span{background:#7dcca6;border-color:#74c79f;box-shadow:0 0 0 4px #e0f6eb8f}
.key-page[data-v-0ad39f9c] .blue-execution-note{border-top:1px solid #e4f4ec80;color:#547866}
.key-page[data-v-0ad39f9c] .blue-state-unknown .badge{background:#eaf4ef;border-color:#deede6;color:#577566}
.key-page[data-v-0ad39f9c] .blue-service-summary{color:#557766}
.key-page[data-v-0ad39f9c] .blue-service-summary strong{color:#4d7f66}
.key-page[data-v-0ad39f9c] .order-no{border-top:1px dashed #e2f1ea;color:#567666}
.key-page[data-v-0ad39f9c] .order-no b{color:#557766}
.key-page[data-v-0ad39f9c] .copy-sm{color:#4b8167;background:#f2faf6;border:1px solid #e6f5ee}
.key-page[data-v-0ad39f9c] .copy-sm:hover{background:#e9f9f1}
.key-page[data-v-0ad39f9c] .pager span{background:#dcf0e6}
.key-page[data-v-0ad39f9c] .pager span.on{background:#aedec7}
.key-page[data-v-0ad39f9c] .relogin,.key-page[data-v-0ad39f9c] .next-btn,.key-page[data-v-0ad39f9c] .submit,.key-page[data-v-0ad39f9c] .btn-primary{border:1px solid #65bf93;background:linear-gradient(110deg,#7ad4a8,#68bd94);box-shadow:0 6px 16px #6bbd9531}
.key-page[data-v-0ad39f9c] .relogin:hover,.key-page[data-v-0ad39f9c] .next-btn:hover:not(:disabled),.key-page[data-v-0ad39f9c] .submit:hover:not(:disabled),.key-page[data-v-0ad39f9c] .btn-primary:hover:not(:disabled){background:linear-gradient(110deg,#6aca9c,#59b488);box-shadow:0 7px 20px #64b88f40}
.key-page[data-v-0ad39f9c] .panel-title{color:#4a7a63}
.key-page[data-v-0ad39f9c] .assets-hint{color:#567666}
.key-page[data-v-0ad39f9c] .asset-cell{border:1px solid #e9f5ef;background:#fcfefd}
.key-page[data-v-0ad39f9c] .asset-cell:hover{border-color:#d7f1e4;background:#f7fdfa}
.key-page[data-v-0ad39f9c] .asset-ic{background:linear-gradient(140deg,#e9f7f0,#f6fdfa)}
.key-page[data-v-0ad39f9c] .asset-label{color:#537966}
.key-page[data-v-0ad39f9c] .asset-amount{color:#507c66}
.key-page[data-v-0ad39f9c] .asset-delta.zero{color:#557766}
.key-page[data-v-0ad39f9c] .foot{color:#4f7d66}
.key-page[data-v-0ad39f9c] .order-summary{border:1px solid #e4f6ed;background:linear-gradient(115deg,#eefbf5,#e6f8ef);color:#4d7f66}
.key-page[data-v-0ad39f9c] .summary-eyebrow{color:#4e7e67}
.key-page[data-v-0ad39f9c] .summary-head strong{color:#4a8267}
.key-page[data-v-0ad39f9c] .summary-head small{color:#517b66}
.key-page[data-v-0ad39f9c] .days-badge{border:1px solid #d4efe2;color:#478567}
.key-page[data-v-0ad39f9c] .days-badge b{color:#438967}
.key-page[data-v-0ad39f9c] .days-badge small{color:#4f7d66}
.key-page[data-v-0ad39f9c] .steps{color:#547866}
.key-page[data-v-0ad39f9c] .steps b{background:#eff9f4;border:1px solid #e5f2ec;color:#537966}
.key-page[data-v-0ad39f9c] .steps i{background:#e4f2eb}
.key-page[data-v-0ad39f9c] .steps .active,.key-page[data-v-0ad39f9c] .steps .done{color:#458767}
.key-page[data-v-0ad39f9c] .steps .active b{background:#88ceac;border-color:#88ceac;box-shadow:0 3px 9px #6ba58821}
.key-page[data-v-0ad39f9c] .steps .done b{background:#e5f8ef;color:#428a67;border-color:#dbf4e8}
.key-page[data-v-0ad39f9c] .form-heading strong{color:#4e7e66}
.key-page[data-v-0ad39f9c] .form-heading>div>span{color:#4d7f67}
.key-page[data-v-0ad39f9c] .form-heading small{color:#557766}
.key-page[data-v-0ad39f9c] .ch-card{border:1px solid #e3f2eb;color:#517b66}
.key-page[data-v-0ad39f9c] .ch-card:hover:not(.disabled){border-color:#bde6d2;background:#f7fdfa}
.key-page[data-v-0ad39f9c] .ch-card.active{color:#4b8167;border-color:#9fdbbe;background:#f1fbf6;box-shadow:0 0 0 2px #eefaf4}
.key-page[data-v-0ad39f9c] .ch-icon{color:#4a8267;background:#f2faf6}
.key-page[data-v-0ad39f9c] .ch-card.active .ch-icon{background:#e5f9ef;color:#468667}
.key-page[data-v-0ad39f9c] .ch-text{color:#4f7d67}
.key-page[data-v-0ad39f9c] .ch-desc{color:#547866}
.key-page[data-v-0ad39f9c] .ch-check{background:#9bd5b9}
.key-page[data-v-0ad39f9c] .ch-soon{border-color:#e4efea;background:#f4fbf8;color:#567666}
.key-page[data-v-0ad39f9c] .more-channel-btn,.key-page[data-v-0ad39f9c] .link-back,.key-page[data-v-0ad39f9c] .verify-link{border-color:#e0f2e9;color:#4b8167;background:#f2faf6}
.key-page[data-v-0ad39f9c] .more-channel-btn:hover,.key-page[data-v-0ad39f9c] .link-back:hover,.key-page[data-v-0ad39f9c] .verify-link:hover{color:#438967;background:#eefbf5}
.key-page[data-v-0ad39f9c] .time-icon{color:#498367}
.key-page[data-v-0ad39f9c] .tip-box{border:1px solid #e6f5ee;background:#f3faf7e0;color:#547866}
.key-page[data-v-0ad39f9c] .tip-box b{color:#557766}
.key-page[data-v-0ad39f9c] .tip-ic{color:#438967;background:#e8f8f0}
.key-page[data-v-0ad39f9c] .modal-mask,.key-page[data-v-0ad39f9c] .login-sheet,.key-page[data-v-0ad39f9c] .announcement-sheet{background:#406c5645!important}
.key-page[data-v-0ad39f9c] .login-card,.key-page[data-v-0ad39f9c] .announcement-card,.key-page[data-v-0ad39f9c] .modal{background:#fcfefd!important;color:#365d4a!important;box-shadow:0 30px 100px #3b715730!important}
.key-page[data-v-0ad39f9c] .login-close{border:1px solid #e5f4ed;background:#f5fcf9;color:#4f7d66}
.key-page[data-v-0ad39f9c] .login-ic,.key-page[data-v-0ad39f9c] .announcement-icon,.key-page[data-v-0ad39f9c] .key-entry-icon{border:1px solid #e0f3ea;background:#edfaf4;color:#3b9167}
.key-page[data-v-0ad39f9c] .login-card h2,.key-page[data-v-0ad39f9c] .inline-login-card h2,.key-page[data-v-0ad39f9c] .modal h2{color:#4c8067!important}
.key-page[data-v-0ad39f9c] .login-sub{color:#557766}
.key-page[data-v-0ad39f9c] .login-sub b{color:#4c8067}
.key-page[data-v-0ad39f9c] .input,.key-page[data-v-0ad39f9c] .textarea,.key-page[data-v-0ad39f9c] .inline-login-card .input,.key-page[data-v-0ad39f9c] .time-input{border:1px solid #e0f2e9;color:#527a66}
.key-page[data-v-0ad39f9c] .input::placeholder,.key-page[data-v-0ad39f9c] .textarea::placeholder{color:#567666}
.key-page[data-v-0ad39f9c] .input:focus,.key-page[data-v-0ad39f9c] .textarea:focus,.key-page[data-v-0ad39f9c] .time-input:focus{border-color:#9ddbbd;box-shadow:0 0 0 3px #edfbf4}
.key-page[data-v-0ad39f9c] .input:disabled{background:#f2f8f5;color:#557766}
.key-page[data-v-0ad39f9c] .submit.ghost,.key-page[data-v-0ad39f9c] .inline-login-card .submit.ghost,.key-page[data-v-0ad39f9c] .btn-outline{border:1px solid #daf2e6;background:#f1fbf6;color:#468667}
.key-page[data-v-0ad39f9c] .submit.ghost:hover:not(:disabled){color:#4a8267;background:#e9faf2}
.key-page[data-v-0ad39f9c] .notice,.key-page[data-v-0ad39f9c] .login-status-hint,.key-page[data-v-0ad39f9c] .inline-login-card .login-status-hint{border:1px solid #e5f4ed;background:#f3faf7;color:#527a66}
.key-page[data-v-0ad39f9c] .notice b{color:#4d7f66}
.key-page[data-v-0ad39f9c] .announcement-badge{color:#4f7d66}
.key-page[data-v-0ad39f9c] .announcement-card>p{color:#557766}
.key-page[data-v-0ad39f9c] .service-qq{border:1px solid #e3f5ec;background:#f1fcf7;color:#4d7f67}
.key-page[data-v-0ad39f9c] .inline-login-section .inline-login-card{background:linear-gradient(150deg,#ffffffef,#f9fdfbf2)!important;box-shadow:0 16px 50px -20px #65aa8835!important}
.key-page[data-v-0ad39f9c] .inline-login-card .inline-back{border:1px solid #e2f6ec;background:#f1fbf6;color:#4b8167}
.key-page[data-v-0ad39f9c] .login-step-label{color:#517b66}
.key-page[data-v-0ad39f9c] .field-label{color:#537966}
.key-page[data-v-0ad39f9c] .platform-opt{border:1px solid #dff2e9;background:#fafefc;color:#507c66}
.key-page[data-v-0ad39f9c] .platform-opt.active,.key-page[data-v-0ad39f9c] .inline-login-card .platform-opt.active{color:#468667;border:1px solid #a1d7bd;background:#eefbf5;box-shadow:0 0 0 2px #edfbf4}
.key-page[data-v-0ad39f9c] .pwd-toggle{background:#f1fbf6;color:#4a8267;border-color:#e0f3ea}
.key-page[data-v-0ad39f9c] .qr-panel,.key-page[data-v-0ad39f9c] .inline-login-card .qr-panel{border:1px solid #e0f2e9;background:#f9fdfb;color:#4f7d67}
.key-page[data-v-0ad39f9c] .login-feedback{border:1px solid #e0f3ea;background:#f1fcf7;color:#498367}
.key-page[data-v-0ad39f9c] .login-feedback b{color:#4d7f67}
.key-page[data-v-0ad39f9c] .login-feedback small{color:#527a66}
.key-page[data-v-0ad39f9c] .verified-no-order{border:1px solid #e0f4ea;background:#f6fdfa;color:#507c66}
.key-page[data-v-0ad39f9c] .verified-no-order b{color:#4f7d66}
.key-page[data-v-0ad39f9c] .verified-no-order small{color:#547866}
.key-page[data-v-0ad39f9c] .verified-no-order button{border:1px solid #78c39f;background:#7ec8a4}
.key-page[data-v-0ad39f9c] .inline-login-section[role="alert"]{box-shadow:0 16px 50px -20px #65aa8835}
.key-page[data-v-0ad39f9c] .key-entry-card{border:1px solid #e6f4ed}
.key-page[data-v-0ad39f9c] .key-entry-step{color:#517b66}
.key-page[data-v-0ad39f9c] .key-entry-card h2{color:#4c8067}
.key-page[data-v-0ad39f9c] .key-entry-desc{color:#547866}
.key-page[data-v-0ad39f9c] .key-entry-hint{color:#547866}
.key-page[data-v-0ad39f9c] .state-box{border-color:#e6f4ed}
.key-page[data-v-0ad39f9c] .state-box h2{color:#4e7e66}
.key-page[data-v-0ad39f9c] .state-box p{color:#547866}
.key-page[data-v-0ad39f9c] .state-mark{border-color:#c1e8d5}
.key-page[data-v-0ad39f9c] .state-mark.warn{border-color:#ddf0e7;color:#4e7e67}
/* Mint canvas, white cards and deep forest typography. */
.key-page[data-v-0ad39f9c]{--brand:#348262;--brand-dark:#276b50;--brand-soft:#edf8f1;--ink:#294f3f;--muted:#5f7a69;--line:#dcece1;--sky-ink:#294f3f;--sky-muted:#5f7a69;--sky-line:#dcece1;--sky-blue:#88bca0;--sky-blue-deep:#348262;--sky-gold:#b9dcc7;--sky-gold-deep:#348262;--portal-ink:#294f3f;--portal-ink-2:#476c58;--portal-green:#348262;--portal-green-bright:#75ae8f;--portal-gold:#cae7d4;--portal-muted:#5f7a69;--portal-line:#dcece1;color:#294f3f;background:radial-gradient(ellipse at 15% 8%,#d9f0df 0,transparent 55%),radial-gradient(ellipse at 88% 40%,#e6f4e8 0,transparent 47%),linear-gradient(165deg,#edf8f0,#eff7f0 53%,#f8fbf7)}
.key-page[data-v-0ad39f9c] .page-inner{background:linear-gradient(150deg,#ffffffed,#f8fcf9f0 70%,#f5fbf6ed);box-shadow:0 20px 70px -25px #53876840,0 4px 18px #73a08610,inset 0 1px 0 #fff}
.key-page[data-v-0ad39f9c] .topbar h1{color:#284e3c}
.key-page[data-v-0ad39f9c] .brand-icon{background:linear-gradient(145deg,#fbfffc,#e1f2e7);border-color:#cfe7d7;color:#478e69}
.key-page[data-v-0ad39f9c] .brand-icon svg path:first-child{fill:#9bcdae;stroke:#5d9875}
.key-page[data-v-0ad39f9c] .brand-icon svg path:nth-child(2){fill:#d6ecde}
.key-page[data-v-0ad39f9c] .brand-icon svg path:nth-child(3){stroke:#5d9875}
.key-page[data-v-0ad39f9c] .ab-ic{background:linear-gradient(140deg,#82bb9b,#549473);box-shadow:0 3px 10px #578f6e29}
.key-page[data-v-0ad39f9c] .purple .ab-ic{background:linear-gradient(135deg,#aec9a8,#809e79);box-shadow:0 3px 10px #90a48624}
.key-page[data-v-0ad39f9c] .view-tabs button.active{color:#367e5f}
.key-page[data-v-0ad39f9c] .days-num,.key-page[data-v-0ad39f9c] .days-num .big-red{color:#4a9870}
.key-page[data-v-0ad39f9c] .days-sep,.key-page[data-v-0ad39f9c] .days-unit{color:#789981}
.key-page[data-v-0ad39f9c] .badge{background:#397d5e;border-color:#317355;color:#fff}
.key-page[data-v-0ad39f9c] .blue-state-waiting .badge{color:#967029;background:#fff3da;border-color:#e9d4a6}
.key-page[data-v-0ad39f9c] .blue-state-completed .badge{color:#2e8064;background:#def2e8;border-color:#b5dccb}
.key-page[data-v-0ad39f9c] .blue-state-failed .badge,.key-page[data-v-0ad39f9c] .blue-state-error .badge{color:#a83f56;background:#fce0e7;border-color:#ebb1c0}
.key-page[data-v-0ad39f9c] .blue-state-unknown .badge{background:#eaf0eb;border-color:#dce6dd;color:#627768}
.key-page[data-v-0ad39f9c] .relogin,.key-page[data-v-0ad39f9c] .next-btn,.key-page[data-v-0ad39f9c] .submit,.key-page[data-v-0ad39f9c] .btn-primary{background:linear-gradient(110deg,#348262,#2b7356);border-color:#2b7356;color:#fff;box-shadow:0 6px 16px #4782622b}
.key-page[data-v-0ad39f9c] .relogin:hover,.key-page[data-v-0ad39f9c] .next-btn:hover:not(:disabled),.key-page[data-v-0ad39f9c] .submit:hover:not(:disabled),.key-page[data-v-0ad39f9c] .btn-primary:hover:not(:disabled){background:linear-gradient(110deg,#2b7658,#226246);box-shadow:0 7px 20px #3c755740}
.key-page[data-v-0ad39f9c] .submit.ghost{background:#edf7f0;border-color:#cfe4d6;color:#3e7455;box-shadow:none}
.key-page[data-v-0ad39f9c] .submit.ghost:hover:not(:disabled){background:#e2f1e7;color:#2c6647;box-shadow:none}
.key-page[data-v-0ad39f9c] .verified-no-order button{background:#348262;border-color:#2b7356;color:#fff}
.key-page[data-v-0ad39f9c] ::selection{background:#cfe7d6;color:#294f3f}