@charset "UTF-8";
/* Customer console only. The administrator experience keeps its existing styles. */
body.console-page {
  --console-bg: #f5f7fb; --console-surface: #fff; --console-ink: #17243b;
  --console-muted: #6a768c; --console-line: #e2e7ef; --console-accent: #3458d4;
  --console-accent-soft: #edf1ff; --paper: var(--console-bg); --white: #fff;
  --green: var(--console-accent); --ink: var(--console-ink); --muted: var(--console-muted);
  --line: var(--console-line); --body: "HarmonyOS Sans SC", "Microsoft YaHei UI", "PingFang SC", sans-serif;
  --display: var(--body); margin: 0; color: var(--console-ink); background: var(--console-bg);
  font: 14px/1.65 var(--body); -webkit-font-smoothing: antialiased;
}
.console-page *, .console-page *::before, .console-page *::after { box-sizing: border-box; }
.console-page [hidden] { display: none !important; }
.console-page a { color: inherit; text-decoration: none; }
.console-page button, .console-page input, .console-page textarea, .console-page select { font: inherit; }
.console-page button { cursor: pointer; }
.console-page button:disabled { cursor: not-allowed; opacity: .52; }
.console-page h1, .console-page h2, .console-page h3, .console-page p { margin: 0; }
.console-page :focus-visible { outline: 3px solid #91a7f7; outline-offset: 3px; }
.console-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.console-page .skip-link { z-index: 100; }
.console-sidebar { position: fixed; inset: 0 auto 0 0; width: 236px; z-index: 30; display: flex; flex-direction: column; padding: 30px 17px 22px; background: #fff; border-right: 1px solid var(--console-line); overflow-y: auto; }
.console-brand { display: flex; gap: 12px; align-items: center; padding: 0 12px; margin-bottom: 38px; font-size: 22px; font-weight: 700; letter-spacing: -.5px; line-height: 1.2; }
.console-brand-mark { display: grid; place-items: center; width: 40px; height: 40px; flex: none; color: #fff; background: #243d76; border-radius: 12px; box-shadow: 0 5px 12px #273e7520; }
.console-brand-mark svg { width: 30px; height: 30px; }
.console-brand small { display: block; margin-top: 6px; font-size: 11px; color: var(--console-muted); font-weight: 400; letter-spacing: .5px; }
.console-nav-label { margin: 0 14px 10px; color: #929bad; font-size: 11px; font-weight: 600; letter-spacing: .8px; }
.console-nav { display: flex; flex-direction: column; gap: 5px; margin-bottom: 30px; }
.console-link { min-height: 46px; display: flex; align-items: center; padding: 10px 14px; gap: 12px; border-radius: 9px; color: #66738a !important; transition: color .16s, background .16s; }
.console-link svg { width: 19px; height: 19px; flex: none; color: #8a95a9; }
.console-link:hover { background: #f5f7fb; color: var(--console-ink) !important; }
.console-link.is-active { background: var(--console-accent-soft); color: var(--console-accent) !important; font-weight: 600; box-shadow: inset 3px 0 0 var(--console-accent); }
.console-link.is-active svg { color: var(--console-accent); }
.console-link-arrow { margin-left: auto; font-size: 14px; color: #98a2b5; }
.console-sidebar-foot { margin: auto 12px 0; padding-top: 24px; border-top: 1px solid var(--console-line); color: #69778d; font-size: 11px; }
.console-sidebar-foot small { display: block; font-size: 10px; color: #9ba3b2; margin-top: 8px; line-height: 1.8; }
.console-foot-dot { display: inline-block; width: 6px; height: 6px; background: #459b7d; border-radius: 50%; margin-right: 6px; }
.console-main { margin-left: 236px; min-width: 0; min-height: 100vh; }
.console-topbar { height: 76px; padding: 0 38px; display: flex; justify-content: space-between; gap: 20px; align-items: center; background: #ffffffd9; border-bottom: 1px solid var(--console-line); }
.console-topbar-title { display: flex; align-items: center; gap: 14px; font-size: 12px; color: #8b95a7; }
.console-topbar-title strong { color: #3b4961; font-weight: 500; }
.console-breadcrumb { color: #c9d0dc; }
.console-service { display: flex; align-items: center; gap: 8px; color: #718097; font-size: 11px; min-width: 0; }
.console-service i { width: 6px; height: 6px; border-radius: 50%; background: #8aa0a6; flex: none; }
.console-service #mode-text { overflow-wrap: anywhere; }
.console-menu-toggle { display: none; width: 42px; height: 42px; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--console-line); border-radius: 9px; color: var(--console-ink); flex: none; }
.console-menu-toggle svg { width: 20px; height: 20px; }
.console-backdrop { position: fixed; inset: 0; z-index: 29; border: 0; background: #13213955; }
.console-content { max-width: 1640px; padding: 32px 38px 24px; margin: 0 auto; min-width: 0; }
.console-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 2px 0 28px; }
.console-overline { color: #94a0b3; font-size: 10px; letter-spacing: 2px; font-weight: 600; margin-bottom: 4px !important; }
.console-page-heading h1 { font-size: 29px; letter-spacing: -.8px; font-weight: 700; line-height: 1.45; color: var(--console-ink); }
.console-page-heading p:not(.console-overline) { color: var(--console-muted); font-size: 13px; margin-top: 6px; line-height: 1.8; }
.console-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 17px; border: 1px solid #d9e1ed; border-radius: 9px; background: #fff; color: #4e5d76; font-size: 12px; font-weight: 500; white-space: nowrap; transition: background .15s, box-shadow .15s; }
.console-button svg { width: 18px; height: 18px; flex: none; }
.console-button:hover { border-color: #aebde9; box-shadow: 0 3px 8px #23355208; }
.console-button-primary { background: var(--console-accent); border-color: var(--console-accent); color: #fff !important; box-shadow: 0 4px 8px #3458d420; }
.console-button-primary:hover { background: #294bc1; }
.console-stats { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 20px; margin-bottom: 24px; }
.console-card { background: var(--console-surface); border: 1px solid var(--console-line); border-radius: 14px; min-width: 0; padding: 23px 24px; box-shadow: 0 3px 9px #24354c03; }
.console-balance-card { position: relative; overflow: hidden; padding: 24px 28px; border-radius: 14px; min-width: 0; color: #fff; background: #243d76; isolation: isolate; }
.console-stat-label { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 12px; color: #78869e; }
.console-stat-label svg { height: 20px; width: 20px; color: #97a3ba; }
.console-balance-card .console-stat-label { color: #cbd6f0; }
.console-balance-card .console-stat-label svg { color: #a4b6df; }
.console-balance-value { margin-top: 14px; font-size: 36px; line-height: 1.2; letter-spacing: -.8px; font-weight: 600; font-variant-numeric: tabular-nums; }
.console-balance-card p { color: #b4c4e7; font-size: 11px; margin-top: 10px; position: relative; z-index: 1; }
.console-balance-card>a { color: #f4f7ff; display: inline-flex; gap: 9px; align-items: center; min-height: 34px; margin-top: 13px; font-size: 12px; }
.console-balance-card>a svg { width: 17px; height: 17px; }
.console-balance-orbit { position: absolute; right: -65px; bottom: -125px; z-index: -1; height: 270px; width: 270px; border: 1px solid #6789db45; border-radius: 50%; box-shadow: 0 0 0 23px #5473b51c, 0 0 0 47px #5473b50c; }
.console-stat-card { padding: 24px 26px; }
.console-stat-value { margin-top: 13px; font-size: 36px; line-height: 1.2; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.8px; }
.console-stat-card p { color: #9aa3b2; font-size: 11px; margin-top: 10px; }
.console-stat-card a { display: inline-flex; align-items: center; gap: 8px; color: var(--console-accent); font-size: 11px; margin-top: 13px; min-height: 34px; }
.console-stat-card a svg { width: 15px; height: 15px; }
.console-dashboard-grid { display: grid; grid-template-columns: 1.65fr 1fr; gap: 24px; margin-bottom: 24px; }
.console-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.console-card h2, .console-card-heading h2 { font-size: 16px; line-height: 1.6; font-weight: 600; letter-spacing: -.2px; }
.console-card-heading p { font-size: 11px; color: #8b96a8; margin-top: 5px; line-height: 1.8; }
.console-card-kicker { color: #9ca6b7; font-size: 8px; letter-spacing: 1.6px; padding-top: 6px; white-space: nowrap; }
.console-route-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.console-route { padding: 20px; background: #f8faff; border: 1px solid #e8edf7; border-radius: 10px; transition: border .18s, background .18s; }
.console-route:hover { border-color: #b2c1f0; background: #f3f6ff; }
.console-route-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #e1e8fa; border-radius: 10px; background: #fff; color: var(--console-accent); }
.console-route-icon svg { width: 21px; height: 21px; }
.console-route h3 { margin-top: 13px; font-size: 14px; font-weight: 600; }
.console-route p { font-size: 11px; color: #8b96a8; line-height: 1.9; margin-top: 7px; }
.console-route-cta { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--console-accent); margin-top: 21px; }
.console-route-cta svg { width: 16px; height: 16px; }
.console-pricing dl { margin: 0; }
.console-pricing dl>div { display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid #f0f2f7; align-items: center; }
.console-pricing dt { color: #6a768c; font-size: 11px; }
.console-pricing dd { margin: 0; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.console-pricing dd span { font-size: 10px; color: #98a3b5; font-weight: 400; }
.console-dot { display: inline-block; height: 6px; width: 6px; border-radius: 50%; margin: 0 6px 1px 0; }
.console-dot.success { background: #65ac91; }.console-dot.attention { background: #d8a64e; }.console-dot.neutral { background: #a5afc0; }
.console-pricing-note { font-size: 10px; color: #98a2b3; line-height: 1.9; margin-top: 14px !important; }
.console-pricing>a { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; color: var(--console-accent); margin-top: 9px; min-height: 30px; }
.console-pricing>a svg { height: 15px; width: 15px; }
.console-recent .console-card-heading>a { display: inline-flex; align-items: center; gap: 8px; color: #687995; font-size: 11px; white-space: nowrap; min-height: 32px; }
.console-recent .console-card-heading>a svg { width: 15px; height: 15px; }
.console-empty { text-align: center; padding: 23px 10px 28px; color: #a8b1c0; }
.console-empty>svg { width: 27px; height: 27px; margin: 0 auto 11px; color: #a7b6d1; }
.console-empty h3 { font-size: 13px; font-weight: 500; color: #65748c; }
.console-empty p { font-size: 11px; margin-top: 7px; }
.console-guidance { display: flex; align-items: flex-start; gap: 11px; padding: 18px 5px 0; color: #8c98ab; font-size: 11px; }
.console-guidance strong { color: #6c7a92; font-weight: 500; }
.console-guidance-icon { width: 16px; height: 16px; border: 1px solid #b5bfd1; border-radius: 50%; text-align: center; font: 11px/14px Georgia, serif; flex: none; margin-top: 2px; }
.console-footer { padding: 20px 38px 24px; display: flex; justify-content: space-between; gap: 15px; font-size: 10px; color: #a3adbd; max-width: 1640px; margin: 0 auto; }
.console-global-note { display: none; }
.console-api-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; }
.console-api-start { padding: 30px; }.console-api-start h2 { margin: 10px 0 8px; font-size: 22px; }
.console-api-start>p { color: #7c889e; font-size: 12px; }
.console-api-steps { padding: 0; margin: 28px 0 5px; list-style: none; }
.console-api-steps li { display: flex; gap: 18px; padding-bottom: 25px; position: relative; }
.console-api-steps li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 34px; bottom: 0; border-left: 1px solid var(--console-line); }
.console-api-steps li>span { display: grid; place-items: center; height: 34px; width: 34px; flex: none; color: var(--console-accent); background: #edf1ff; border-radius: 9px; font-weight: 600; font-size: 12px; }
.console-api-steps h3 { font-size: 13px; line-height: 1.8; margin-bottom: 5px; }.console-api-steps p { color: #8b97aa; font-size: 11px; line-height: 1.85; }
.console-api-side { display: flex; flex-direction: column; gap: 20px; }
.console-inline-caption { color: #8995a9; font-size: 10px; margin: 22px 0 8px !important; }
.console-endpoint { display: block; padding: 12px; background: #f5f7fc; border: 1px solid #e9edf5; border-radius: 7px; font: 11px/1.7 Consolas, monospace; overflow-wrap: anywhere; color: #526789; }
.console-small-note { font-size: 10px; line-height: 1.9; color: #98a2b3; margin-top: 18px !important; }
.console-api-links a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; gap: 15px; font-size: 12px; color: #6c7c96; border-bottom: 1px solid #edf0f6; }
.console-api-links a:last-child { border: 0; }.console-api-links svg { width: 16px; height: 16px; color: #9aa7bb; }
/* Existing activation form, rendered in the same document so no state is lost when changing views. */
.console-page .console-create-steps { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 2px 0 24px; padding: 16px; background: #fff; border: 1px solid var(--console-line); border-radius: 10px; color: #6d7c94; font-size: 11px; }
.console-create-steps span { display: inline-flex; align-items: center; gap: 8px; }.console-create-steps b { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #edf1ff; color: var(--console-accent); font-size: 10px; font-weight: 600; }.console-create-steps i { width: 38px; border-top: 1px solid #dfe5f0; }
.console-page .workspace { grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr); gap: 22px; }
.console-page .panel { border-radius: 14px; padding: 26px; box-shadow: 0 3px 9px #24354c03; }
.console-page .panel h2 { font-size: 19px; letter-spacing: -.3px; }.console-page .panel-heading .eyebrow { font: 10px/1.4 var(--body); letter-spacing: .5px; color: #99a3b5; }
.console-page .panel .section-copy { margin: 8px 0 22px; color: #8c97aa; font-size: 11px; }.console-page .chip { background: #f0f4ff; color: #6278ae; border-color: #e2e8f5; }.console-page .chip.live { background: #edf7f3; color: #4c8874; border-color: #deeee6; }
.console-page .step { padding-top: 23px; margin-top: 23px; border-color: #edf0f6; }.console-page .step-heading { font-size: 13px; color: #374761; font-weight: 600; gap: 10px; }.console-page .step-heading>span { font: 11px/1.4 var(--body); font-weight: 500; color: #9da9bf; }.console-page .step-heading b { color: #cb7a73; }
.console-page input[type="text"], .console-page input[type="password"], .console-page input[type="number"], .console-page input[type="search"], .console-page textarea, .console-page select { border: 1px solid #dfe5ef; border-radius: 8px; background: #fff; padding: 12px; color: var(--console-ink); max-width: 100%; min-width: 0; }
.console-page input::placeholder, .console-page textarea::placeholder { color: #acb4c3; font-size: 11px; }.console-page input:disabled, .console-page textarea:disabled, .console-page select:disabled { background: #f8f9fc; }
.console-page .verification-row input { min-height: 44px; }.console-page .secondary-button { border: 1px solid #dce3ef; border-radius: 8px; color: #5a6e95; background: #fff; min-height: 44px; font-size: 11px; padding: 10px 15px; }.console-page .secondary-button:hover:not(:disabled) { background: #f4f7ff; border-color: #b7c5eb; }
.console-page .primary-button { background: var(--console-accent); border-radius: 9px; min-height: 48px; font-size: 12px; padding: 13px 17px; color: #fff; }.console-page .primary-button:hover:not(:disabled) { background: #294bc1; transform: none; }.console-page .text-button { color: #5977b8; min-height: 36px; font-size: 10px; }
.console-page .field-note { color: #8a96aa; font-size: 11px; line-height: 1.9; }.console-page .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.console-page .plan-option>span, .console-page .region-option>span { border-color: #e0e6f0; background: #fff; color: #687b98; border-radius: 8px; font-size: 11px; min-height: 44px; }.console-page .plan-option input:checked+span, .console-page .region-option input:checked+span { border-color: #6985de; color: #3458d4; background: #eff3ff; box-shadow: 0 0 0 1px #6985de12; }.console-page .region-option small { color: #96a3b9; font-size: 9px; }.console-page .region-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.console-page .session-plan-instructions { background: #f6f8fd !important; border-color: #e6ebf5 !important; color: #7385a5 !important; font-size: 11px !important; padding: 13px !important; }.console-page .session-plan-instructions a { color: #5277c6 !important; }.console-page .session-import-controls { gap: 8px; }.console-page #session-json { height: 155px; font-size: 11px; scrollbar-color: #aab9d6 #f3f6fc; }.console-page #session-json::-webkit-scrollbar-track { background: #f3f6fc; }.console-page #session-json::-webkit-scrollbar-thumb { background: #aab9d6; border-color: #f3f6fc; }.console-page .session-email { color: #5c7499; font-size: 11px; }.console-page .session-import-summary { border-color: #dce9e4; background: #f2f8f5; color: #5b8271; }
.console-page .account-preflight { background: #f9faff; border-color: #e3e9f3; }.console-page .account-preflight h3 { color: #526a91; font-size: 13px; }.console-page .account-preflight pre { color: #667a99; background: #f2f5fa; font-size: 11px; }
.console-page .card-grid { background: #f6f8fc; border-color: #e1e7f1; border-radius: 9px; }.console-page .card-grid>div { background: #f6f8fc; border-color: #e1e7f1; }.console-page .card-grid span { color: #8e9ab0; }.console-page .card-grid strong { color: #577197; }.console-page .customer-card-fields label { color: #73819a; font-size: 11px; }.console-page .consent { color: #7e8ca3; font-size: 11px; }.console-page .consent input { accent-color: var(--console-accent); }
.console-page .verification-result { color: #46846c; background: #f0f8f4; border-color: #dbece2; }.console-page .verification-result.invalid { color: #986c38; background: #fff8ed; border-color: #f1e1c4; }.console-page .config-notice { color: #987c4a; background: #fffaf0; border-color: #eee2c5; }.console-page .error-message { color: #b96359; background: #fff6f4; border-color: #f3dcd6; font-size: 11px; }
.console-page .progress-panel { min-height: 0; }.console-page .live-indicator { color: #8390a6; font-size: 10px; }.console-page .live-indicator i { background: #8198c9; }.console-page .result-card { border-color: #e3e9f4; background: #f5f8ff; padding: 20px; border-radius: 11px; }.console-page .result-top>strong { font-size: 16px; color: #3e577c; }.console-page .status-chip { font-size: 9px; background: #e9effb; color: #7188b2; border-color: #dce5f5; }.console-page #active-message { color: #7d8eaa; font-size: 11px; }.console-page .progress-track { background: #e3eaf7; height: 5px; }.console-page .progress-track>span { background: #738ed2; }.console-page .progress-caption { color: #8a9ab5; font-size: 9px; }.console-page .execution-details { border-color: #dfe7f4; }.console-page .execution-details dt { color: #8a98ae; }.console-page .execution-details dd { color: #607a9d; }.console-page .execution-details div { font-size: 11px; }.console-page .result-card.success { border-color: #dcece3; background: #f1f8f4; }.console-page .result-card.failed { background: #fff6f2; border-color: #f1ddd1; }
.console-page .progress-empty { padding: 32px 10px; }.console-pending-icon { display: grid; place-items: center; width: 48px; height: 48px; background: #f0f4fd; color: #9bafd3; border-radius: 13px; margin-bottom: 17px; }.console-pending-icon svg { height: 25px; width: 25px; }.console-page .progress-empty h3 { color: #7183a0; font-family: var(--body); font-size: 13px; font-weight: 500; }.console-page .progress-empty p { color: #a1aec2; font-size: 11px; }
.console-page .upstream-section { border-color: #e2e8f1; background: #fbfcff; border-radius: 10px; padding: 19px; }.console-page .upstream-section h3 { color: #506987; font-size: 14px; }.console-page .upstream-note, .console-page .upstream-history p, .console-page .upstream-history li, .console-page .upstream-history time { color: #8495ae; font-size: 11px; }.console-page .upstream-history, .console-page .upstream-details { border-color: #e2e9f4; }.console-page .upstream-history h4 { color: #617b9b; font-size: 12px; }.console-page .upstream-history ol { border-color: #d5e0f2; }.console-page .upstream-history li::before { background: #9eb3da; }.console-page .order-meta { color: #9aa6ba; font-size: 10px; }
.console-page .receipt-section { border-color: #e9edf5; margin-top: 18px; padding-top: 19px; }.console-page .receipt-heading .eyebrow { font: 9px/1.4 var(--body); letter-spacing: .5px; color: #9ca8bc; }.console-page .receipt-heading h3 { font-family: var(--body); color: #4b6284; font-size: 15px; margin-bottom: 12px; }.console-page .receipt-empty { background: #fbfcff; border-color: #e1e7f2; color: #9aa7bb; font-size: 11px; }.console-page .receipt-card { background: #fff; border-color: #e2e8f2; }.console-page .receipt-kind { background: #edf2fc; color: #5f7aa5; }.console-page .receipt-fields>div { border-color: #eef1f6; }.console-page .receipt-fields dt { color: #8b9bb3; }.console-page .receipt-fields dd { color: #5d7294; }.console-page .receipt-timezone, .console-page .receipt-privacy, .console-page .receipt-preview figcaption { color: #8c9bb1; }.console-page .receipt-privacy { font-size: 11px; }
.console-page .local-flow-heading, .console-page .timeline strong, .console-page .timeline small, .console-page .event-details { color: #7890b1; }.console-page .timeline li:before { background: #e8eef8; color: #728cb5; }.console-page .timeline li:after { background: #e3eaf4; }.console-page .timeline li.done:before { background: #dcebe4; color: #639078; }.console-page .timeline li.active:before { background: #526fa9; color: #fff; }.console-page .event-details { border-color: #e5ebf4; }.console-page .timeline { margin-top: 16px; }
.console-page .security-verification { color: #92733d; background: #fff9ed; border-color: #eedebc; border-left-color: #d2a458; }.console-page .security-verification h3 { color: #93753f; font-size: 14px; }.console-page .security-verification p { color: #9b865f; font-size: 11px; }.console-page .history-read-only { background: #f4f7fd; border-color: #e2e9f5; color: #6682ad; }
.console-page .orders-section { margin-top: 0; padding-top: 23px; }.console-page .section-heading h2 { font-family: var(--body); font-size: 17px; margin: 0; }.console-page .orders-list { display: flex; flex-direction: column; gap: 10px; }.console-page .order-row { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(75px, .6fr) minmax(75px, .6fr) auto; gap: 18px; border: 1px solid #e6ebf3; background: #fff; border-radius: 9px; padding: 18px; align-items: center; font-size: 11px; }.console-page .order-row.selected { background: #f7f9ff; border-color: #dce4f5; }.console-page .order-row strong { color: #405a7d; font-size: 12px; font-weight: 500; }.console-page .order-row small { color: #a0acc0; font-size: 9px; overflow-wrap: anywhere; margin-top: 4px; }.console-page .order-row>span { color: #91a0b8; }.console-page .order-row .order-state { color: #488c72; }.console-page .order-row .order-state.attention { color: #a4884e; }.console-page .order-row .order-state.failed { color: #bd7d71; }.console-page .order-row button { background: #eef2fc; color: #6780b0; border: 0; min-height: 40px; padding: 9px 12px; border-radius: 7px; font-size: 10px; }.console-page .orders-empty { background: #fbfcff; color: #94a2b7; border-color: #e5eaf3; padding: 35px 20px; font-size: 12px; }
.console-page .notification { background: #263c65; color: #fff; font-size: 12px; border-radius: 10px; }.console-page .new-order { margin-top: 12px; }
.console-page .plan-grid.console-plan-groups { display: flex; flex-direction: column; gap: 17px; }
.console-plan-group h3 { font-size: 10px; font-weight: 500; color: #93a0b5; margin-bottom: 8px; }
.console-plan-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.console-order-review { margin-top: 18px; padding: 17px 18px; border: 1px solid #e6ebf4; border-radius: 10px; background: #fbfcff; }
.console-order-review h3 { font-size: 12px; font-weight: 600; color: #637694; }
.console-order-review dl { margin: 12px 0 0; }.console-order-review dl>div { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-top: 8px; font-size: 11px; }
.console-order-review dt { color: #9aa6b8; flex: none; }.console-order-review dd { margin: 0; text-align: right; color: #657d9f; }.console-order-review dd span { font-size: 10px; color: #8d9db5; }
.console-order-review>p { margin-top: 13px; padding-top: 11px; border-top: 1px solid #e9eef6; font-size: 10px; line-height: 1.85; color: #9aa8bd; }
.console-view { animation: console-reveal .22s ease-out; }@keyframes console-reveal { from { opacity: .5; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (min-width: 1500px) { .console-content { padding-top: 38px; }.console-page-heading { margin-bottom: 32px; }.console-stats { gap: 24px; }.console-card { padding: 26px 28px; }.console-balance-card { padding: 27px 30px; }.console-route { padding: 23px; } }
@media (max-width: 1190px) { .console-sidebar { width: 218px; }.console-main { margin-left: 218px; }.console-content { padding: 28px 26px 20px; }.console-topbar { padding: 0 26px; }.console-dashboard-grid { grid-template-columns: 1.35fr 1fr; gap: 18px; }.console-card { padding: 22px; }.console-route { padding: 17px; }.console-stats { gap: 15px; }.console-balance-card, .console-stat-card { padding: 23px; }.console-card-kicker { display: none; }.console-page .workspace { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 18px; }.console-page .panel { padding: 22px; }.console-page .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.console-page .order-row { gap: 10px; }.console-page .region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) { .console-sidebar { width: 252px; transform: translateX(-100%); transition: transform .2s; z-index: 50; }.console-sidebar.is-open { transform: translateX(0); }.console-backdrop { z-index: 49; }.console-main { margin-left: 0; }.console-menu-toggle { display: inline-flex; }.console-topbar { height: 72px; }.console-topbar-title { gap: 12px; }.console-stats { grid-template-columns: 1.25fr 1fr 1fr; }.console-dashboard-grid { grid-template-columns: 1.55fr 1fr; }.console-page .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.console-page .region-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .console-content { padding: 24px 20px 16px; }.console-topbar { padding: 0 20px; gap: 12px; }.console-topbar-title>span:first-of-type, .console-breadcrumb { display: none; }.console-service { font-size: 10px; max-width: 52%; text-align: right; }.console-page-heading { align-items: flex-start; gap: 16px; margin-bottom: 23px; }.console-page-heading h1 { font-size: 26px; }.console-page-heading p:not(.console-overline) { font-size: 12px; }.console-button { padding: 10px 13px; font-size: 11px; }.console-page-heading>.console-button { margin-top: 13px; }.console-stats { grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 18px; }.console-balance-card { grid-column: 1 / -1; }.console-balance-value { font-size: 33px; }.console-stat-value { font-size: 29px; }.console-stat-card { padding: 19px 21px; }.console-stat-card a { margin-top: 8px; }.console-dashboard-grid { grid-template-columns: 1fr; gap: 18px; margin-bottom: 18px; }.console-card { padding: 21px; border-radius: 12px; }.console-card h2 { font-size: 15px; }.console-pricing dl { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }.console-pricing dl>div { display: block; padding: 0; border: 0; }.console-pricing dd { margin-top: 7px; }.console-pricing dt { font-size: 10px; }.console-card-heading { margin-bottom: 17px; }.console-pricing-note { margin-top: 19px !important; }.console-page .workspace { grid-template-columns: 1fr; }.console-page .panel { padding: 24px; }.console-page .console-create-steps { gap: 10px; font-size: 10px; padding: 14px 12px; }.console-create-steps i { width: 10px; }.console-create-steps b { width: 20px; height: 20px; }.console-api-grid { grid-template-columns: 1fr; }.console-api-start { padding: 24px; }.console-footer { padding: 16px 20px 23px; font-size: 9px; }.console-page .order-row { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }.console-page .order-row>span:nth-child(2) { grid-row: 2; font-size: 10px; }.console-page .order-row .order-state { grid-column: 2; grid-row: 1; text-align: right; }.console-page .order-row button { grid-column: 2; grid-row: 2; min-height: 44px; }.console-page .section-heading { gap: 10px; } }
@media (max-width: 420px) { .console-content { padding: 20px 14px 15px; }.console-topbar { padding: 0 14px; height: 67px; }.console-topbar-title { gap: 10px; font-size: 11px; }.console-menu-toggle { width: 40px; height: 40px; }.console-page-heading { gap: 10px; }.console-page-heading h1 { font-size: 25px; }.console-page-heading>.console-button { padding: 10px; gap: 5px; }.console-page-heading>.console-button svg { width: 15px; height: 15px; }.console-overline { font-size: 9px; }.console-stat-card { padding: 17px; }.console-stat-label { font-size: 10px; }.console-stat-label svg { height: 17px; width: 17px; }.console-stat-card p { font-size: 10px; }.console-card { padding: 18px; }.console-route-grid { gap: 10px; }.console-route { padding: 15px 13px; }.console-route h3 { font-size: 12px; }.console-route p { font-size: 10px; }.console-route-cta { font-size: 10px; margin-top: 15px; }.console-pricing dl { gap: 8px; }.console-pricing dt { font-size: 9px; }.console-pricing dd { font-size: 15px; }.console-dot { margin-right: 4px; width: 5px; height: 5px; }.console-page .panel { padding: 20px; }.console-page .console-create-steps { gap: 7px; font-size: 9px; }.console-create-steps span { gap: 5px; }.console-create-steps i { display: none; }.console-page .plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.console-page .region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.console-page .session-import-controls { flex-wrap: wrap; }.console-page .session-import-controls button { flex: 1 1 auto; }.console-page .order-row { padding: 14px; }.console-footer { padding: 17px 14px; flex-direction: column; gap: 5px; }.console-guidance { font-size: 10px; }.console-page .verification-row { gap: 8px; }.console-page .verification-row .secondary-button { padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { .console-view { animation: none; }.console-sidebar, .console-link, .console-route { transition: none; }.console-page { scroll-behavior: auto; } }
@media(max-width:1190px) and (min-width:761px) { .console-plan-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:680px) { .console-menu-toggle { min-width:44px; min-height:44px; }.console-page .text-button { min-height:44px; }.console-page .order-row>span:nth-child(2) { display:block; }.console-page .order-row>div:first-child { grid-row:1; }.console-page .region-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.console-plan-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }.console-page .console-create-steps { flex-wrap:wrap; row-gap:8px; }.console-stat-card a,.console-balance-card>a,.console-recent .console-card-heading>a,.console-pricing>a { min-height:44px; } }
/* Comfortable reading density, including mobile form controls without focus zoom. */
.console-card-heading p, .console-route p, .console-balance-card p, .console-stat-card p, .console-empty p { font-size:12px; }
.console-page .field-note, .console-page .panel .section-copy, .console-page .secondary-button, .console-page .execution-details div, .console-page .consent { font-size:12px; }
.console-page .session-plan-instructions { font-size:12px!important; }.console-page .customer-card-fields label { font-size:12px; }
.console-route-cta,.console-stat-card a,.console-balance-card>a,.console-recent .console-card-heading>a,.console-pricing>a { font-size:12px; }
.console-page .plan-option>span, .console-page .region-option>span { font-size:12px; }.console-plan-group h3 { font-size:11px; }
.console-pricing dt,.console-pricing-note,.console-small-note,.console-guidance,.console-order-review>p { font-size:11px; }
@media(max-width:680px) { .console-page input[type="text"], .console-page input[type="password"], .console-page input[type="number"], .console-page input[type="search"], .console-page textarea, .console-page select, .console-page #session-json { font-size:16px; }.console-page input::placeholder, .console-page textarea::placeholder { font-size:12px; }.console-route p,.console-stat-card p,.console-card-heading p,.console-empty p { font-size:11px; }.console-page .step-heading { font-size:14px; }.console-page .plan-option>span { font-size:12px; }.console-page .session-import-controls button { font-size:12px; } }
.console-card-heading p,.console-route p,.console-stat-card p,.console-empty p,.console-guidance,.console-pricing-note,.console-small-note,.console-api-steps p,.console-order-review>p,.console-page .field-note,.console-page .panel .section-copy,.console-page .consent { color:var(--console-muted); }
.console-page .orders-empty,.console-page .receipt-empty,.console-page .receipt-timezone,.console-page .receipt-privacy,.console-page .progress-empty p { color:#75839a; }
.console-page .order-row button { color:#536eaa; }.console-service { color:#65758d; }

/* v41: a compact operational dashboard and a clearer checkout workspace. */
.console-page[data-experience="customer"] .console-content { padding-top:26px; }
.console-page[data-experience="customer"] .console-page-heading { margin-bottom:22px; }
.console-page[data-experience="customer"] .console-page-heading h1 { font-size:28px; }
.console-page[data-experience="customer"] .console-page-heading p:not(.console-overline) { font-size:14px; margin-top:5px; }
.console-page[data-experience="customer"] .console-stats { gap:18px; margin-bottom:20px; }
.console-page[data-experience="customer"] .console-balance-card,.console-page[data-experience="customer"] .console-stat-card { padding:20px 24px 16px; }
.console-page[data-experience="customer"] .console-stat-label { font-size:13px; }
.console-page[data-experience="customer"] .console-stat-value,.console-page[data-experience="customer"] .console-balance-value { font-size:32px; margin-top:9px; }
.console-page[data-experience="customer"] .console-stat-card p,.console-page[data-experience="customer"] .console-balance-card p { font-size:12px; margin-top:6px; }
.console-page[data-experience="customer"] .console-stat-card a,.console-page[data-experience="customer"] .console-balance-card>a { min-height:32px; margin-top:6px; font-size:12px; }
.console-status-report { padding:20px; margin-bottom:18px; }
.console-status-report .console-card-heading { margin-bottom:15px; align-items:center; }
.console-status-report .console-card-heading h2 { font-size:16px; }.console-status-report .console-card-heading p { font-size:12px; }
.console-periods { display:inline-flex; gap:3px; padding:4px; border-radius:9px; background:#f3f5fa; flex:none; }
.console-periods button { border:0; min-height:34px; background:transparent; color:#7b879a; padding:6px 10px; border-radius:6px; font-size:12px; }
.console-periods button.is-active,.console-periods button[aria-pressed="true"] { background:#fff; color:#3d5377; box-shadow:0 1px 4px #1f33521a; }
.console-status-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:9px; }
.console-status-tile { min-width:0; border:1px solid #e6ebf4; background:#fff; padding:12px 12px 13px; border-radius:9px; text-align:left; }
.console-status-tile:hover { border-color:#bdcbed; background:#fafbff; }.console-status-tile.is-active,.console-status-tile[aria-pressed="true"] { border-color:#bdcbf3; background:#f0f4ff; }
.console-status-label { display:flex; align-items:center; gap:6px; color:#718099; font-size:11px; white-space:nowrap; }
.console-status-label i { width:6px; height:6px; flex:none; border-radius:50%; background:#8c9fbf; }
.console-status-label i.success { background:#40ac83; }.console-status-label i.processing { background:#648be3; }.console-status-label i.attention { background:#d2a44d; }.console-status-label i.failed { background:#d47c78; }.console-status-label i.review { background:#8c80b7; }.console-status-label i.ready { background:#76a6aa; }.console-status-label i.muted { background:#b0b8c7; }
.console-status-tile strong { display:block; margin-top:6px; color:#2e4364; font-size:25px; font-weight:600; line-height:1.3; font-variant-numeric:tabular-nums; }
.console-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:20px; }
.console-shortcuts>a { display:flex; align-items:center; min-width:0; gap:13px; padding:18px 20px; border:1px solid var(--console-line); border-radius:12px; background:#fff; transition:background .15s,border-color .15s; }
.console-shortcuts>a:hover { background:#fafdff; border-color:#b8c8ed; }.console-shortcut-icon { flex:none; width:39px; height:39px; display:grid; place-items:center; border-radius:10px; background:#f0f4ff; color:#5277c6; }.console-shortcut-icon svg { height:21px; width:21px; }
.console-shortcuts>a>span:nth-child(2) { min-width:0; }.console-shortcuts strong { display:block; font-size:14px; font-weight:600; }.console-shortcuts small { display:block; font-size:11px; color:#8491a6; margin-top:4px; }.console-shortcuts>a>svg { width:17px; height:17px; flex:none; color:#a0afc5; margin-left:auto; }
.console-page[data-experience="customer"] .console-recent { padding:20px 22px 14px; }.console-page[data-experience="customer"] .console-recent .console-card-heading { margin-bottom:15px; }.console-page[data-experience="customer"] .console-recent .console-card-heading p { font-size:12px; }.console-overview-footnote { padding-top:14px; font-size:12px; line-height:1.9; }
.console-order-table-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(85px,.65fr) minmax(115px,.75fr) 82px; gap:16px; padding:12px 16px; border-radius:7px; background:#f5f7fb; color:#8290a5; font-size:12px; align-items:center; }
.console-order-table-head>span:last-child { text-align:right; }
.console-page[data-experience="customer"] .console-order-table { gap:0; }
.console-page[data-experience="customer"] .console-order-table .order-row { grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(85px,.65fr) minmax(115px,.75fr) 82px; gap:16px; padding:17px 16px; border:0; border-bottom:1px solid #edf0f6; border-radius:0; align-items:center; }
.console-page[data-experience="customer"] .console-order-table .order-row:last-child { border-bottom:0; }.console-page[data-experience="customer"] .console-order-table .order-row.selected { background:#f8faff; }
.console-page[data-experience="customer"] .order-info { min-width:0; }.console-page[data-experience="customer"] .order-info strong { font-size:13px; line-height:1.7; }.console-page[data-experience="customer"] .order-info small { font-size:10px; max-width:none; color:#8c9aaf; line-height:1.7; }
.console-page[data-experience="customer"] .order-account { font-size:12px; color:#5c708f; line-height:1.8; overflow-wrap:anywhere; min-width:0; }
.console-page[data-experience="customer"] .order-time { font-size:12px; color:#8494ac; line-height:1.7; }
.console-page[data-experience="customer"] .order-state { font-size:12px; }
.console-page[data-experience="customer"] .console-order-table .order-row button { background:#f0f4fd; border:1px solid #e6ecf8; font-size:12px; min-height:37px; padding:7px 9px; justify-self:end; white-space:nowrap; }
.console-orders-toolbar { display:flex; justify-content:space-between; gap:14px; align-items:center; margin:18px 0 10px; }.console-search-field { display:flex; align-items:center; gap:10px; flex:1; max-width:480px; min-height:44px; border:1px solid #dfe6f1; border-radius:8px; padding-left:13px; background:#fff; }
.console-search-field svg { flex:none; width:18px; height:18px; color:#98a7bd; }.console-page .console-search-field input { flex:1; border:0; box-shadow:none; background:transparent; padding:10px 11px 10px 0; font-size:13px; min-width:0; }.console-search-field:focus-within { outline:2px solid #bacbf4; outline-offset:2px; }.console-page .console-search-field input:focus-visible { outline:0; }
.console-filter-label { font-size:12px; color:#7d8ba1; margin:0 0 15px!important; }.console-filter-empty { padding:32px 18px; border:1px dashed #dce5f3; background:#fafcff; color:#8093b0; font-size:13px; text-align:center; margin-top:12px!important; border-radius:8px; }
/* The form stays intact: explicit preparation and explicit payment confirmation are separate. */
.console-page[data-experience="customer"] .console-create-steps { margin-bottom:22px; padding:13px 18px; font-size:12px; justify-content:flex-start; gap:18px; background:transparent; border:0; }
.console-page[data-experience="customer"] .console-create-steps b { height:25px; width:25px; background:#e6ecfc; font-size:11px; }.console-page[data-experience="customer"] .console-create-steps i { flex:1; max-width:52px; border-color:#d8e1f1; }
.console-page[data-experience="customer"] .console-create-workspace { grid-template-columns:minmax(0,1fr) minmax(290px,330px); gap:24px; align-items:start; }
.console-form-column { min-width:0; }.console-form-intro { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 13px; padding:0 2px; }.console-form-intro h2 { font-size:15px; font-weight:600; color:#526782; }.console-form-intro .chip { font-size:10px; }
.console-form-card { border:1px solid #e0e7f2; background:#fff; border-radius:12px; padding:23px 25px; margin-bottom:19px; min-width:0; box-shadow:0 2px 7px #203a6003; }
.console-form-card-heading { display:flex; align-items:center; gap:12px; margin-bottom:23px; }.console-section-symbol { display:grid; place-items:center; flex:none; width:35px; height:35px; background:#edf2ff; color:#6482bf; border-radius:10px; font-size:11px; font-weight:600; }.console-form-card-heading h3 { font-size:16px; font-weight:600; color:#334d72; line-height:1.6; }.console-form-card-heading p { margin-top:3px; color:#7b8aa1; font-size:12px; line-height:1.8; }
.console-page[data-experience="customer"] .console-form-card>.step:first-child { padding-top:0; margin-top:0; }.console-page[data-experience="customer"] #activation-form { margin-top:0; }.console-page[data-experience="customer"] .console-form-card .step { padding-top:0; margin-top:0; border:0; }
.console-page[data-experience="customer"] .console-form-card .step+.step { margin-top:23px; padding-top:20px; border-top:1px solid #edf1f7; }.console-page[data-experience="customer"] .console-form-card .step-heading { font-size:14px; margin-bottom:12px; }.console-page[data-experience="customer"] .console-form-card .step-heading>span { display:none; }.console-page[data-experience="customer"] .console-credential-card .step-heading>span { display:inline; font-style:normal; color:#6e85aa; }
.console-page[data-experience="customer"] .console-form-card .verification-row input { font-size:14px; min-height:46px; }.console-page[data-experience="customer"] .console-form-card .verification-row button { min-width:83px; font-size:13px; }
.console-page[data-experience="customer"] .console-product-card .plan-grid.console-plan-groups { gap:18px; }.console-page[data-experience="customer"] .console-product-card .console-plan-group h3 { font-size:12px; color:#8493aa; margin-bottom:9px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option { padding:14px 14px 13px; border:1px solid #e0e7f1; border-radius:9px; background:#fff; min-height:79px; transition:border .15s,background .15s; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option:hover { border-color:#b8c8e9; }
.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>span { padding:0 19px 0 0; text-align:left; font-size:13px; min-height:0; color:#4c6284; border:0; border-radius:0; background:transparent; box-shadow:none; font-weight:600; }
.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>small { display:block; margin-top:6px; font-size:11px; line-height:1.6; color:#8998af; font-weight:400; }
.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option:has(input:checked) { border-color:#91a8e1; background:#f2f6ff; box-shadow:0 0 0 1px #91a8e11a; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option:has(input:checked)::after { content:'✓'; position:absolute; top:13px; right:12px; height:17px; width:17px; border-radius:50%; background:#6787cc; color:#fff; text-align:center; font:10px/17px var(--body); }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option:has(input:disabled) { opacity:.6; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices input:disabled+span { opacity:1; }
.console-page[data-experience="customer"] .console-form-card #region-options { margin-top:2px; }.console-page[data-experience="customer"] .console-form-card .region-option>span { padding:12px 8px 10px; font-size:13px; min-height:57px; }.console-page[data-experience="customer"] .console-form-card .region-option small { font-size:11px; }
.console-page[data-experience="customer"] .console-form-card .session-plan-instructions { font-size:12px!important; padding:14px 16px!important; line-height:1.9; }.console-page[data-experience="customer"] .console-form-card .session-import-controls { margin:15px 0 0; }.console-page[data-experience="customer"] .console-form-card .session-import-controls button { font-size:13px; }.console-page[data-experience="customer"] .console-form-card #session-json { height:168px; font-size:12px; }.console-page[data-experience="customer"] .console-form-card .session-email { font-size:13px; padding:9px 12px; background:#f3f6fc; border-radius:7px; }
.console-page[data-experience="customer"] .console-form-card .account-preflight { margin-top:20px; padding:17px 18px; }.console-page[data-experience="customer"] .console-form-card .account-preflight h3 { font-size:14px; }.console-page[data-experience="customer"] .console-form-card .account-preflight .field-note { font-size:12px; }.console-page[data-experience="customer"] .console-form-card .preflight-actions { gap:8px; }
.console-page[data-experience="customer"] .console-form-card .customer-card-fields label { font-size:13px; }.console-page[data-experience="customer"] .console-form-card .customer-card-fields input { font-size:14px; min-height:46px; }.console-page[data-experience="customer"] .console-form-card .customer-card-fields input::placeholder { font-size:12px; }.console-page[data-experience="customer"] .console-form-card .card-grid strong { font-size:12px; }.console-page[data-experience="customer"] .console-form-card .prepare-button { min-height:48px; background:#f0f4ff; color:#5b78b2; border-color:#d7e2fa; font-size:14px; }
.console-checkout-column { min-width:0; align-self:stretch; padding-top:37px; }.console-checkout-sticky { position:sticky; top:24px; background:#fff; border:1px solid #dce5f2; border-radius:13px; overflow:clip; box-shadow:0 8px 24px #203a6006; }
.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review { margin:0; border:0; border-radius:0; padding:24px; background:#fff; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review h3 { font-size:17px; color:#3b5277; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review dl { margin-top:21px; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review dl>div { font-size:13px; margin-top:13px; line-height:1.8; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review dt { color:#8796ab; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review dd { color:#4a638a; font-weight:500; }.console-page[data-experience="customer"] .console-checkout-sticky .console-summary-fee { padding-top:15px; margin-top:17px!important; border-top:1px solid #e9eef7; }.console-page[data-experience="customer"] .console-checkout-sticky .console-summary-fee dd { font-size:14px; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review dd span { font-size:12px; font-weight:400; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review>p { font-size:12px; margin-top:17px; padding-top:15px; line-height:1.9; }
.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step { margin:0; padding:22px 24px; border-top:1px solid #e7edf6; background:#f9fbff; }.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step .step-heading { font-size:14px; }.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step .step-heading>span { display:none; }.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step .field-note { font-size:12px; }.console-page[data-experience="customer"] .console-checkout-sticky .primary-button { font-size:14px; min-height:48px; margin-top:14px; }.console-page[data-experience="customer"] .console-checkout-sticky .primary-button:not(:disabled) { box-shadow:0 4px 12px #3458d425; }.console-page[data-experience="customer"] .console-checkout-sticky .new-order { font-size:12px; min-height:40px; }
.console-checkout-note { display:flex; gap:9px; margin:0 24px; padding-top:18px; border-top:1px solid #e9eef6; font-size:12px; line-height:1.9; color:#8294af; }.console-checkout-note>span { color:#7b9d8c; flex:none; }.console-checkout-help { display:flex; align-items:center; gap:8px; margin:10px 24px 19px; min-height:35px; font-size:11px; color:#6d89b7!important; }.console-checkout-help svg { height:15px; width:15px; }
.console-page[data-experience="customer"] .console-order-detail { margin-top:24px; padding:25px; scroll-margin-top:22px; }.console-page[data-experience="customer"] .console-order-detail:has(#progress-content[hidden]) { display:none; }.console-page[data-experience="customer"] .console-order-detail .progress-empty { display:none; }
.console-page[data-experience="customer"] .console-order-detail .result-card { max-width:none; }.console-page[data-experience="customer"] .console-order-detail .execution-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 32px; }.console-page[data-experience="customer"] .console-order-detail .execution-details>div { grid-template-columns:85px 1fr; margin:0; }.console-page[data-experience="customer"] .console-order-detail .execution-details>div:last-child { grid-column:1/-1; }.console-page[data-experience="customer"] .console-order-detail .upstream-details>div:last-child { grid-column:auto; }
.console-page[data-experience="customer"] .console-order-detail .receipt-card { max-width:640px; }.console-page[data-experience="customer"] .console-order-detail .receipt-preview { max-width:640px; }.console-page[data-experience="customer"] .console-order-detail .receipt-section { margin-top:23px; }
@media(min-width:1550px) { .console-page[data-experience="customer"] .console-create-workspace { grid-template-columns:minmax(0,1fr) 360px; gap:28px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1190px) { .console-status-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.console-status-report .console-card-heading { align-items:flex-start; gap:16px; }.console-periods button { font-size:11px; padding:6px 8px; }.console-shortcuts { gap:12px; }.console-shortcuts>a { padding:16px 14px; gap:10px; }.console-shortcuts small { font-size:10px; }.console-shortcut-icon { height:33px; width:33px; }.console-shortcuts>a>svg { display:none; }.console-page[data-experience="customer"] .console-create-workspace { grid-template-columns:minmax(0,1fr) 290px; gap:20px; }.console-form-card { padding:22px; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review { padding:22px; }.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step { padding:20px 22px; }.console-page[data-experience="customer"] .console-order-table .order-row,.console-order-table-head { gap:12px; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 75px 96px 75px; }.console-page[data-experience="customer"] .console-order-table .order-row button { padding:7px 8px; font-size:11px; }.console-page[data-experience="customer"] .order-time { font-size:11px; } }
@media(max-width:980px) { .console-page[data-experience="customer"] .console-create-workspace { grid-template-columns:minmax(0,1fr) 285px; }.console-periods button { font-size:12px; }.console-form-card { padding:21px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option { padding:13px 12px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>span { font-size:12px; } }
@media(max-width:760px) { .console-page[data-experience="customer"] .console-content { padding-top:22px; }.console-page[data-experience="customer"] .console-page-heading h1 { font-size:26px; }.console-page[data-experience="customer"] .console-page-heading p:not(.console-overline) { font-size:13px; }.console-page[data-experience="customer"] .console-stats { gap:12px; margin-bottom:17px; }.console-page[data-experience="customer"] .console-balance-card { padding:18px 21px; }.console-page[data-experience="customer"] .console-stat-card { padding:17px 19px; }.console-page[data-experience="customer"] .console-stat-card a,.console-page[data-experience="customer"] .console-balance-card>a { min-height:40px; margin-top:2px; }.console-page[data-experience="customer"] .console-balance-value { font-size:30px; }.console-page[data-experience="customer"] .console-stat-value { font-size:27px; }.console-status-report { padding:18px; }.console-status-report .console-card-heading { display:block; }.console-periods { display:flex; width:100%; margin-top:14px; }.console-periods button { flex:1; min-height:40px; padding:7px 6px; font-size:12px; }.console-status-grid { gap:8px; }.console-status-tile { padding:12px 10px; }.console-status-label { font-size:11px; gap:5px; }.console-status-tile strong { font-size:24px; }.console-shortcuts { grid-template-columns:1fr; gap:9px; margin-bottom:18px; }.console-shortcuts>a { padding:15px 18px; gap:13px; }.console-shortcuts strong { font-size:14px; }.console-shortcuts small { font-size:12px; }.console-shortcuts>a>svg { display:block; }.console-shortcut-icon { height:37px; width:37px; }.console-page[data-experience="customer"] .console-recent { padding:18px; }.console-order-table-head { display:none; }.console-page[data-experience="customer"] .console-order-table { gap:11px; }.console-page[data-experience="customer"] .console-order-table .order-row { grid-template-columns:minmax(0,1fr) auto; gap:11px 12px; border:1px solid #e1e8f3; border-radius:9px; padding:16px; background:#fff; }.console-page[data-experience="customer"] .console-order-table .order-row:last-child { border-bottom:1px solid #e1e8f3; }.console-page[data-experience="customer"] .console-order-table .order-info { grid-column:1; grid-row:1; }.console-page[data-experience="customer"] .console-order-table .order-info small { font-size:11px; }.console-page[data-experience="customer"] .console-order-table .order-account { grid-column:1/-1; grid-row:2; font-size:13px; padding:10px 12px; border-radius:6px; background:#f5f8fd; }.console-page[data-experience="customer"] .console-order-table .order-account::before { content:'账号邮箱'; display:block; font-size:11px; color:#8c9db7; margin-bottom:3px; }.console-page[data-experience="customer"] .console-order-table .order-state { grid-column:2; grid-row:1; font-size:12px; text-align:right; }.console-page[data-experience="customer"] .console-order-table .order-time { display:block; grid-column:1; grid-row:3; font-size:12px; }.console-page[data-experience="customer"] .console-order-table .order-row button { grid-column:2; grid-row:3; min-height:44px; padding:8px 11px; font-size:12px; }.console-orders-toolbar { gap:10px; flex-wrap:wrap; }.console-search-field { min-width:180px; }.console-orders-toolbar .secondary-button { min-height:44px; }.console-filter-label,.console-filter-empty { font-size:12px; }.console-page[data-experience="customer"] .console-create-workspace { display:flex; flex-direction:column; gap:0; }.console-form-column,.console-checkout-column { width:100%; }.console-form-intro { margin-bottom:11px; }.console-form-card { padding:21px; margin-bottom:16px; }.console-checkout-column { padding-top:0; }.console-checkout-sticky { position:static; }.console-page[data-experience="customer"] .console-create-steps { padding:8px 0 13px; gap:8px; font-size:11px; flex-wrap:nowrap; }.console-page[data-experience="customer"] .console-create-steps i { max-width:18px; }.console-page[data-experience="customer"] .console-create-steps b { height:22px; width:22px; font-size:10px; }.console-page[data-experience="customer"] .console-order-detail { padding:21px; margin-top:20px; }.console-page[data-experience="customer"] .console-order-detail .execution-details { display:block; }.console-page[data-experience="customer"] .console-order-detail .execution-details>div { margin-top:8px; }.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review { padding:22px; }.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step { padding:22px; }.console-page[data-experience="customer"] .console-overview-footnote { font-size:12px; } }
@media(max-width:420px) { .console-page[data-experience="customer"] .console-page-heading { gap:10px; margin-bottom:18px; }.console-page[data-experience="customer"] .console-page-heading p:not(.console-overline) { font-size:12px; }.console-page[data-experience="customer"] .console-stat-label { font-size:12px; }.console-page[data-experience="customer"] .console-stat-card { padding:16px; }.console-page[data-experience="customer"] .console-stat-card p { font-size:12px; }.console-status-report { padding:15px; }.console-status-grid { gap:7px; }.console-status-tile { padding:11px 8px; }.console-status-label { font-size:10px; gap:4px; }.console-status-label i { width:5px; height:5px; }.console-status-tile strong { font-size:23px; }.console-periods button { font-size:11px; min-height:44px; }.console-page[data-experience="customer"] .console-recent { padding:16px; }.console-page[data-experience="customer"] .console-recent .console-card-heading { gap:8px; }.console-page[data-experience="customer"] .console-recent .console-card-heading p { font-size:12px; }.console-page[data-experience="customer"] .console-recent .console-card-heading>a { font-size:12px; white-space:nowrap; }.console-page[data-experience="customer"] .console-create-steps { gap:7px; font-size:10px; justify-content:space-between; }.console-page[data-experience="customer"] .console-create-steps span { gap:4px; }.console-page[data-experience="customer"] .console-create-steps b { width:20px; height:20px; }.console-page[data-experience="customer"] .console-create-steps i { display:none; }.console-form-card { padding:19px; }.console-form-card-heading { gap:10px; }.console-form-card-heading h3 { font-size:15px; }.console-form-card-heading p { font-size:12px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices { gap:9px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option { padding:12px; min-height:82px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>span { font-size:12px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>small { font-size:12px; }.console-page[data-experience="customer"] .console-form-card .preflight-actions .secondary-button { flex:1 1 120px; }.console-page[data-experience="customer"] .console-form-card #session-json,.console-page[data-experience="customer"] .console-form-card input[type="text"],.console-page[data-experience="customer"] .console-form-card input[type="password"],.console-page[data-experience="customer"] .console-form-card select,.console-page[data-experience="customer"] .console-form-card input[type="number"],.console-page[data-experience="customer"] .console-search-field input { font-size:16px; } }
@media(max-width:760px) { .console-status-label { font-size:12px; }.console-periods button { font-size:12px; }.console-page[data-experience="customer"] .console-product-card .console-plan-choices>.plan-option>small,.console-page[data-experience="customer"] .console-order-table .order-info small,.console-checkout-help,.console-page[data-experience="customer"] .console-order-table .order-account::before { font-size:12px; }.console-page[data-experience="customer"] .console-form-card #session-json,.console-page[data-experience="customer"] .console-form-card input[type="text"],.console-page[data-experience="customer"] .console-form-card input[type="password"],.console-page[data-experience="customer"] .console-form-card select,.console-page[data-experience="customer"] .console-form-card input[type="number"] { font-size:16px; } }
@media(min-width:761px) { .console-page[data-experience="customer"] .console-stat-card,.console-page[data-experience="customer"] .console-balance-card { position:relative; min-height:145px; padding-bottom:20px; }.console-page[data-experience="customer"] .console-stat-card a,.console-page[data-experience="customer"] .console-balance-card>a { position:absolute; right:21px; bottom:16px; margin:0; min-height:26px; }.console-page[data-experience="customer"] .console-stat-card p,.console-page[data-experience="customer"] .console-balance-card p { padding-right:86px; min-height:20px; }.console-page[data-experience="customer"] .console-balance-card p { padding-right:74px; } }

/* The credential is separate from the three customer checkout sections. */
.console-page[data-experience="customer"] .console-create-steps { justify-content:flex-start; gap:18px; padding:15px 20px; background:#fff; border:1px solid #e0e7f2; border-radius:12px; }
.console-page[data-experience="customer"] .console-create-steps span { font-size:13px; color:#526b91; white-space:nowrap; }
.console-page[data-experience="customer"] .console-create-steps b { width:26px; height:26px; font-size:12px; background:#edf2ff; color:#365bd7; }
.console-page[data-experience="customer"] .console-create-steps i { flex:1; max-width:70px; }
.console-page[data-experience="customer"] .console-credential-card { background:#f9fbff; border-color:#e1e8f5; }
.console-page[data-experience="customer"] .console-credential-card .step-heading { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.console-credential-caption { font-size:12px; color:#7b8da8; font-weight:400; }
.console-page[data-experience="customer"] .console-payment-card .console-card-privacy { margin-top:15px; color:#7b8da8; }
.console-page[data-experience="customer"] .console-payment-card .consent { margin:20px 0 8px; padding-top:18px; border-top:1px solid #edf1f7; font-size:12px; line-height:1.8; }
.console-page[data-experience="customer"] .console-payment-card .consent input { flex:none; margin-top:4px; }
.console-plan-variant { margin-top:18px; padding:16px; border:1px solid #e2e9f5; border-radius:9px; background:#f8faff; }
.console-plan-variant>label { display:block; font-size:13px; font-weight:600; color:#425c82; margin-bottom:9px; }
.console-plan-variant>select { display:block; width:100%; min-height:44px; padding:10px 12px; border:1px solid #ccd8ed; border-radius:8px; background:#fff; color:#334d72; font:inherit; font-size:13px; }
.console-plan-variant>p { margin:9px 0 0; font-size:12px; line-height:1.8; }
.console-page[data-experience="customer"] .console-checkout-sticky .console-order-review h3 { color:#223e6a; }
.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step { background:#f6f9ff; }
.console-page[data-experience="customer"] .console-checkout-sticky .confirm-step .primary-button { min-height:50px; font-size:15px; }
@media(max-width:760px) {
  .console-page[data-experience="customer"] .console-create-steps { justify-content:space-between; gap:8px; padding:13px 15px; }
  .console-page[data-experience="customer"] .console-create-steps span { gap:6px; font-size:12px; }
  .console-page[data-experience="customer"] .console-create-steps b { width:23px; height:23px; font-size:11px; }
  .console-page[data-experience="customer"] .console-create-steps i { max-width:22px; }
  .console-plan-variant>select { font-size:16px; }
}
@media(max-width:420px) {
  .console-page[data-experience="customer"] .console-create-steps { padding:12px; }
  .console-page[data-experience="customer"] .console-create-steps span { gap:5px; font-size:11px; }
  .console-page[data-experience="customer"] .console-create-steps i { display:none; }
}

/* Account checkout balance is a small header utility, not a form step. */
.console-page[data-account-portal="true"] #console-view-create>.console-page-heading { flex-wrap:wrap; gap:14px 24px; }
.console-compact-balance { display:flex; align-items:center; gap:11px; flex:none; max-width:100%; min-height:46px; padding:4px 5px 4px 16px; border:1px solid #dfe6f3; border-radius:28px; background:#fff; color:#6f809b; font-size:13px; white-space:nowrap; }
.console-compact-balance strong { color:#1f3556; font-size:20px; font-variant-numeric:tabular-nums; letter-spacing:-.3px; }
.console-compact-balance.is-low strong { color:#a16c28; }
.console-page .console-balance-redeem { display:inline-flex; align-items:center; min-height:36px; padding:6px 11px; border-radius:20px; color:#3157df; background:#eef3ff; font-size:13px; font-weight:600; text-decoration:none; }
.console-page .console-balance-redeem:hover { background:#e3ebff; }
.console-compact-balance #verify-form,.console-compact-balance .verification-row { display:flex; margin:0; padding:0; gap:0; }
.console-compact-balance #credential { display:none; }
.console-page .console-compact-balance #verify-credential { width:36px; height:36px; min-width:36px; min-height:36px; padding:0; border:0; border-radius:50%; box-shadow:none; color:#6980a1; background:transparent; font-size:0; }
.console-compact-balance #verify-credential::before { content:'↻'; font-size:23px; line-height:1; }
.console-page .console-compact-balance #verify-credential:hover:not(:disabled) { background:#f0f4fc; color:#3157df; }
.console-page .console-compact-balance #verify-credential:disabled { opacity:.4; }
.console-page[data-account-portal="true"] .console-form-intro { display:none; }
.console-page[data-account-portal="true"] .console-checkout-column { padding-top:0; }
.console-page[data-account-portal="true"] #verification-result:not(.invalid) { display:none; }
.console-page[data-account-portal="true"] #console-view-create>#verification-result.invalid { padding:9px 13px; margin:0 0 16px; font-size:12px; line-height:1.7; }

/* Keep optional account queries beside the Session identity, below the input. */
.console-page[data-experience="customer"] .console-account-card .account-preflight { margin-top:13px; padding:12px 0 0; border:0; border-top:1px solid #edf1f7; border-radius:0; background:transparent; }
.account-query-row { display:flex; align-items:center; flex-wrap:nowrap; gap:10px; min-width:0; }
.console-page[data-experience="customer"] .console-account-card .account-preflight .session-email { display:flex; align-items:baseline; gap:6px; flex:1 1 0; min-width:0; margin:0; padding:0; background:transparent; border-radius:0; font-size:13px; line-height:1.8; }
.account-query-label { flex:none; color:#8796ab; font-size:12px; font-weight:400; }
.account-query-row #session-email-value { color:#385374; font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-query-actions { display:flex; align-items:center; flex:none; gap:3px; min-width:0; }
.console-page[data-experience="customer"] .account-preflight .account-query-button { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:44px; margin:0; padding:8px; border:1px solid transparent; border-radius:7px; background:transparent; color:#4266b4; font-size:12px; font-weight:500; line-height:1.5; text-align:center; white-space:nowrap; }
.console-page[data-experience="customer"] .account-preflight .account-query-button:hover:not(:disabled) { color:#294db3; background:#edf2ff; border-color:#cfdbf3; }
.console-page[data-experience="customer"] .account-preflight .account-query-button:disabled { color:#91a0b8; opacity:1; cursor:not-allowed; }
.console-page[data-experience="customer"] .account-preflight .account-query-button:focus-visible,.account-preflight summary:focus-visible { outline:2px solid #8da8e8; outline-offset:2px; }
.console-page[data-experience="customer"] .account-preflight .account-query-hint { margin:2px 0 0; font-size:12px; line-height:1.7; }
.console-page[data-experience="customer"] .account-preflight .account-query-result { margin:7px 0 0; padding:0; color:#526d8e; font-size:12px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
.console-page[data-experience="customer"] .account-preflight .account-query-result.error,.console-page[data-experience="customer"] .account-preflight .account-query-result.is-error { color:#ad5c47; }
.account-query-details { margin-top:3px; min-width:0; }
.account-preflight summary { width:fit-content; max-width:100%; min-height:36px; padding:8px 0; color:#7f91ac; cursor:pointer; font-size:12px; line-height:1.6; }
.account-preflight summary:hover { color:#4266b4; }
.console-page[data-experience="customer"] .account-preflight .account-query-details pre { margin:0 0 7px; padding:11px 13px; border:1px solid #e8edf5; border-radius:7px; background:#f8fafd; color:#627690; font-size:12px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.account-preflight[hidden],.account-preflight [hidden] { display:none!important; }
@media(max-width:760px) {
  .console-page[data-account-portal="true"] #console-view-create>.console-page-heading { display:block; }
  .console-compact-balance { width:fit-content; margin-top:13px; gap:9px; padding-left:13px; font-size:12px; }
  .console-compact-balance strong { font-size:18px; }
  .console-page .console-balance-redeem { font-size:12px; padding-inline:10px; }
  .account-query-row { column-gap:6px; }
  .console-page[data-experience="customer"] .console-account-card .account-preflight .session-email { font-size:12px; }
  .account-query-actions { gap:1px; }
  .account-preflight summary { min-height:44px; padding-block:11px; }
  .console-page[data-experience="customer"] .account-preflight .account-query-button { padding-inline:5px; }
}