:root{--op-font-sans:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-title:16px;--fs-page:20px;--fs-page-mobile:16px;--lh-page:1.30;--fw-page:650;--fs-metric:28px;--op-primary:#3f7fdb;--op-primary-hover:#2a84de;--op-bg:#f5f7fb;--op-surface:#fff;--op-border:#eff0f5;--op-text:#333639;--op-muted:#767c82;--op-soft:#f3f3f5;--op-active:rgba(6,101,208,.10);--op-danger:#d03050;--op-ok:#18a058;--op-warn:#f0a020;--op-radius:3px;--op-card-radius:6px;--op-sidebar:220px}

*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--op-font-sans);color:var(--op-text);background:var(--op-bg);font-size:var(--fs-base);line-height:1.6}
a{color:inherit;text-decoration:none}.op-shell{min-height:100vh;display:flex;background:var(--op-bg)}.op-sidebar{width:var(--op-sidebar);min-width:var(--op-sidebar);background:#fff;border-right:1px solid var(--op-border);height:100vh;position:sticky;top:0;overflow:auto}.op-logo{height:60px;display:flex;align-items:center;justify-content:center;color:var(--op-primary);font-size:18px;font-weight:800}.op-menu{padding:0 8px 18px}.op-group-title{padding:14px 10px 6px;color:var(--op-muted);font-size:13px}.op-menu-item{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:var(--op-radius);color:var(--op-text);position:relative;margin:2px 0}.op-menu-item:hover{background:var(--op-soft)}.op-menu-item.active{color:var(--op-primary);background:var(--op-active);font-weight:600}.op-menu-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--op-primary)}.op-icon{width:22px;text-align:center;font-size:18px;line-height:1}.op-main{flex:1;min-width:0;display:flex;flex-direction:column}.op-topbar{height:60px;background:#fff;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--op-border)}.op-burger{font-size:20px;margin-right:14px;color:#1f2225}.op-crumb{display:flex;align-items:center;gap:6px;color:var(--op-text)}.op-top-actions{margin-left:auto;display:flex;align-items:center;gap:14px;color:#4b5563}.op-tool{width:28px;height:28px;border:0;background:transparent;color:#374151;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0;cursor:pointer;font-size:var(--fs-base)}.op-tool:hover{background:#f3f4f6}.op-tool svg{width:17px;height:17px}.op-lang-current{gap:5px;padding:0 8px;width:auto;min-width:38px}.op-lang-label{font-size:12px;font-weight:700;line-height:1;color:#334155}.op-lang{position:relative}.op-lang-menu{display:none;position:absolute;right:0;top:34px;min-width:128px;background:#fff;border:1px solid var(--op-border);border-radius:10px;box-shadow:0 10px 28px rgba(15,23,42,.16);padding:6px;z-index:100}.op-lang.open .op-lang-menu{display:block}.op-lang-menu button{width:100%;height:30px;border:0;background:transparent;color:#374151;border-radius:8px;justify-content:flex-start;padding:0 10px}.op-lang-menu button:hover,.op-lang-menu button.active{background:#eff6ff;color:#1677ff}.op-user{height:32px;border:1px solid #e0e0e6;border-radius:var(--op-radius);padding:0 12px;display:flex;align-items:center;gap:8px;background:#fff}.op-avatar{width:22px;height:22px;border-radius:50%;background:#6b7280;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.op-content{padding:16px 24px 40px}html.dark{color-scheme:dark}html.dark body,html.dark .op-shell{background:#0f172a;color:#e5e7eb}html.dark .op-sidebar,html.dark .op-topbar,html.dark .card,html.dark .doc-card,html.dark .plan,html.dark .node,html.dark details,html.dark .op-user,html.dark input,html.dark textarea,html.dark select{background:#111827!important;color:#e5e7eb!important;border-color:#374151!important}html.dark .op-menu-item,html.dark .op-crumb,html.dark .op-tool{color:#d1d5db}html.dark .op-menu-item:hover,html.dark .op-tool:hover{background:#1f2937}html.dark .op-menu-item.active{background:#0f2f5f;color:#93c5fd}html.dark .muted,html.dark .mini{color:#9ca3af}html.dark table th,html.dark table td{border-color:#374151}html.dark .op-lang-menu{background:#111827;border-color:#374151}.op-profile-action-card{min-height:132px;display:flex;flex-direction:column}.op-profile-action-card .op-profile-action-body{min-height:24px}.op-profile-action-card .profile-spacer{flex:1}.op-profile-action-card .btn{align-self:flex-start;margin-top:12px}.hero{padding:0;margin:0 0 16px}.hero h1,.op-page-title{font-size:var(--fs-page);line-height:var(--lh-page);margin:0 0 8px;font-weight:var(--fw-page)}.hero p{margin:0 0 10px}.card,.doc-card,.plan,.node,.corridor,details{background:#fff;border:1px solid var(--op-border);border-radius:var(--op-card-radius);box-shadow:none;overflow:hidden;margin-bottom:16px;padding:20px}.card:before,.doc-card:before,.plan:before,.corridor:before{display:none}.card h2,.doc-card h3,.plan h3,.node h3{font-size:16px;margin:0 0 12px;font-weight:650}.grid,.windows,.node-grid,.plan-grid,.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.muted{color:var(--op-muted)}.mini{font-size:12px;color:var(--op-muted)}.metric,.price{font-size:var(--fs-metric);font-weight:500;color:var(--op-text);margin:4px 0 8px}.pill,.tag,.chip,.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e0e6;background:#fafafc;border-radius:999px;padding:2px 9px;color:#4b5563;font-size:12px;margin:2px 4px 2px 0}.actions,.chips,.price-line{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.btn,button{height:34px;font-family:var(--op-font-sans);font-size:var(--fs-base);line-height:1.35;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-primary);border-radius:var(--op-radius);background:var(--op-primary);color:#fff;padding:0 14px;font:400 14px inherit;cursor:pointer;box-shadow:none}.btn:hover,button:hover{background:var(--op-primary-hover);border-color:var(--op-primary-hover)}.btn.ghost,button.ghost{background:#fff;color:var(--op-primary);border:1px solid var(--op-primary)}.btn.ghost:hover,button.ghost:hover{background:#eef6ff}.notice{border:1px solid #bfdbfe;background:#eef5ff;border-radius:8px;padding:12px;margin:10px 0}.warn{color:#c2410c}.danger{color:var(--op-danger)}.ok{color:var(--op-ok)}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid var(--op-border);padding:10px;text-align:left;vertical-align:top}th{font-weight:600;background:#fafafc;color:#4b5563}input,select,textarea{width:100%;height:34px;border:1px solid #e0e0e6;border-radius:var(--op-radius);background:#fff;color:var(--op-text);padding:0 12px;margin:6px 0 14px;font:inherit;outline:none}textarea{height:auto;min-height:84px;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--op-primary-hover);box-shadow:0 0 0 2px rgba(6,101,208,.16)}.step{border-left:2px solid var(--op-primary);padding:6px 0 6px 12px;color:var(--op-muted)}.section-head{margin:22px 0 12px}.eyebrow{color:var(--op-muted);font-size:13px;margin:0 0 6px}.h2,.section-head h2{font-size:18px;margin:0}.op-search{display:flex;gap:10px;margin-bottom:16px}.op-search input{margin:0;flex:1}.op-search button{background:#fff;color:var(--op-primary)}.op-list{background:#fff;border:1px solid var(--op-border);border-radius:var(--op-card-radius);margin-bottom:16px;overflow:hidden}.op-list h2{font-size:16px;margin:0;padding:16px 20px 6px}.op-list-row{display:block;padding:13px 20px;border-top:1px solid var(--op-border)}.op-list-row:hover{background:#fafafc}.op-list-row b{font-weight:500}.op-list-row small{display:block;color:var(--op-muted);margin-top:2px}.op-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.op-plan-grid.dashboard-guide-grid{align-items:stretch}.dashboard-guide-card{display:flex;flex-direction:column;height:100%;text-decoration:none}.dashboard-guide-card h2{margin-top:0}.dashboard-guide-card .muted{margin-bottom:14px}.dashboard-guide-action{margin-top:auto;align-self:flex-start}.op-plan{background:#fff;border:1px solid var(--op-border);border-radius:var(--op-card-radius);padding:20px}.op-plan h2{font-size:18px;margin:0}.op-plan .price{color:var(--op-primary)}.op-plan ul{padding-left:18px;color:#4b5563}.op-alert{background:#eef6ff;border:1px solid #cfe0ff;color:#075985;border-radius:8px;padding:12px;margin-bottom:16px}.op-shell,.op-content{font-size:var(--fs-base)}.op-menu-item{font-size:var(--fs-base);height:42px}.op-group-title{font-size:var(--fs-xs)}.op-topbar{font-size:var(--fs-base)}.hero h1,.op-page-title{font-size:var(--fs-page);line-height:var(--lh-page);font-weight:var(--fw-page)}.hero p{font-size:var(--fs-base);line-height:1.6}.card h2,.doc-card h3,.plan h3,.node h3,.op-list h2{font-size:var(--fs-title);line-height:1.35}.step{font-size:var(--fs-base);line-height:1.65;color:#3f4650}.btn,button{height:36px;font-family:var(--op-font-sans);font-size:var(--fs-base);font-weight:600;line-height:1.35}.pill,.tag,.chip,.status-pill,.mini{font-size:var(--fs-xs)}.op-list-row b{font-size:var(--fs-base)}.op-list-row small{font-size:var(--fs-sm)}.op-em-red{color:#d03050;font-weight:800}.op-em-bold{font-weight:800;color:#1f2937}.op-doc-section{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:22px}.op-doc-section:first-child,.op-doc-section-first{border-top:0;padding-top:0;margin-top:0}.op-doc-section h2{font-size:17px;line-height:1.35;margin:0 0 12px;color:#111827;font-weight:800}.op-plain-text{font-size:15px;line-height:1.85;color:#222;margin:0 0 12px}.op-tip-list{display:flex;flex-direction:column;gap:10px;margin:12px 0 2px}.op-tip-box{border-radius:6px;padding:12px 14px;font-size:14.5px;line-height:1.75;font-weight:400}.op-tip-blue{background:#eef7ff;color:#1f3f66}.op-tip-orange{background:#fff4e5;color:#7a4b16}.op-tip-gray{background:#f5f5f5;color:#444}.op-copy-btn{height:38px;border-radius:6px;background:#1677ff;color:#fff;border:1px solid #1677ff;padding:0 18px;font-weight:600;box-shadow:none}.op-thanks{color:#18a058;font-weight:700;margin:0;font-size:15px}.op-red-inline{color:#d03050;font-weight:700}.op-link-inline{color:#1677ff;font-weight:600}.op-doc-final{padding-top:18px;margin-top:20px}.op-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.op-client-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.op-client-head{display:flex;align-items:center;gap:11px}.op-client-icon{width:36px;height:36px;border-radius:10px;background:#eef7ff;color:#1677ff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.op-client-head strong{display:block;font-size:var(--fs-base);color:#111827}.op-client-head small{display:block;margin-top:2px;color:#6b7280;font-size:13px}.op-client-platforms{display:flex;flex-wrap:wrap;gap:7px}.op-client-platforms span{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 9px;font-size:12.5px}.op-client-action{height:34px;border-radius:6px;background:#1677ff;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:14px;font-weight:650;border:1px solid #1677ff}.op-client-action.ghost{background:#fff;color:#1677ff}.op-tv-btn{margin-top:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.op-luna-preview{display:block;width:100%;max-width:920px;margin-top:14px;border-radius:14px;border:1px solid #1f2937;box-shadow:0 18px 42px rgba(15,23,42,.22);background:#0b1020}.op-invite-page{display:grid;gap:16px}.op-invite-hero{display:flex;justify-content:space-between;align-items:center}.op-invite-hero h2{margin:0 0 12px;font-size:20px}.op-invite-balance{font-size:46px;line-height:1;margin:0;color:#111827;font-weight:500}.op-invite-balance span{font-size:20px;color:#6b7280;margin-left:12px}.op-invite-mark{font-size:42px;color:#9ca3af}.op-invite-stat{display:grid;gap:0}.op-invite-stat div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef0f4}.op-invite-stat div:last-child{border-bottom:0}.op-invite-stat span{color:#4b5563}.op-invite-stat b{color:#111827}.op-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.op-card-title h2{margin:0}.op-invite-copy{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:12px;border:1px solid #dbeafe;background:#eff6ff;border-radius:8px;margin-bottom:12px}.op-invite-code-line{display:inline-flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}.op-invite-code-line span{font-weight:800;color:#1d4ed8;letter-spacing:.3px}.op-invite-code-line button,.op-invite-copy button,.op-card-title button{height:32px;border-radius:999px;padding:0 13px;background:#1677ff;color:#fff;border:1px solid #1677ff}.op-generate-invite button{height:30px;border-radius:999px;padding:0 14px;background:#1677ff;color:#fff;border:1px solid #1677ff;font-size:13px}.op-invite-code-cell{display:inline-flex;align-items:center;gap:8px}.op-copy-link{height:26px!important;padding:0 8px!important;border-radius:8px!important;background:transparent!important;color:#1677ff!important;border:0!important;font-size:13px}.op-copy-link:hover{background:#eff6ff!important}.op-toast{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:1000;background:rgba(17,24,39,.94);color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(15,23,42,.22);font-size:14px}.op-notify-settings{display:grid;gap:12px}.op-notify-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eef0f4}.op-notify-row:last-of-type{border-bottom:0}.op-notify-text b{display:block;color:#111827;margin-bottom:3px}.op-notify-text small{color:#6b7280}.op-switch{position:relative;display:inline-flex;align-items:center;width:46px;height:26px}.op-switch input{opacity:0;width:0;height:0}.op-switch i{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:999px;transition:.18s}.op-switch i:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.18s}.op-switch input:checked+i{background:#1677ff}.op-switch input:checked+i:before{transform:translateX(20px)}.op-notify-actions{display:flex;justify-content:flex-end;margin-top:4px}.op-invite-note p{line-height:1.8;color:#4b5563}.op-invite-doc-btn{margin-top:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.op-invite-tip-title{margin-top:18px!important}.dash-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.dash-quick-actions .btn,.dash-quick-actions button{width:100%;min-width:0;text-align:center;white-space:normal}.dash-quick-actions .primary-import{grid-column:1/-1;font-weight:650}.service-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;margin-top:12px}.service-mini-grid .notice{min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.service-mini-grid .metric{font-size:22px;margin:6px 0}.card input[readonly]{text-overflow:ellipsis}@media(max-width:900px){.op-sidebar{position:fixed;z-index:50;transform:translateX(-100%)}.op-content{padding:14px}.grid,.windows,.node-grid,.plan-grid,.doc-grid,.op-plan-grid{grid-template-columns:1fr}.op-top-actions{gap:10px}.op-user{max-width:170px;overflow:hidden}.op-shell{display:block}}

@media(max-width:520px){.dash-quick-actions{grid-template-columns:1fr}.service-mini-grid{grid-template-columns:1fr}.op-user{max-width:130px}.op-top-actions{gap:6px}}

@media(max-width:900px){.card>table,.card form+table,.op-list table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.card>table th,.card>table td,.card form+table th,.card form+table td,.op-list table th,.op-list table td{white-space:nowrap}.card td .mini,.card td p,.card td textarea{white-space:normal}}



/* Phase 1M: productized plan page */
.plan-hero{margin-bottom:18px}.plan-product-grid{align-items:stretch}.plan-product-card{display:flex;flex-direction:column;min-height:430px}.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.plan-card-head h2{margin:6px 0 0}.plan-card-head small{font-size:13px;color:var(--op-muted);font-weight:500}.plan-headline{min-height:44px}.plan-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.plan-stats div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;padding:12px}.plan-stats b{display:block;font-size:22px;color:#1f2937;line-height:1.1}.plan-stats span{display:block;color:#6b7280;font-size:12px;margin-top:4px}.plan-feature-list{padding-left:18px;color:#4b5563;margin:10px 0 14px}.plan-feature-list li{margin:5px 0}.plan-balance{margin-top:auto;display:block}.plan-product-card button{margin-top:10px;width:100%}.plan-rights-grid .notice{min-height:96px}.plan-payment-card details{margin-top:10px}.plan-payment-card summary{cursor:pointer;color:var(--op-primary);font-weight:650}.plan-usdt-qr{max-width:220px;width:100%;border-radius:10px;border:1px solid #e5eaf0;background:#fff;padding:10px;margin-top:8px}.plan-note-card{border-color:#bfdbfe!important;background:#f8fbff!important}@media(max-width:900px){.plan-product-card{min-height:0}.plan-card-head{display:block}.plan-headline{min-height:0}.plan-stats{grid-template-columns:1fr}}


/* Phase 1N: productized node status page */
.node-hero{margin-bottom:18px}.node-summary-grid{align-items:stretch;gap:14px}.node-segment-card{min-height:172px;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:14px!important;border:1px solid #e5eaf0!important;background:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.05)!important}.node-segment-card:before{display:none}.node-segment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.node-segment-head h2{font-size:17px;margin:0;line-height:1.35;color:#1f2937;font-weight:700}.node-segment-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#eef5ff;color:#285a9b;font-weight:800;font-size:13px;flex:0 0 auto;box-shadow:none}.node-segment-copy{margin:0;color:#5f6b7a;font-size:14px;line-height:1.68;min-height:72px;font-weight:400}.node-region-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.node-region-pills span{display:inline-flex;align-items:center;border:1px solid #d8e4f2;background:#f8fbff;color:#374151;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;box-shadow:none}.node-region-pills span.is-top{background:#eef5ff;color:#285a9b;border-color:#cfe0ff;font-weight:700}.node-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.node-product-card{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.node-location-tip-card{background:linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%);border:1px solid #dbeafe;border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.04);display:flex;flex-direction:column;justify-content:center;min-height:170px}.node-location-tip-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.node-location-tip-icon{width:24px;height:24px;border-radius:999px;background:#eef5ff;color:#285a9b;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto}.node-location-tip-card h2{font-size:16px;margin:0;color:#1f2937;font-weight:700}.node-location-tip-card p{margin:0;color:#5f6b7a;font-size:13.5px;line-height:1.7}.node-location-tip-card .mini{margin-top:8px;color:#7a8594}.node-product-card h2{font-size:17px;margin:10px 0 6px}.node-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.node-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.node-status.ok{background:#ecfdf5;color:#047857}.node-status.warn{background:#eef5ff;color:#b45309}.node-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.node-meta-grid div{background:#f8fafc;border:1px solid #e5eaf0;border-radius:10px;padding:10px}.node-meta-grid b{display:block;font-size:18px;color:#1f2937;line-height:1.1}.node-meta-grid span{display:block;color:#6b7280;font-size:12px;margin-top:4px}.node-policy-card{border-color:#bfdbfe!important}.node-raw-card details summary{cursor:pointer;color:var(--op-primary);font-weight:650}@media(max-width:900px){.node-card-grid{grid-template-columns:1fr}.node-segment-card{min-height:0}.node-segment-copy{min-height:0}.node-product-card{padding:14px}.node-meta-grid{grid-template-columns:1fr}}


/* Phase 1O: productized invite affiliate center */
.invite-hero{margin-bottom:14px}
.invite-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.invite-stat-card{min-height:132px;display:flex;flex-direction:column;background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:14px 15px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.invite-stat-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:9px;background:#eef5ff;color:#285a9b;font-weight:800}
.invite-stat-card p{margin:8px 0 3px;color:#6b7280}
.invite-stat-card b{display:block;font-size:22px;line-height:1.25;color:#1f2937;overflow-wrap:anywhere}
.invite-stat-card small{display:block;margin-top:auto;padding-top:5px;color:#6b7280;line-height:1.4}
.invite-main-grid,.invite-record-grid,.invite-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;align-items:stretch}
.invite-main-grid>.card,.invite-record-grid>.card,.invite-info-grid>.card{height:100%;min-width:0}
.invite-link-card,.invite-withdraw-card{min-height:218px;display:flex;flex-direction:column}
.invite-link-card p.muted,.invite-withdraw-card p.muted{margin:0 0 8px}
.invite-link-box{display:flex;align-items:center;gap:8px;margin:10px 0}
.invite-link-box input{flex:1;min-width:0;height:42px;margin:0;border:1px solid #d8e0ea;border-radius:10px;padding:0 11px;background:#f8fafc;color:#1f2937}
.invite-link-box button{height:42px;white-space:nowrap}
.invite-withdraw-card .metric{font-size:var(--fs-metric);color:#1f2937;margin:8px 0}
.invite-withdraw-card .actions,.op-generate-invite{margin-top:auto}
.invite-alert-card,.invite-reward-card{border-color:#bfdbfe!important;background:#f8fbff!important}
.invite-alert-card .plan-feature-list{margin:8px 0 0}
.invite-alert-card .plan-feature-list li{margin:6px 0;line-height:1.55}
.invite-record-table-wrap{width:100%;overflow-x:auto}
.invite-record-table-wrap table{min-width:420px}
@media(max-width:900px){.invite-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-main-grid,.invite-record-grid,.invite-info-grid{grid-template-columns:1fr}.invite-link-box{flex-direction:row}.invite-link-box button{width:auto}}
@media(max-width:440px){.invite-stat-card{min-height:118px;padding:13px 12px}.invite-stat-card b{font-size:20px}}


/* Phase 1P: productized docs/knowledge page */
.docs-hero{margin-bottom:18px}.doc-search-card{margin-bottom:18px}.doc-search{display:flex;gap:10px;margin:12px 0}.doc-search input{flex:1;min-width:0;border:1px solid #d8e0ea;border-radius:10px;padding:11px 12px;background:#f8fafc;color:#1f2937}.doc-search button{white-space:nowrap}.doc-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.doc-quick-card{display:block;text-decoration:none;background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;padding:13px;color:#1f2937}.doc-quick-card b{display:block;margin-bottom:6px}.doc-quick-card span{display:block;color:#6b7280;font-size:13px;line-height:1.45}.doc-section{margin:18px 0}.doc-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.doc-section-head h2{margin:0 0 4px}.doc-list{display:grid;gap:10px}.doc-list-row{display:flex!important;justify-content:space-between;gap:14px;align-items:center;text-decoration:none;border:1px solid #e5eaf0;border-radius:12px;padding:13px 14px;background:#fff;color:#1f2937}.doc-list-row:hover{border-color:#9cc2ff;background:#f8fbff}.doc-list-row b{display:block}.doc-list-row p{margin:5px 0 0;color:#6b7280;font-size:13px}.doc-list-row small{color:#6b7280;white-space:nowrap}.docs-note-card{border-color:#bfdbfe!important;background:#f8fbff!important}@media(max-width:900px){.doc-search{flex-direction:column}.doc-search button{width:100%}.doc-quick-grid{grid-template-columns:1fr}.doc-section-head{display:block}.doc-list-row{align-items:flex-start}.doc-list-row small{white-space:normal;text-align:right}}




/* Phase 1S: global mobile topbar polish */
.op-topbar{min-width:0}.op-crumb{min-width:0;flex:1}.op-crumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-top-actions{min-width:0;flex-shrink:0}.op-user{min-width:0;max-width:220px}.op-user-email{display:inline-block;min-width:0;max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-logout{white-space:nowrap}@media(max-width:760px){.op-topbar{height:56px;padding:0 10px}.op-burger{margin-right:8px}.op-crumb{font-size:14px}.op-top-actions{gap:6px}.op-tool{width:30px;height:30px}.op-user{height:30px;padding:0 8px;max-width:40px;border-radius:999px}.op-user-email{display:none}.op-logout{height:30px;padding:0 9px;font-size:13px}.op-top-actions #fullscreenToggle{display:none}}@media(max-width:420px){.op-topbar{padding:0 8px}.op-crumb span:first-child{display:none}.op-crumb{font-size:13px}.op-top-actions{gap:4px}.op-tool{width:28px;height:28px}.op-logout{padding:0 8px}.op-lang-label{display:none}}

/* Phase 1R: traffic detail dashboard */
.traffic-hero{margin-bottom:18px}.traffic-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.traffic-progress-card{margin:18px 0}.traffic-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#1f2937}.traffic-progress{height:10px;border-radius:999px;background:#e8eef6;overflow:hidden}.traffic-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3f7fdb,#10b981)}.traffic-guide-card{margin:18px 0}.traffic-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.traffic-node-card{background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.traffic-node-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.traffic-node-top h2{font-size:17px;margin:0}.traffic-node-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;color:#374151;font-size:13px}.traffic-node-meta span{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:8px;text-align:center}.traffic-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;text-align:center}.traffic-raw-card details summary{cursor:pointer;color:var(--op-primary);font-weight:650}@media(max-width:900px){.traffic-stat-grid,.traffic-node-grid{grid-template-columns:1fr}.traffic-node-meta{grid-template-columns:1fr}.traffic-hero .actions .btn{width:100%;text-align:center}}

/* Phase 1Q: productized ticket/support page */
.ticket-hero{margin-bottom:18px}.ticket-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ticket-guide-card{margin:18px 0}.ticket-card-grid{display:grid;gap:12px;margin:18px 0}.ticket-card{display:block;text-decoration:none;background:#fff;border:1px solid #e5eaf0;border-radius:14px;padding:16px;color:#1f2937;box-shadow:0 8px 22px rgba(15,23,42,.05)}.ticket-card:hover{border-color:#9cc2ff;background:#f8fbff}.ticket-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ticket-card h2{font-size:18px;margin:12px 0 6px}.ticket-status{display:inline-flex;border-radius:999px;padding:5px 10px;background:#eef5ff;color:#285a9b;font-weight:700;font-size:12px}.ticket-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:22px;text-align:center}.ticket-raw-card details summary{cursor:pointer;color:var(--op-primary);font-weight:650}.ticket-form-card form{display:grid;gap:10px}.ticket-form-card input,.ticket-form-card textarea,.ticket-form-card select{border:1px solid #d8e0ea;border-radius:10px;padding:11px 12px;background:#f8fafc;color:#1f2937}.ticket-form-card select{min-height:44px;height:44px;line-height:20px;padding-top:10px;padding-bottom:10px}.ticket-form-card label{font-weight:650;color:#374151}@media(max-width:900px){.ticket-stat-grid{grid-template-columns:1fr}.ticket-card{padding:14px}.ticket-card .btn{width:100%;text-align:center}.ticket-form-card button{width:100%}}

/* Phase 1K: DMIT-inspired light palette for S1Qi app shell */
:root{
  --op-primary:#3f7fdb;
  --op-primary-hover:#326fc7;
  --op-bg:#f5f7fa;
  --op-surface:#ffffff;
  --op-border:#e5eaf0;
  --op-text:#1f2937;
  --op-muted:#6b7280;
  --op-soft:#f8fafc;
  --op-active:rgba(255,255,255,.16);
  --op-danger:#ef4444;
  --op-ok:#10b981;
  --op-warn:#f59e0b;
}
body:not(.dark), html:not(.dark) body{background:var(--op-bg);color:var(--op-text)}
.op-shell,.op-main,.op-content{background:var(--op-bg)}
.op-sidebar{background:#285a9b!important;border-right:0!important;box-shadow:0 12px 30px rgba(16,45,82,.14)}
.op-logo{color:#fff!important;font-weight:800;letter-spacing:.2px}
.op-group-title{color:rgba(255,255,255,.58)!important}
.op-menu-item{color:rgba(255,255,255,.86)!important;border-radius:8px}
.op-menu-item:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.op-menu-item.active{background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:650}
.op-menu-item.active:before{background:#fff!important;opacity:.95}
.op-icon{color:inherit}.op-topbar{background:#fff;border-bottom:1px solid var(--op-border);box-shadow:0 1px 2px rgba(31,41,55,.03)}
.op-burger,.op-crumb,.op-top-actions,.op-tool{color:#4b5563}.op-tool:hover{background:#f3f6fa}.op-user{background:#fff;border-color:var(--op-border);box-shadow:0 1px 2px rgba(31,41,55,.03)}
.card,.doc-card,.plan,.node,.corridor,details,.op-list,.op-plan,.op-client-card,.op-profile-action-card{background:#fff!important;border-color:var(--op-border)!important;border-radius:10px;box-shadow:0 2px 8px rgba(31,41,55,.04)!important}
.card h2,.doc-card h3,.plan h3,.node h3,.hero h1,.op-page-title{color:#1f2937}.muted,.mini{color:#6b7280}.metric,.price{color:#1f2937}.metric.ok,.ok{color:var(--op-ok)!important}.warn{color:#b45309!important}.danger{color:var(--op-danger)!important}
.btn,button{background:var(--op-primary);border-color:var(--op-primary);color:#fff;border-radius:7px;box-shadow:none}.btn:hover,button:hover{background:var(--op-primary-hover);border-color:var(--op-primary-hover)}.btn.ghost,button.ghost{background:#fff;color:var(--op-primary);border-color:#b9d2f3}.btn.ghost:hover,button.ghost:hover{background:#eef5ff;border-color:var(--op-primary)}
.pill,.tag,.chip,.status-pill{background:#f8fafc;border-color:#e5eaf0;color:#4b5563}.notice{background:#f8fafc!important;border-color:#e5eaf0!important;color:#4b5563}.card .warn,.notice .warn{color:#b45309!important}.op-alert{background:#eef5ff!important;border-color:#cfe0ff!important;color:#245a9d!important}.step{border-left-color:#3f7fdb;color:#6b7280}th{background:#f8fafc;color:#4b5563}table{background:#fff}input,select,textarea{border-color:#dbe3ee;background:#fff;color:#1f2937;border-radius:7px}input:focus,select:focus,textarea:focus{border-color:#3f7fdb;box-shadow:0 0 0 3px rgba(63,127,219,.14)}.service-mini-grid .notice{background:#f8fafc!important}.service-mini-grid .notice .metric{color:#1f2937}

/* S1Qi theme/i18n repair: semantic dark tokens + late overrides */
html.dark{--op-primary:#7db6ff;--op-primary-hover:#9cc8ff;--op-bg:#0b1020;--op-surface:#111827;--op-surface-2:#172033;--op-surface-3:#1f2937;--op-border:#334155;--op-text:#e5e7eb;--op-muted:#a8b3c7;--op-soft:#1f2937;--op-active:rgba(125,182,255,.18);--op-heading:#f8fafc;--op-heading-soft:#eaf2ff;--op-pill-bg:#172033;--op-pill-text:#cbd5e1;--op-blue-soft:#10233d;--op-blue-text:#bfdbfe;--op-orange-soft:#332312;--op-orange-text:#fed7aa;--op-gray-soft:#1f2937;--op-gray-text:#cbd5e1;--op-danger:#f43f5e;--op-ok:#86efac;--op-warn:#fbbf24;color-scheme:dark}
html.dark body,html.dark .op-shell{background:var(--op-bg)!important;color:var(--op-text)!important}
html.dark .op-sidebar,html.dark .op-topbar,html.dark .card,html.dark .doc-card,html.dark .plan,html.dark .node,html.dark .corridor,html.dark details,html.dark .op-user,html.dark .op-list,html.dark .op-plan,html.dark .op-client-card,html.dark .op-profile-action-card{background:var(--op-surface)!important;color:var(--op-text)!important;border-color:var(--op-border)!important;box-shadow:none!important}
html.dark .op-content,html.dark .op-main{background:var(--op-bg)!important;color:var(--op-text)!important}
html.dark .op-menu-item,html.dark .op-crumb,html.dark .op-top-actions,html.dark .op-tool,html.dark .op-group-title,html.dark .step,html.dark .hero p,html.dark .op-plain-text,html.dark .op-list-row small,html.dark .op-client-head small,html.dark .op-invite-stat span,html.dark .op-notify-text small,html.dark .op-invite-note p,html.dark .muted,html.dark .mini{color:var(--op-muted)!important}
html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark .hero h1,html.dark .op-page-title,html.dark .card h2,html.dark .doc-card h3,html.dark .plan h3,html.dark .node h3,html.dark .op-list h2,html.dark .op-plan h2,html.dark .op-doc-section h2,html.dark .op-client-head strong,html.dark .op-invite-balance,html.dark .op-invite-stat b,html.dark .op-notify-text b,html.dark .op-card-title h2,html.dark .op-em-bold{color:var(--op-heading)!important}
html.dark .op-menu-item:hover,html.dark .op-tool:hover,html.dark .op-list-row:hover,html.dark .btn.ghost:hover,html.dark button.ghost:hover{background:var(--op-surface-3)!important}
html.dark .op-menu-item.active{background:var(--op-active)!important;color:var(--op-primary)!important}
html.dark .op-lang-menu{background:var(--op-surface)!important;border-color:var(--op-border)!important;box-shadow:0 16px 36px rgba(0,0,0,.38)!important}
html.dark .op-lang-menu button{color:var(--op-text)!important;background:transparent!important}
html.dark .op-lang-menu button:hover,html.dark .op-lang-menu button.active{background:var(--op-active)!important;color:var(--op-primary)!important}
html.dark input,html.dark textarea,html.dark select{background:var(--op-surface-2)!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b!important}
html.dark table,html.dark th,html.dark td{background:var(--op-surface)!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html.dark th{background:var(--op-surface-2)!important;color:var(--op-heading)!important}
html.dark .pill,html.dark .tag,html.dark .chip,html.dark .status-pill,html.dark .op-client-platforms span{background:var(--op-pill-bg)!important;color:var(--op-pill-text)!important;border-color:var(--op-border)!important}
html.dark .btn.ghost,html.dark button.ghost,html.dark .op-search button,html.dark .op-client-action.ghost{background:var(--op-surface)!important;color:var(--op-primary)!important;border-color:var(--op-primary)!important}
html.dark .notice{background:var(--op-orange-soft)!important;color:var(--op-orange-text)!important;border-color:#854d0e!important}
html.dark .op-alert{background:var(--op-blue-soft)!important;color:var(--op-blue-text)!important;border-color:#1e3a5f!important}
html.dark .op-tip-blue,html.dark .op-client-icon{background:var(--op-blue-soft)!important;color:var(--op-blue-text)!important}
html.dark .op-tip-orange{background:var(--op-orange-soft)!important;color:var(--op-orange-text)!important}
html.dark .op-tip-gray{background:var(--op-gray-soft)!important;color:var(--op-gray-text)!important}
html.dark .op-doc-section,html.dark .op-list-row,html.dark .op-invite-stat div,html.dark .op-notify-row{border-color:var(--op-border)!important}
html.dark .op-invite-copy{background:var(--op-blue-soft)!important;border-color:#1e3a5f!important;color:var(--op-blue-text)!important}
html.dark .op-invite-code-line span,html.dark .op-link-inline{color:var(--op-primary)!important}
html.dark .op-switch i{background:#475569!important}
html.dark .op-switch input:checked+i{background:var(--op-primary)!important}
html.dark .op-toast{background:rgba(2,6,23,.96)!important;color:#fff!important}


/* Phase 5F: subscription center consolidation */
.subscription-hero{margin-bottom:18px}.subscription-overview-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin:18px 0}.subscription-kpi-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.subscription-kpi-card.primary{border-color:#bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.subscription-pill-line{margin:6px 0 8px}.subscription-progress{height:9px;border-radius:999px;background:#e8eef6;overflow:hidden;margin:8px 0 10px}.subscription-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3f7fdb,#10b981)}.subscription-command-card{margin:18px 0;padding:22px}.subscription-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.subscription-command-head h2{margin:0 0 6px}.subscription-url-box{background:#f8fafc;border:1px solid #e5eaf0;border-radius:12px;padding:12px;margin:12px 0}.subscription-url-box label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.subscription-url-box input{margin:0;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.subscription-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.subscription-primary-actions .btn{width:100%;height:40px}.subscription-import-primary{font-weight:700}.subscription-qr-trigger{border-color:#bed1ec!important;background:linear-gradient(135deg,#f8fbff,#edf5ff)!important;color:#285a9b!important}.subscription-qr-trigger:hover{background:linear-gradient(135deg,#edf5ff,#e3efff)!important;border-color:#8fb5e6!important}.subscription-qr-dialog{width:min(430px,calc(100vw - 28px));max-width:none;border:0;border-radius:20px;padding:0;background:transparent;box-shadow:0 24px 70px rgba(15,23,42,.28)}.subscription-qr-dialog::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(4px)}.subscription-qr-dialog-card{position:relative;padding:25px;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid rgba(190,209,236,.92);border-radius:20px;text-align:center}.subscription-qr-dialog-card h2{margin:4px 34px 8px;font-size:20px;color:#173a69}.subscription-qr-dialog-card>.muted{margin:0 auto;max-width:310px;font-size:12px;line-height:1.65}.subscription-qr-format{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;max-width:300px;text-align:center}.subscription-qr-format select{flex:0 0 150px;width:150px!important;max-width:100%;margin:0!important;height:38px!important;border:1px solid #dbeafe!important;border-radius:10px!important;background:#fff!important;color:#173a69!important;font-size:14px!important;font-weight:650!important;text-align:center!important}.subscription-qr-close{position:absolute;right:13px;top:13px;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important;border:1px solid #d9e5f4!important;background:#fff!important;color:#58708f!important;font-size:22px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important}.subscription-qr-close:hover{background:#eef5ff!important;color:#285a9b!important}.subscription-qr-frame{display:inline-flex;margin:18px auto 12px;padding:13px;border-radius:18px;background:#fff;box-shadow:0 14px 28px rgba(39,87,145,.12);border:1px solid #e3edf9}.subscription-qr-dialog-image{display:block;width:min(230px,62vw);height:auto;border-radius:10px;background:#fff}.subscription-qr-safety{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;color:#6b7d93;font-size:11.5px;line-height:1.45}.subscription-qr-safety span{padding:3px 7px;border-radius:999px;background:#edf4fc}.subscription-qr-dialog-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:17px}.subscription-qr-dialog-actions .btn{min-height:40px;height:auto}.subscription-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.subscription-format-card{display:block;text-decoration:none;color:#1f2937;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:13px}.subscription-format-card:hover{border-color:#9cc2ff;background:#f8fbff}.subscription-format-card b{display:block;font-size:14px;margin-bottom:5px}.subscription-format-card span{display:block;color:#6b7280;font-size:12.5px;line-height:1.45}.subscription-help-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.subscription-help-strip div{border:1px solid #e5eaf0;background:#f8fafc;border-radius:12px;padding:12px}.subscription-help-strip b{display:block;color:#1f2937;margin-bottom:4px}.subscription-help-strip p{margin:0}.subscription-reset-toast{position:relative;overflow:hidden;margin:0 0 16px;padding:15px 16px;border:1px solid #a7e3c2;border-radius:12px;background:linear-gradient(135deg,#effcf5,#f7fffb);color:#166534;box-shadow:0 8px 22px rgba(22,101,52,.08)}.subscription-reset-toast strong{display:block;font-size:15px}.subscription-reset-toast p{margin:7px 0 0;color:#276749;font-size:13px;line-height:1.65}.subscription-risk-details{border:1px dashed #cbd5e1!important;background:#fff!important;border-radius:12px!important;padding:12px!important;margin-top:14px!important}.subscription-risk-details summary{cursor:pointer;color:#b45309;font-weight:700}.subscription-reset-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px;margin-top:12px}.subscription-qr{max-width:210px;width:100%;background:#fff;padding:12px;border-radius:16px;border:1px solid #e5eaf0}.subscription-section-head{margin-top:24px}.subscription-section-head p.muted{margin:6px 0 0}.subscription-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}.subscription-device-card{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:#1f2937;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:14px;min-height:150px}.subscription-device-card:hover{border-color:#9cc2ff;background:#f8fbff}.subscription-device-card b{font-size:15px}.subscription-device-card span{color:#6b7280;font-size:13px;line-height:1.55}.subscription-device-card em{margin-top:auto;font-style:normal;color:#3f7fdb;font-size:13px;font-weight:700}.subscription-support-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin:12px 0 18px}.subscription-support-card{display:block;text-decoration:none;color:#1f2937;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:16px}.subscription-support-card:hover{border-color:#9cc2ff;background:#f8fbff}.subscription-support-card h2{margin:0 0 10px}.subscription-support-card.danger-zone{border-color:#f4d7b5!important;background:#fffaf4!important}.subscription-security-card{border-color:#bfdbfe!important;background:#f8fbff!important}@media(max-width:980px){.subscription-overview-grid,.subscription-primary-actions,.subscription-help-strip,.subscription-support-grid,.subscription-reset-grid{grid-template-columns:1fr}.subscription-device-grid,.subscription-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-command-head{display:block}.subscription-reset-grid .notice{margin:0}}@media(max-width:520px){.subscription-command-card{padding:16px}.subscription-device-grid,.subscription-format-grid{grid-template-columns:1fr}.subscription-primary-actions .btn{height:auto;min-height:40px;white-space:normal}.subscription-qr-dialog-card{padding:22px 16px}.subscription-qr-dialog-actions{grid-template-columns:1fr}.subscription-qr-dialog-image{width:min(224px,68vw)}.subscription-device-card{min-height:0}.subscription-kpi-card{min-height:0}.subscription-url-box input{font-size:12px}.subscription-risk-details{padding:10px!important}}
html.dark .subscription-kpi-card.primary,html.dark .subscription-security-card,html.dark .subscription-support-card.danger-zone{background:var(--op-surface)!important;border-color:var(--op-border)!important}html.dark .subscription-url-box,html.dark .subscription-help-strip div{background:var(--op-surface-2)!important;border-color:var(--op-border)!important}html.dark .subscription-format-card,html.dark .subscription-device-card,html.dark .subscription-support-card{background:var(--op-surface)!important;border-color:var(--op-border)!important;color:var(--op-text)!important}html.dark .subscription-format-card span,html.dark .subscription-device-card span{color:var(--op-muted)!important}


/* Phase 5F-v2: mobile CTA and secondary format collapse */
.subscription-hero-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;color:#94a3b8}.subscription-hero-links a{color:#3f7fdb;text-decoration:none;font-weight:650;font-size:14px}.subscription-hero-links a:hover{text-decoration:underline}.subscription-format-details{border:1px solid #e5eaf0!important;background:#fff!important;border-radius:12px!important;padding:12px!important;margin:14px 0!important}.subscription-format-details summary{cursor:pointer;color:#3f7fdb;font-weight:700}.subscription-format-details .subscription-format-grid{margin:12px 0 0}.subscription-device-card{min-height:128px}.subscription-command-card .subscription-format-details:before{display:none!important}@media(max-width:520px){.subscription-hero-links{gap:6px;font-size:13px}.subscription-hero-links a{font-size:13px}.subscription-format-details{padding:10px!important}.subscription-device-card{padding:12px;gap:5px}.subscription-device-card span{font-size:12.5px}.subscription-section-head{margin-top:18px}.subscription-command-card{margin-top:14px}}
html.dark .subscription-format-details{background:var(--op-surface)!important;border-color:var(--op-border)!important}html.dark .subscription-qr-dialog-card{background:linear-gradient(145deg,#111b2d,#0f1726)!important;border-color:var(--op-border)!important}html.dark .subscription-qr-dialog-card h2{color:var(--op-heading)!important}html.dark .subscription-qr-close{background:var(--op-surface-2)!important;border-color:var(--op-border)!important;color:#bfdbfe!important}html.dark .subscription-qr-safety span{background:#172a44!important;color:#bfdbfe!important}


/* Phase 5G: profile account center consolidation */
.profile-hero{margin-bottom:18px}.profile-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.profile-summary-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:14px;margin:18px 0}.profile-summary-card{min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.profile-summary-card.service{border-color:#bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.profile-main-text{font-size:16px;color:#1f2937;font-weight:650;word-break:break-word;margin:8px 0}.profile-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;color:#94a3b8}.profile-inline-actions a:not(.btn){color:#3f7fdb;text-decoration:none;font-weight:650}.profile-inline-actions a:not(.btn):hover{text-decoration:underline}.profile-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.profile-section-head h2{margin:0}.profile-preference-panel{margin:18px 0}.profile-setting-list .op-notify-row{padding:12px 0}.profile-security-grid,.profile-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.profile-security-card,.profile-support-card{display:flex;flex-direction:column;gap:8px}.profile-security-card.warning{border-color:#f4d7b5!important;background:#fffaf4!important}.profile-collapse{border:1px dashed #cbd5e1!important;background:#fff!important;border-radius:12px!important;padding:12px!important;margin-top:10px!important}.profile-collapse summary{cursor:pointer;color:#3f7fdb;font-weight:700}.profile-collapse.danger summary{color:#b45309}.profile-compact-form{margin-top:12px;display:grid;gap:8px}.profile-compact-form input{margin:0 0 8px}.profile-support-card.telegram{border-color:#bfdbfe!important;background:#f8fbff!important}.profile-support-card .btn{align-self:flex-start;margin-top:auto}@media(max-width:980px){.profile-summary-grid{grid-template-columns:1fr}.profile-security-grid,.profile-support-grid{grid-template-columns:1fr}.profile-summary-card{min-height:0}.profile-section-head{display:block}}@media(max-width:520px){.profile-hero-links .btn{width:100%;white-space:normal}.profile-summary-card,.profile-preference-panel,.profile-security-card,.profile-support-card{padding:16px}.profile-main-text{font-size:15px}.profile-collapse{padding:10px!important}.profile-support-card .btn{width:100%}}
html.dark .profile-summary-card.service,html.dark .profile-security-card.warning,html.dark .profile-support-card.telegram{background:var(--op-surface)!important;border-color:var(--op-border)!important}html.dark .profile-main-text{color:var(--op-heading)!important}html.dark .profile-collapse{background:var(--op-surface)!important;border-color:var(--op-border)!important}


/* Phase 5G v2: profile hierarchy polish */
.profile-text-link{align-self:center;color:#3f7fdb;font-weight:750;text-decoration:none;padding:8px 2px}.profile-text-link:hover{text-decoration:underline}.profile-section-label{margin:20px 0 8px;color:#64748b;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.profile-summary-grid{grid-template-columns:1.35fr .95fr .8fr!important}.profile-summary-card.service{min-height:188px;box-shadow:0 16px 38px rgba(63,127,219,.10)!important}.profile-summary-card.identity,.profile-summary-card.wallet{min-height:150px!important}.profile-summary-card.wallet .profile-main-text{font-size:18px}.profile-preference-panel{padding:18px!important}.profile-setting-list .op-notify-row{padding:9px 0!important}.profile-security-card.subscription-safety{border-color:#e5e7eb!important;background:#fff!important}.profile-collapse.danger{border-color:#e5e7eb!important;background:#fff!important}.profile-collapse.danger summary{color:#64748b!important}.profile-danger-link{border-color:#e5e7eb!important;color:#92400e!important;background:#fff!important}.profile-support-grid{grid-template-columns:1.25fr .75fr!important}@media(max-width:980px){.profile-summary-grid,.profile-support-grid{grid-template-columns:1fr!important}.profile-section-label{margin-top:18px}}@media(max-width:420px){.op-logout{display:none!important}.op-topbar .op-lang-label{display:none!important}.profile-text-link{width:100%;text-align:center}.profile-section-label{padding-left:2px}.profile-preference-panel{padding:16px!important}.profile-setting-list .op-notify-row{align-items:flex-start!important;gap:10px!important}.profile-inline-actions{display:grid;grid-template-columns:1fr;gap:4px}.profile-inline-actions span{display:none}}


/* Phase 5H-A: mobile alignment and button-wall reduction */
.docs-hero-v2{padding-bottom:18px!important}.doc-hero-primary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.doc-lite-link{color:#3f7fdb;font-weight:750;text-decoration:none}.doc-lite-link:hover{text-decoration:underline}.doc-quick-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.doc-quick-card{min-height:96px}.doc-list-row-v2{align-items:flex-start!important}.doc-list-row-v2 div{min-width:0}.doc-list-row-v2 b{display:block;line-height:1.35}.doc-list-row-v2 p{margin:.25rem 0!important}.doc-list-row-v2 small{display:block;color:#94a3b8;margin-top:2px}.dash-more-formats{margin-top:10px!important;border:1px dashed #d7e0ea!important;border-radius:14px!important;padding:10px 12px!important;background:#fff!important}.dash-more-formats summary{cursor:pointer;color:#3f7fdb;font-weight:750}.dash-format-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dash-format-grid .btn{min-height:36px;padding:8px 12px}.dash-quick-actions-v2 .btn,.dash-quick-actions-v2 button{flex:1 1 180px}.subscription-hero-links-v2{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.subscription-hero-links-v2 span{display:none!important}.subscription-hero-links-v2 a{border:1px solid #d7e0ea;border-radius:999px;padding:7px 11px;background:#fff;color:#3f7fdb;font-weight:750;text-decoration:none}.subscription-primary-actions{gap:10px}.subscription-primary-actions .btn{flex:1 1 220px}.subscription-help-strip{gap:10px}@media(max-width:620px){.docs-hero-v2 .muted{font-size:13px;line-height:1.6}.doc-hero-primary{display:grid;grid-template-columns:1fr;gap:8px}.doc-hero-primary .btn{width:100%}.doc-lite-link{text-align:center}.doc-search{display:grid!important;grid-template-columns:1fr auto!important;gap:8px}.doc-search input{min-width:0}.doc-quick-grid-v2{grid-template-columns:1fr!important}.doc-quick-card{min-height:auto!important;padding:13px 14px!important}.doc-section{padding:16px!important}.doc-section-head{display:flex!important;align-items:flex-start!important;gap:8px}.doc-section-head .pill{white-space:nowrap}.doc-list-row-v2{padding:13px 0!important}.doc-list-row-v2 b{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-list-row-v2 p{font-size:12.5px!important;line-height:1.45!important}.dash-quick-actions-v2{display:grid!important;grid-template-columns:1fr!important}.dash-quick-actions-v2 .btn,.dash-quick-actions-v2 button{width:100%!important;min-height:42px}.dash-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-format-grid .btn{width:100%;font-size:13px}.subscription-hero-links-v2{display:grid!important;grid-template-columns:1fr 1fr!important}.subscription-hero-links-v2 a{text-align:center;font-size:13px;padding:8px 8px}.subscription-hero-links-v2 a:first-child{grid-column:1 / -1}.subscription-primary-actions{display:grid!important;grid-template-columns:1fr!important}.subscription-primary-actions .btn{width:100%;min-height:42px}.subscription-help-strip{display:grid!important;grid-template-columns:1fr!important}.subscription-format-grid{grid-template-columns:1fr!important}.subscription-device-grid{grid-template-columns:1fr!important}.subscription-device-card span{font-size:12.5px;line-height:1.45}}
html.dark .dash-more-formats,html.dark .subscription-hero-links-v2 a{background:var(--op-surface)!important;border-color:var(--op-border)!important}


/* Phase 5H-B: compact mobile plan tabs + checkout stepper */
@media(max-width:620px){
  .hero .dmit-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:12px 0 8px!important}
  .hero .dmit-tabs a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 5px!important;font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important;border-radius:999px!important}
  .hero .dmit-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
  .hero .dmit-step{padding:7px 5px!important;gap:5px!important;border-radius:12px!important;justify-content:center!important;min-width:0!important}
  .hero .dmit-step-num{width:22px!important;height:22px!important;font-size:12px!important;line-height:22px!important;flex:0 0 22px!important}
  .hero .dmit-step b{font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .hero .dmit-step small{display:none!important}
  .dmit-product-grid{gap:12px!important;margin-top:12px!important}
  .dmit-product-card{padding:15px!important;gap:9px!important;border-radius:15px!important}
  .dmit-product-card h2{font-size:16px!important}
  .dmit-product-card .muted{font-size:13px!important;line-height:1.45!important}
  .dmit-product-card .dmit-price{font-size:23px!important;margin-top:4px!important}
  .dmit-feature-list{gap:7px!important}
  .dmit-feature-list li{padding-left:24px!important;font-size:13px!important;line-height:1.4!important}
  .dmit-feature-list li:before{width:18px!important;height:18px!important;line-height:18px!important;font-size:12px!important}
  .dmit-product-card .btnline{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:center!important}
  .dmit-product-card a.primary,.dmit-product-card a.secondary{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;padding:0 10px!important;font-size:13px!important;height:40px!important;min-height:40px!important;max-height:40px!important;line-height:1!important;white-space:nowrap!important}
}
html.dark .hero .dmit-tabs a,html.dark .hero .dmit-step,html.dark .dmit-product-card{border-color:var(--op-border)!important}


/* Phase 5H-C: profile support action alignment */
.profile-ticket-card{justify-content:flex-start!important}.profile-ticket-card .profile-inline-actions{margin-top:10px!important}.profile-ticket-card .btn{margin-top:0!important;align-self:flex-start!important}.profile-support-card.telegram .profile-inline-actions{margin-top:10px!important}@media(min-width:981px){.profile-ticket-card .profile-inline-actions{margin-top:10px!important}}

/* Phase 5K: natural dark mode redesign and white-block cleanup */
html.dark{
  --op-bg:#080d18;
  --op-surface:#101827;
  --op-surface-2:#141f31;
  --op-surface-3:#1a2840;
  --op-border:#26364f;
  --op-text:#e6edf7;
  --op-muted:#94a3b8;
  --op-heading:#f8fbff;
  --op-primary:#7db6ff;
  --op-primary-hover:#9cc8ff;
  --op-active:rgba(125,182,255,.16);
  --op-soft:#172033;
  color-scheme:dark;
}
html.dark body,
html.dark .op-shell,
html.dark .op-main,
html.dark .op-content{background:radial-gradient(circle at 20% -10%,rgba(63,127,219,.16),transparent 34%),linear-gradient(180deg,#0b1020 0%,#080d18 100%)!important;color:var(--op-text)!important}
html.dark .op-sidebar{background:linear-gradient(180deg,#0d1728 0%,#0a1220 100%)!important;border-right:1px solid #1f2d44!important;box-shadow:12px 0 36px rgba(0,0,0,.22)!important}
html.dark .op-topbar{background:rgba(16,24,39,.94)!important;border-bottom:1px solid var(--op-border)!important;box-shadow:0 1px 0 rgba(255,255,255,.02)!important;backdrop-filter:blur(10px)}
html.dark .op-logo{color:#dbeafe!important}
html.dark .op-lang-label,html.dark .op-burger,html.dark .op-avatar,html.dark .op-user-email{color:var(--op-text)!important}
html.dark .op-avatar{background:#334155!important}
html.dark .op-tool{color:#cbd5e1!important}
html.dark .op-tool:hover{background:#1f2d44!important;color:#f8fbff!important}
html.dark .card,html.dark .doc-card,html.dark .plan,html.dark .node,html.dark .corridor,html.dark details,html.dark .op-list,html.dark .op-plan,html.dark .op-client-card,html.dark .op-profile-action-card,
html.dark .dmit-panel,html.dark .dmit-card,html.dark .dmit-product-card,html.dark .dmit-side,html.dark .dmit-bottom,html.dark .dmit-summary,
html.dark .subscription-command-card,html.dark .subscription-format-card,html.dark .subscription-device-card,html.dark .subscription-support-card,html.dark .subscription-help-strip div,html.dark .subscription-url-box,
html.dark .profile-summary-card,html.dark .profile-security-card,html.dark .profile-support-card,html.dark .profile-preference-panel,
html.dark .doc-quick-card,html.dark .doc-section,html.dark .doc-list-row,html.dark .dashboard-overview-card,html.dark .dashboard-account-card{
  background:linear-gradient(180deg,#111b2d 0%,#0f1726 100%)!important;
  color:var(--op-text)!important;
  border-color:var(--op-border)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
html.dark .dmit-panel-head,html.dark .dmit-title,html.dark .profile-section-head,html.dark .subscription-command-head{border-color:var(--op-border)!important}
html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark b,html.dark strong,
html.dark .dmit-panel-head h2,html.dark .dmit-option h3,html.dark .dmit-radio-copy b,html.dark .dmit-side h2,html.dark .dmit-price,html.dark .dmit-radio-price,
html.dark .doc-quick-card b,html.dark .doc-list-row b,html.dark .dashboard-list-item b,html.dark .dashboard-empty b,
html.dark .subscription-format-card b,html.dark .subscription-device-card b,html.dark .profile-main-text{color:var(--op-heading)!important}
html.dark p,html.dark li,html.dark span,html.dark small,html.dark label,
html.dark .muted,html.dark .mini,html.dark .dmit-panel-head p,html.dark .dmit-option p,html.dark .dmit-radio-copy small,html.dark .dmit-side p,html.dark .dmit-side .mini,
html.dark .subscription-format-card span,html.dark .subscription-device-card span,html.dark .doc-list-row p,html.dark .doc-list-row small{color:var(--op-muted)!important}
html.dark .dmit-option,html.dark .dmit-radio-card,html.dark .dmit-right-card,html.dark .dashboard-list-item,html.dark .dashboard-empty,
html.dark .op-list-row,html.dark .op-invite-stat div,html.dark .op-notify-row,html.dark .profile-collapse,html.dark .subscription-format-details,html.dark .subscription-risk-details,
html.dark .dash-more-formats{background:#131f32!important;border-color:var(--op-border)!important;color:var(--op-text)!important}
html.dark .dmit-option.selected,html.dark .dmit-radio-card.selected,html.dark .dmit-step.active,html.dark .dmit-tabs a.active{background:rgba(63,127,219,.18)!important;border-color:#5b94df!important;box-shadow:0 0 0 1px rgba(125,182,255,.16)!important}
html.dark .dmit-step,html.dark .dmit-tabs a{background:#111b2d!important;border-color:var(--op-border)!important;color:#bfdbfe!important}
html.dark .dmit-step-num{background:#1f2d44!important;color:#bfdbfe!important}
html.dark .dmit-step.active .dmit-step-num{background:#3f7fdb!important;color:#fff!important}
html.dark .dmit-tag,html.dark .dmit-pills span,html.dark .pill,html.dark .tag,html.dark .chip,html.dark .status-pill,html.dark .op-client-platforms span{background:#172a44!important;color:#bfdbfe!important;border-color:#2f4b70!important}
html.dark .dmit-tag.green{background:#123524!important;color:#86efac!important;border-color:#1f6b49!important}
html.dark .dmit-tag.gray{background:#1b2536!important;color:#cbd5e1!important;border-color:#334155!important}
html.dark .notice,html.dark .dmit-warn,html.dark .op-alert,html.dark .warnbox,html.dark .plan-note-card,html.dark .subscription-security-card{background:#10233d!important;border-color:#234b75!important;color:#cfe4ff!important}
html.dark .notice b,html.dark .dmit-warn b,html.dark .op-alert b{color:#eaf4ff!important}
html.dark .warn,html.dark .danger,html.dark .subscription-risk-details summary,html.dark .profile-collapse.danger summary{color:#fbbf24!important}
html.dark .ok{color:#86efac!important}
html.dark .btn.ghost,html.dark button.ghost,html.dark .dmit-ghost,html.dark .dmit-edit,html.dark .dmit-continue,html.dark .op-search button,html.dark .op-client-action.ghost{background:#14243a!important;color:#bfdbfe!important;border-color:#315680!important}
html.dark .btn,html.dark button,html.dark .dmit-side button,html.dark .dmit-checkout,html.dark .op-copy-btn,html.dark .op-client-action{background:#3f7fdb!important;border-color:#3f7fdb!important;color:#fff!important;box-shadow:0 10px 24px rgba(63,127,219,.24)!important}
html.dark .btn:hover,html.dark button:hover,html.dark .dmit-side button:hover{background:#5b9cf0!important;border-color:#5b9cf0!important}
html.dark .dmit-empty{background:#14243a!important;color:#bfdbfe!important;border-color:#315680!important}
html.dark table,html.dark th,html.dark td{background:#101827!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html.dark th{background:#162238!important;color:var(--op-heading)!important}
html.dark input,html.dark select,html.dark textarea{background:#0d1524!important;color:var(--op-text)!important;border-color:#334155!important}
html.dark input::placeholder,html.dark textarea::placeholder{color:#64748b!important}
html.dark input[readonly]{background:#0b1220!important;color:#dbeafe!important}
html.dark .subscription-qr,.html.dark img.subscription-qr{background:#fff!important;border-color:#334155!important}
html.dark .op-tip-blue,html.dark .op-client-icon{background:#10233d!important;color:#bfdbfe!important}
html.dark .op-tip-orange{background:#332312!important;color:#fed7aa!important}
html.dark .op-tip-gray{background:#1f2937!important;color:#cbd5e1!important}
html.dark .op-menu-item{color:#b9c6d8!important}
html.dark .op-menu-item:hover{background:#17243a!important;color:#f8fbff!important}
html.dark .op-menu-item.active{background:rgba(125,182,255,.16)!important;color:#dbeafe!important}
html.dark .op-menu-item.active:before{background:#7db6ff!important}
html.dark .op-lang-menu{background:#101827!important;border-color:var(--op-border)!important;box-shadow:0 20px 44px rgba(0,0,0,.42)!important}
html.dark .op-lang-menu button{background:transparent!important;color:var(--op-text)!important}
html.dark .op-lang-menu button:hover,html.dark .op-lang-menu button.active{background:#17243a!important;color:#bfdbfe!important}

/* Current V2 component families: explicit dark surfaces prevent white-card / pale-text drift. */
html.dark .dashboard-v2-deck,html.dark .dashboard-v2-account,html.dark .dashboard-simple-card,html.dark .service-v2-hero,html.dark .sub-v2-deck,html.dark .sub-v2-card{background:linear-gradient(180deg,#111b2d 0%,#0f1726 100%)!important;color:var(--op-text)!important;border-color:var(--op-border)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
html.dark .dashboard-v2-kicker,html.dark .service-v2-kicker,html.dark .sub-v2-eyebrow,html.dark .dashboard-v2-plan,html.dark .sub-v2-plan{background:#172a44!important;color:#bfdbfe!important;border-color:#2f4b70!important}
html.dark .dashboard-v2-title,html.dark .dashboard-v2-account h2,html.dark .dashboard-v2-metric b,html.dark .dashboard-v2-account-item b,html.dark .dashboard-entry b,html.dark .service-v2-hero h1,html.dark .sub-v2-title,html.dark .sub-v2-card-head h2,html.dark .sub-v2-metric b,html.dark .sub-v2-help-rail b{color:var(--op-heading)!important}
html.dark .dashboard-v2-sub,html.dark .dashboard-v2-metric span,html.dark .dashboard-v2-account-item span,html.dark .dashboard-entry span,html.dark .service-v2-hero .muted,html.dark .sub-v2-sub,html.dark .sub-v2-metric span,html.dark .sub-v2-card-head p,html.dark .sub-v2-url span,html.dark .sub-v2-format-grid span,html.dark .sub-v2-help-rail span{color:var(--op-muted)!important}
html.dark .dashboard-v2-metric,html.dark .dashboard-v2-account-item,html.dark .dashboard-entry,html.dark .addon-info-card,html.dark .sub-v2-url,html.dark .sub-v2-details,html.dark .sub-v2-reset,html.dark .sub-v2-format-grid .sub-v2-format-card,html.dark .sub-v2-help-rail a{background:var(--op-surface-2)!important;color:var(--op-text)!important;border-color:var(--op-border)!important}
html.dark .addon-info-card h2{color:var(--op-heading)!important}
html.dark .addon-info-card p{color:var(--op-muted)!important}
html.dark .addon-info-tags span{background:#172a44!important;color:#bfdbfe!important;border-color:#2f4b70!important}
html.dark .dashboard-v2-action.secondary,html.dark .sub-v2-link,html.dark .sub-v2-action.secondary,html.dark .sub-v2-actions .subscription-qr-trigger{background:#14243a!important;color:#bfdbfe!important;border-color:#315680!important}
.s1qi-device-action{display:none!important}
html.s1qi-ios .s1qi-ios-action,html.s1qi-android .s1qi-android-action{display:inline-flex!important}


/* Mobile UX release M1-M5: drawer, purchase flow, checkout, subscription tasking, polish */
@media(max-width:900px){body.op-nav-open{overflow:hidden!important;touch-action:none}.op-sidebar{width:min(82vw,300px)!important;min-width:0!important;max-width:300px!important;height:100dvh!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:120!important;transform:translateX(-104%)!important;transition:transform .22s ease!important;box-shadow:18px 0 42px rgba(15,23,42,.22)!important}body.op-nav-open .op-sidebar{transform:translateX(0)!important}.op-sidebar-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;z-index:110!important}body.op-nav-open .op-sidebar-backdrop{opacity:1!important;pointer-events:auto!important}.op-burger{width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:10px!important;background:#eef5ff!important;color:#285a9b!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;padding:0!important;margin-right:8px!important;box-shadow:none!important}.op-burger:active{transform:scale(.97)}}@media(min-width:901px){.op-sidebar-backdrop{display:none!important}.op-burger{pointer-events:none}}
@media(max-width:620px){.op-content{padding:12px!important}.hero h1,.op-page-title{font-size:var(--fs-page-mobile)!important;line-height:var(--lh-page)!important;font-weight:var(--fw-page)!important}.hero p,.muted{line-height:1.55!important}.card,.doc-card,.plan,.node,.corridor,details{padding:16px!important;border-radius:14px!important;margin-bottom:12px!important}.hero .dmit-tabs{grid-template-columns:1fr 1fr!important}.dmit-product-card{gap:8px!important;box-shadow:0 8px 20px rgba(30,64,175,.045)!important}.dmit-product-card .dmit-tag{font-size:11.5px!important;padding:3px 8px!important}.dmit-product-card .muted{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.dmit-product-card .dmit-feature-list li:nth-child(n+4){display:none!important}.dmit-product-card .btnline{grid-template-columns:1fr!important}.dmit-product-card a.secondary{display:none!important}.dmit-product-card a.primary{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:14px!important}.dmit-product-card a.primary::before{content:'选择 ';font-weight:800}.dmit-side button{height:44px!important;min-height:44px!important;padding:0 16px!important}.dmit-option-grid{gap:10px!important}.dmit-option{padding:12px!important;border-radius:13px!important}.dmit-option .muted,.dmit-option p{font-size:12.5px!important;line-height:1.45!important}.dmit-title{align-items:center!important;margin-bottom:12px!important}.dmit-title h2{font-size:16px!important}.dmit-empty{height:auto!important;min-height:0!important;max-height:none!important;background:transparent!important;color:#f43f5e!important;border:0!important;padding:4px 2px!important;font-size:13px!important}.dmit-actions{justify-content:flex-start!important;margin-top:14px!important;gap:12px!important}.dmit-actions a,.dmit-actions button{height:auto!important;min-height:0!important;max-height:none!important;background:transparent!important;border:0!important;padding:4px 2px!important;font-size:13px!important}.dmit-edit{color:#2563eb!important}.dmit-remove{color:#f43f5e!important}.dmit-promo{padding-top:10px!important}.dmit-promo label{font-size:13px!important}.dmit-promo-box{grid-template-columns:1fr!important}.dmit-validate{height:40px!important}.dmit-bottom{position:sticky!important;bottom:0!important;z-index:30!important;margin:14px -12px -12px!important;border-radius:16px 16px 0 0!important;padding:12px 12px calc(12px + env(safe-area-inset-bottom))!important;box-shadow:0 -10px 30px rgba(15,23,42,.14)!important;align-items:center!important;flex-direction:row!important;background:#fff!important}.dmit-due strong{font-size:21px!important}.dmit-due small{font-size:11px!important}.dmit-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:58%!important;min-width:168px!important}.dmit-continue{display:none!important}.dmit-checkout{width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 12px!important;font-size:14px!important}.dmit-note{font-size:12.5px!important;line-height:1.5!important}.subscription-command-card{padding:15px!important;border-radius:16px!important}.subscription-primary-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:10px 0!important}.subscription-primary-actions .btn{height:44px!important;min-height:44px!important;font-size:14px!important;white-space:normal!important}.subscription-format-details,.subscription-risk-details{margin-top:10px!important}.subscription-help-strip{display:none!important}.subscription-device-grid{gap:9px!important}.subscription-device-card{padding:12px!important;border-radius:13px!important}.subscription-hero-links-v2{grid-template-columns:1fr!important}.subscription-hero-links-v2 a{font-size:13px!important}.doc-search{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.doc-search button{width:100%!important;height:40px!important}.orders-head p{font-size:13px!important;line-height:1.5!important}.orders-tools .btn{width:100%;height:40px}.order-mobile-card{border-radius:13px!important;padding:13px!important}.order-detail>summary::before{content:'‹ 返回订单列表';display:block;color:#3f7fdb;font-weight:700;margin-right:8px;font-size:12px}.order-detail>summary{display:block!important}.op-login{align-items:flex-start!important;padding-top:42px!important}.op-card{width:min(448px,calc(100vw - 24px))!important}.op-main{padding:22px 18px!important}.op-logo{font-size:32px!important}.op-action{padding:13px 18px!important;gap:8px!important;flex-wrap:wrap}.op-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.op-send{min-width:86px!important}}



@media(max-width:620px){
  .dmit-product-card a.primary::before{content:none!important}
  html[lang="zh-TW"] .order-detail>summary::before{content:'‹ 返回訂單列表'!important}
  html[lang="en-US"] .order-detail>summary::before{content:'‹ Back to orders'!important}
  html[lang="ja-JP"] .order-detail>summary::before{content:'‹ 注文一覧に戻る'!important}
}