/* Copied from Media Bridge media-monolith/app/globals.css. Only build-time @import and @theme directives removed; runtime component rules unchanged. */

/* Interface language changes must not remount editors or overlap page controls. */
.global-locale-bar{display:flex;justify-content:flex-end;min-height:44px;padding:4px 16px;background:#fffef9;border-bottom:1px solid #d8d4ca}
body:has(:is(.workspace-frame,.landing-shell,.portal-shell)) .global-locale-bar{display:none}
.locale-switcher{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;max-width:100%;padding:8px 12px;border:1px solid #8b887f;border-radius:10px;background:#fffef9;color:#090909;font-size:12px;font-weight:600;line-height:1.3;flex-shrink:0;cursor:pointer}
.locale-switcher:focus-visible{outline:2px solid #b52b0e;outline-offset:3px}
.locale-switcher:hover{background:#f2f0e9}
.locale-switcher-compact{width:44px;padding:6px;font-size:11px}
.locale-switcher-compact>span:first-child{display:none}
.locale-switcher-compact>span:last-child{max-width:100%;overflow:hidden;font-size:0}
html[lang="zh-CN"] .locale-switcher-compact>span:last-child::after{content:"EN";font-size:11px}
html[lang="en"] .locale-switcher-compact>span:last-child::after{content:"中";font-size:12px}
html[lang="en"]{overflow-wrap:anywhere;hyphens:auto}
html[lang="en"] :is(.wb-button,.workspace-tabs button,.plan-detail-tabs button,.workspace-primary-navigation button){white-space:normal;height:auto;min-height:44px;line-height:1.35}
html[lang="en"] .workspace-tabs{flex-wrap:wrap;overflow-x:visible;gap:8px;max-width:100%}
html[lang="en"] .workspace-tabs button{flex:0 1 auto;max-width:100%;min-width:0}
html[lang="en"] [role="tablist"]{min-width:0;max-width:100%;flex-wrap:wrap}
html[lang="en"] [role="tablist"]>[role="tab"]{min-width:0;max-width:100%;white-space:normal;flex-shrink:1}
html[lang="en"] .media-ops-tabs{overflow:visible}
html[lang="en"] :is(button,label,summary,th,td){overflow-wrap:anywhere;word-break:normal}
html[lang="en"] .workspace-header-actions{flex-wrap:wrap;min-width:0}
html[lang="en"] :is(.workspace-content,.wb-heading>div,.plan-flow-actions>*,.plan-flow-link>* ){min-width:0;max-width:100%}

.plans-workspace,.plan-catalog{min-width:0;padding:20px 0}.plan-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.plan-toolbar>div:first-child{flex:1}.plans-workspace h1{font-size:30px;font-weight:700}.plans-workspace h2{font-size:22px;font-weight:700}.plans-workspace h3{font-size:18px;font-weight:650}.plans-workspace p{color:#77766f}.plans-workspace input,.plans-workspace textarea,.plans-workspace select{border:1px solid #cecac0;border-radius:8px;background:#fffef9;padding:10px;max-width:100%;min-width:0}.plans-workspace label{display:grid;gap:8px;min-width:0}.plans-workspace fieldset{display:grid;gap:16px;border:0}.plans-workspace textarea{width:100%;resize:vertical}.plan-toolbar input{flex:1;min-width:180px}.plan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:20px 0}.plan-list>button{display:grid;gap:10px;padding:18px;text-align:left;border:1px solid #d9d5cb;background:#fffef9;border-radius:12px}.plan-list>button.selected{border-color:#ff4b23;box-shadow:inset 3px 0 #ff4b23}.plan-list span{font-size:12px;color:#77766f}.plan-editor,.plan-item{padding:22px;border:1px solid #dedbd1;border-radius:12px;background:#fffef9;margin-top:16px}.plan-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.plan-reasons h3{font-size:16px;font-weight:650}.plan-reasons p{white-space:pre-wrap;line-height:1.8}.plan-error{background:#fff0ef;padding:12px;color:#a11919!important}.plan-ai-settings{margin-top:30px;padding:20px;border-top:1px solid #cecac0}.plan-ai-settings form{display:grid;gap:12px;margin-top:15px}.plan-editor-pick{display:inline-flex;border:1px solid #bed170;background:#f2f8d8;color:#425200;border-radius:5px;padding:3px 7px;font-size:11px;white-space:nowrap}.workspace-unread{display:inline-block;background:#dc2626;color:#fff;border-radius:20px;padding:1px 6px;font-size:11px;margin-left:6px}.order-confirm-pending{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
.api-commercial{padding:48px 20px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center}.api-commercial h1{font-size:42px;font-weight:750;line-height:1.3;margin:18px 0}.api-commercial p{line-height:1.8;max-width:750px;margin:16px 0}.api-commercial .plan-reasons{margin:28px 0}.api-commercial h2{font-weight:700}.api-commercial aside{text-align:center}
@media(max-width:900px){.plan-reasons{grid-template-columns:1fr}.plan-editor,.plan-item{padding:16px}.api-commercial{grid-template-columns:1fr}.api-commercial h1{font-size:32px}.plan-toolbar>*{max-width:100%}}
@media print{body:has(.plan-report) *{visibility:hidden}body:has(.plan-report) .plan-report,body:has(.plan-report) .plan-report *{visibility:visible}.plan-report-tools{display:none!important}}

.browse-filters,.browse-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.browse-filters label{display:flex;align-items:center;gap:8px;border:1px solid #a8a397;border-radius:6px;padding:0 8px;font-size:12px;max-width:100%}
.browse-filters label .wb-field{border:0;background:transparent;min-width:0;width:auto;max-width:170px;margin:0}
.browse-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #d8d4ca;padding:16px 0;gap:12px}
.browse-summary span{display:block;color:#66655e;font-size:12px}.browse-summary strong{font-size:22px;font-variant-numeric:tabular-nums}
.browse-tabs [aria-selected=true]{background:#090909;color:#fff}
.browse-rank{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:12px 0;border-bottom:1px solid #d8d4ca;align-items:center;font-size:13px}
.browse-rank strong,.browse-rank button{overflow-wrap:anywhere;min-width:0}.browse-rank>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.browse-rank small{display:block;color:#66655e}
.browse-trail{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #d8d4ca;overflow-wrap:anywhere;font-size:13px}.browse-trail time{font-size:12px;color:#66655e}

.portal-shell.portal-catalog-pilot{background:#f2f0e9}
.wb-order-row:has(+.npc-order-expanded){background:#fff3e8;box-shadow:inset 3px 0 #ff4b23}
.npc-order-expanded{background:#fff9f3;border-left:3px solid #ff4b23}
.npc-order-expanded .order-workspace{background:transparent}
.account-menu>button{height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.npc-md-purchase .npc-md-primary+.npc-md-primary{margin-top:10px;background:var(--action);color:var(--action-ink);border-color:var(--action-border)}
.npc-md-purchase .npc-md-offer-label{padding:12px;border:1px solid #ff967e;border-radius:10px;background:#ff4b2314}
.npc-md-purchase .npc-md-offer-label>span{color:#fffef9;font-size:13px;font-weight:600;margin-bottom:9px}
.npc-md-purchase .npc-md-offer-label select{border-color:#ff967e;background:#fffef9;color:#090909;font-weight:600}

/* Existing native label/select bars share the integrated filter treatment. */
:is(.workspace-frame,.portal-shell) .wb-filters label:has(>select),:is(.workspace-frame,.portal-shell) .wb-toolbar label:has(>select),.workspace-frame form label:has(>select.wb-field){border:1px solid #a8a397;border-radius:5px;padding:0 8px;display:flex;align-items:center;gap:8px;font-size:12px;color:#66655e;min-height:36px;background:transparent}
:is(.workspace-frame,.portal-shell) .wb-filters label>select,:is(.workspace-frame,.portal-shell) .wb-toolbar label>select,.workspace-frame form label>select.wb-field{border:0;background:transparent;min-height:34px;margin:0;padding:6px 4px;min-width:0;color:#151515;font-weight:600;font-size:13px}
@media(max-width:820px){:is(.workspace-frame,.portal-shell) .wb-filters label:has(>select),:is(.workspace-frame,.portal-shell) .wb-toolbar label:has(>select),.workspace-frame form label:has(>select.wb-field),:is(.workspace-frame,.portal-shell) .wb-filters label>select,:is(.workspace-frame,.portal-shell) .wb-toolbar label>select,.workspace-frame form label>select.wb-field{min-height:44px;font-size:13px}}

/* Fields use the shared 44px control contract below at every breakpoint. */
.wb-button-primary{background:var(--action)!important;color:var(--action-ink)!important;border-color:transparent!important}
.npc-cart-checkout .wb-button-primary{color:#0b0d10!important}
.wb-button-secondary{background:var(--action-secondary)!important;color:var(--action-secondary-ink)!important;border-color:transparent!important}
.wb-button.wb-button-quiet{background:transparent!important;color:#4f4e49!important;border-color:transparent!important;box-shadow:none!important}.wb-button.wb-button-quiet:hover:not(:disabled){background:#09090908!important}.wb-button.wb-button-danger{background:#fff0f4;color:#9a294d;border-color:#9a294d}
.wallet-action-details{border:1px solid #d8d4ca;border-radius:12px;background:#fffef9;padding:8px 12px}.wallet-action-details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:600}.wallet-action-details>summary:before{content:"＋";margin-right:8px}.wallet-action-details[open]>summary:before{content:"−"}.wallet-action-details>form{padding:12px 0}.api-guide-public .api-commercial{padding-inline:0}
.self-admin-password{margin-top:12px;border-top:1px solid #e9e6de;padding-top:8px;font-size:12px}
.self-admin-password>summary{cursor:pointer;min-height:34px;padding:8px 0}
.self-admin-password form{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:10px 0}
.self-admin-password label{flex:1 1 180px;min-width:0}
.self-admin-password p[role=alert]{color:#9a294d;flex-basis:100%}
.self-admin-password p[role=status]{padding:8px 0;color:#516000}.self-admin-password a{text-decoration:underline;margin-left:4px;color:#3042bd}
@media(max-width:820px){.self-admin-password>summary,.self-admin-password button,.self-admin-password input{min-height:44px}}

.d2-communication-workspace{margin-top:8px}
.d2-communication-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.d2-communication-title button{min-height:30px;padding:4px 8px;font-size:11px}
.d2-document-strip small{font-size:10px;color:#77766f}
.d2-communication-workspace .d2-admin-communication>section>.wb-notice{margin:6px 0;padding:8px;font-size:11px}
@media(min-width:821px){
.portal-catalog-pilot .d2-catalog-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.portal-catalog-pilot .d2-catalog-controls>form{flex:1 1 360px;min-width:360px}
.portal-catalog-pilot .d2-catalog-controls .catalog-search-row{margin:0;gap:6px;grid-template-columns:minmax(220px,1fr) auto auto}
.portal-catalog-pilot .d2-catalog-controls .catalog-search-row input,.portal-catalog-pilot .d2-catalog-controls .catalog-search-row button{min-height:44px;height:44px;padding:10px 12px;border-radius:var(--radius-control);font-size:14px}
.portal-catalog-pilot .d2-catalog-controls .catalog-search-row input{font-size:16px}
.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar{display:contents}
.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar>div{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar>p{margin:0;font-size:10px;white-space:nowrap}
.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar label{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}
.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar button,.portal-catalog-pilot .d2-catalog-controls .catalog-result-toolbar select{min-height:34px;height:34px;padding:5px 8px;font-size:11px;border-radius:4px}
.portal-catalog-pilot .d2-catalog-controls .catalog-query-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
.portal-catalog-pilot .d2-catalog-horizontal .catalog-layout{gap:8px}
.portal-catalog-pilot .d2-catalog-heading p{margin-bottom:8px}
}

/* Latest review feedback: shared compact, flat control bars and drawer breakpoint. */
:is(.workspace-frame,.portal-shell) .wb-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
:is(.workspace-frame,.portal-shell) .wb-filters .wb-search{min-width:180px;flex:1 1 180px}
:is(.workspace-frame,.portal-shell) .wb-filters label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
:is(.workspace-frame,.portal-shell) .wb-filters .wb-field{min-height:34px;padding:6px 8px;font-size:12px;border-radius:4px}
:is(.workspace-frame,.portal-shell) .wb-filters input[type=date]{width:126px}
:is(.workspace-frame,.portal-shell) .wb-filters .d2-date-range{display:flex!important;flex-wrap:wrap}
.d2-mixed-history,.d2-followup-list{margin-top:14px;border-top:1px solid #e9e6de;padding-top:8px;font-size:12px}
.d2-mixed-history>summary,.d2-followup-list>summary{cursor:pointer;min-height:34px;padding:8px 0}
.d2-mixed-history article{padding:9px 0 9px 12px;border-left:1px solid #ddd8cc;border-bottom:1px solid #eeeae0;position:relative}
.d2-mixed-history article::before{content:"";position:absolute;left:-3px;top:14px;width:5px;height:5px;border-radius:50%;background:#ff4b23}
.d2-mixed-history article header{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#77766f}
.d2-mixed-history article p{margin-top:6px;font-size:11px;overflow-wrap:anywhere}
.d2-followup-list article,.d2-followup-list>div>div{padding:10px!important;font-size:12px;border-radius:4px}
.d2-communication-workspace>header{padding:8px!important;border:0;border-radius:0;background:#f7f5ed}
.d2-communication-workspace>header>p,.d2-communication-workspace>header>h2{display:none}
.d2-communication-workspace>header>div{margin-top:4px;font-size:10px;gap:6px}
.d2-communication-workspace>header>button{margin-top:0}
.d2-document-strip{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;border-bottom:1px solid #e9e6de;flex-wrap:wrap}
.d2-document-strip a{color:#3042bd;text-decoration:underline}.d2-document-strip button{margin-left:auto}
.d2-submission-notes{font-size:11px;padding:8px 0}.d2-submission-notes summary{cursor:pointer}
.d2-admin-communication>section{border:0;border-radius:0}.d2-admin-communication>section>div{padding:10px 0}.d2-admin-communication>section>form{padding:10px 0}
.d2-admin-communication h3{font-size:13px}.d2-admin-communication p{font-size:11px}
.d2-communication-workspace>section{border-radius:4px}.d2-communication-workspace>section>div{padding:10px}.d2-communication-workspace>section article{padding:10px;display:flex;flex-direction:column;gap:6px}
@media(min-width:901px) and (max-width:1279px){.d2-split-workspace.has-panel{grid-template-columns:minmax(0,1fr)}.d2-split-workspace>.orders-workbench+.workspace-drawer{margin-top:0}}
@media(max-width:900px){:is(.workspace-frame,.portal-shell) .wb-filters .wb-field{min-height:44px}.d2-document-strip button,.d2-mixed-history>summary,.d2-followup-list>summary{min-height:44px}}

/* Only the customer review side-panel opts into this compact wallet presentation. */
.d2-compact-wallet{display:flex;flex-direction:column;gap:10px;font-size:12px}
.d2-compact-wallet>*{margin-top:0!important}
.d2-compact-wallet>.wb-panel:first-child{padding:10px;border:0;background:#f7f5ed}
.d2-compact-wallet>.wb-panel:first-child>div{gap:8px}
.d2-compact-wallet>.wb-panel:first-child>div p:first-child{font-size:11px}
.d2-compact-wallet>.wb-panel:first-child>div p[aria-live]{font-size:22px;line-height:1.2;margin-top:4px}
.d2-compact-wallet .d2-wallet-negative{color:#bd4565}
.d2-compact-wallet>.wb-panel:first-child>p{font-size:10px;line-height:1.4;margin-top:6px}
.d2-wallet-overdraft>section{padding:6px 0;margin:6px 0 0;border:0;border-radius:0}
.d2-wallet-overdraft h3{font-size:11px}.d2-wallet-overdraft section>div>div>p{display:none}
.d2-compact-wallet>.wb-panel:first-child>form{margin-top:8px;padding-top:8px}
.d2-compact-wallet>.wb-panel:first-child>form>div.flex{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:6px;align-items:end}
.d2-compact-wallet>.wb-panel:first-child>form>div.flex>label{width:auto;min-width:0;font-size:10px}
.d2-compact-wallet>.wb-panel:first-child>form input{font-size:11px;margin-top:4px;padding:5px 6px;min-height:32px}
.d2-compact-wallet>.wb-panel:first-child>form button{padding:5px 7px;font-size:11px;min-height:32px}
.d2-compact-wallet>.wb-panel:first-child>form>details{margin-top:5px;font-size:10px}
.d2-compact-wallet>.wb-panel:first-child>form>details>summary{min-height:22px}
.d2-wallet-filters{font-size:11px;color:#77766f;border-block:1px solid #e9e6de;padding:6px 0}
.d2-wallet-filters>summary{cursor:pointer;min-height:24px;padding:4px 0}
.d2-wallet-filters>form{padding-top:8px;gap:6px}
.d2-wallet-settings{display:grid;gap:8px}
.d2-wallet-settings>details,.d2-wallet-settings>fieldset>section{border:0;border-radius:0;padding:0;margin:0}
.d2-wallet-settings summary,.d2-wallet-settings h3{font-size:12px}
.d2-wallet-settings p{font-size:10px;line-height:1.4;margin:6px 0}
.d2-wallet-settings select{font-size:11px;min-width:0;min-height:32px}
.d2-wallet-settings details details{margin-top:6px;font-size:11px}
.d2-wallet-settings details details summary{min-height:24px;padding:4px 0}
.d2-compact-wallet>section[aria-busy]>h3{padding:8px 10px;font-size:11px}
.d2-compact-wallet>section[aria-busy]>div{max-height:170px;overflow:auto}
.d2-compact-wallet>section[aria-busy] article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 10px}
.d2-compact-wallet>section[aria-busy] article>div:first-child{min-width:0}
.d2-compact-wallet>section[aria-busy] article>div:first-child>p:first-child{font-size:11px}
.d2-compact-wallet>section[aria-busy] article>div:first-child>p:not(:first-child){font-size:10px}
.d2-compact-wallet>section[aria-busy] article>details{min-width:0;grid-column:1;grid-row:2}
.d2-compact-wallet>section[aria-busy] article>details summary{min-height:22px;padding:2px 0;font-size:10px}
.d2-compact-wallet>section[aria-busy] article>div.text-right{grid-column:2;grid-row:1;font-size:12px}
.d2-compact-wallet>section[aria-busy] article>button{grid-column:2;grid-row:2}
.d2-compact-wallet>.wb-pagination{padding:4px 0;background:none;margin:0;font-size:11px}
@media(max-width:900px){.d2-compact-wallet>.wb-panel:first-child>form button,.d2-wallet-settings select,.d2-compact-wallet>.wb-panel:first-child>form input{min-height:44px}.d2-compact-wallet>.wb-panel:first-child>form>div.flex{grid-template-columns:80px minmax(0,1fr)}.d2-compact-wallet>.wb-panel:first-child>form>div.flex>button{grid-column:1/-1}}

.d2-customer-list{min-width:0}
.d2-pilot-frame .d2-customer-table-head,.d2-pilot-frame .d2-customer-cells{display:grid;grid-template-columns:minmax(100px,1.25fr) 60px minmax(100px,1.2fr) 74px 60px 50px 72px 72px;gap:8px;align-items:center}
.d2-pilot-frame .d2-customer-table-head{grid-template-columns:18px minmax(100px,1.25fr) 60px minmax(100px,1.2fr) 74px 60px 50px 72px 72px;background:#f5f3eb;color:#77766f;font-size:11px;padding:10px 12px}
.d2-pilot-frame .d2-customer-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:10px 12px;min-height:52px;align-items:center}
.d2-pilot-frame .d2-customer-row[data-selected=true]{background:#fff4e9;box-shadow:inset 3px 0 #ff4b23}
.d2-pilot-frame .d2-customer-cells{width:100%;text-align:left;font-size:12px;min-width:0;background:none;border:0;padding:0;cursor:pointer}
.d2-customer-cells>span{min-width:0;overflow-wrap:anywhere}
.d2-customer-name strong{font-size:13px;display:block;font-weight:600}
.d2-customer-name small{font-size:10px;color:#888;display:block;margin-top:2px}
.d2-customer-email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d2-pilot-frame .d2-customer-cells .wb-badge{font-size:10px;padding:3px 5px;line-height:1.3;white-space:normal;border-radius:3px}
.d2-direct-badge{background:#fff0e3;color:#b64b18}
.d2-status{display:inline-flex;gap:4px;align-items:center;font-size:11px;white-space:nowrap}
.d2-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.d2-status.is-active{color:#278450}.d2-status.is-frozen{color:#bd4565}.d2-status.is-deleted{color:#88847d}
.d2-customer-panel-heading h2{font-size:22px;font-weight:650;margin-bottom:8px;line-height:1.3;overflow-wrap:anywhere}
.d2-customer-panel-heading>div{display:flex;align-items:center;gap:10px}
.d2-customer-panel-heading>p{font-size:12px;color:#77766f;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
.d2-customer-panel-heading dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid #e9e6de;padding:12px 0;margin:12px 0}
.d2-customer-panel-heading dt{font-size:11px;color:#88847d}.d2-customer-panel-heading dd{font-size:13px;margin-top:5px;font-weight:600;overflow-wrap:anywhere}
.d2-pilot-frame .d2-customer-profile{border:0;border-radius:0;background:none}
.d2-customer-profile>div:first-child,.d2-customer-profile>div:nth-child(2)>section:first-child{display:none}
.d2-customer-profile>div:nth-child(2){padding:14px 0}
.d2-customer-profile>div:nth-child(2)>section:nth-child(2){display:grid;grid-template-columns:1fr;gap:13px;margin:0;padding:0;border:0}
.d2-customer-profile>div:nth-child(2)>section:nth-child(2)>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:baseline}
.d2-customer-profile>div:nth-child(2)>section:nth-child(2)>div p{font-size:12px;margin:0;overflow-wrap:anywhere}
.d2-customer-profile select{min-height:34px;font-size:12px;padding:6px;margin-top:6px}
.d2-login-settings{border-top:1px solid #e9e6de;margin-top:12px;padding-top:12px;font-size:12px}.d2-login-settings summary{cursor:pointer;color:#77766f}
.d2-panel-edit{width:100%;margin-top:14px;border:1px solid #d9d4c8;padding:8px;min-height:34px;background:#fffef9;border-radius:4px;font-size:12px}
.portal-catalog-pilot{font-size:14px}
@media(min-width:901px){
.portal-catalog-pilot .portal-desktop-nav{top:0;padding:82px 8px 20px;width:168px;z-index:30}
.portal-catalog-pilot .portal-desktop-nav button{display:flex;align-items:center;gap:12px;position:relative;min-height:40px;border-radius:4px;margin-bottom:6px}
.portal-catalog-pilot .portal-desktop-nav button[aria-pressed=true]{box-shadow:none}
.portal-catalog-pilot .portal-desktop-nav button[aria-pressed=true]::after{content:"";position:absolute;right:10px;width:6px;height:6px;border-radius:50%;background:#ff4b23}
.portal-catalog-pilot .portal-content{padding:20px;margin-left:168px}
.portal-catalog-pilot .catalog-b-hero.d2-catalog-heading{padding:0;margin:0 0 16px;background:none;border:0;border-radius:0;box-shadow:none;min-height:0;color:#151515}
.portal-catalog-pilot .d2-catalog-heading h1{font-size:24px;line-height:1.2;color:#151515;margin:0}
.portal-catalog-pilot .d2-catalog-heading p{font-size:12px;margin:6px 0 12px;color:#77766f}
.portal-catalog-pilot .d2-catalog-heading nav{gap:8px;margin:0;display:flex;flex-wrap:wrap}
.portal-catalog-pilot .d2-catalog-heading nav button{min-height:32px;padding:5px 10px;font-size:12px;border-radius:4px}
.portal-catalog-pilot .catalog-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}
.portal-catalog-pilot .catalog-sidebar{top:20px;max-height:calc(100dvh - 40px);padding:12px;border-radius:4px}
.portal-catalog-pilot .catalog-search-row input,.portal-catalog-pilot .catalog-search-row button{min-height:44px;padding:10px 12px;border-radius:var(--radius-control);font-size:14px}
.portal-catalog-pilot .catalog-sidebar .catalog-country-menu>div{display:block}
.portal-catalog-pilot .catalog-sidebar .catalog-country-menu label{min-height:32px}
.portal-catalog-pilot .catalog-country-menu,.portal-catalog-pilot .catalog-niche-menu{padding:8px;border-radius:4px}
}
@media(min-width:901px) and (max-width:1200px){.d2-pilot-frame .d2-customer-cells{grid-template-columns:minmax(110px,1fr) 60px 80px 50px 72px}.d2-pilot-frame .d2-customer-table-head{grid-template-columns:18px minmax(110px,1fr) 60px 80px 50px 72px}.d2-customer-cells>span:nth-child(3),.d2-customer-cells>span:nth-child(5),.d2-customer-cells>span:nth-child(8),.d2-customer-table-head>span:nth-of-type(3),.d2-customer-table-head>span:nth-of-type(5),.d2-customer-table-head>span:nth-of-type(8){display:none}}
@media(max-width:900px){.d2-pilot-frame .d2-customer-table-head{display:none}.d2-pilot-frame .d2-customer-cells{grid-template-columns:minmax(0,1fr) auto;gap:8px}.d2-customer-cells>span:nth-child(3),.d2-customer-cells>span:nth-child(5),.d2-customer-cells>span:nth-child(7),.d2-customer-cells>span:nth-child(8){display:none}.d2-customer-cells>span:nth-child(4){grid-row:2;grid-column:1}.d2-customer-cells>span:nth-child(6){grid-row:2;grid-column:2}.d2-customer-panel-heading h2{font-size:22px}.d2-panel-edit{min-height:44px}.portal-catalog-pilot .d2-catalog-heading{background:none;padding:0;border:0;box-shadow:none}.portal-catalog-pilot .d2-catalog-heading h1{font-size:24px;color:#151515}.portal-catalog-pilot .d2-catalog-heading p{font-size:12px;color:#77766f}.portal-catalog-pilot .d2-catalog-heading nav{display:flex;flex-wrap:wrap;gap:8px}.portal-catalog-pilot .d2-catalog-heading nav button{min-height:44px}}

/* The three-page D2 review pilot is opt-in; other workspace surfaces keep their layout. */
.d2-nav-icon{width:18px;height:18px;flex-shrink:0}
.d2-pilot-frame{font-size:14px;background:#f7f6f0}
.d2-pilot-brand{padding:20px 16px 24px}
.d2-pilot-brand .npc-brand,.portal-catalog-pilot .portal-header-main>.npc-brand{gap:0}
.d2-pilot-brand .npc-brand-rule,.d2-pilot-brand .npc-service-name,.portal-catalog-pilot .portal-header-main>.npc-brand .npc-brand-rule,.portal-catalog-pilot .portal-header-main>.npc-brand .npc-service-name{display:none}
.d2-pilot-brand .npc-brand-compact .npc-logo-lockup img,.portal-catalog-pilot .portal-header-main>.npc-brand .npc-logo-lockup img{width:100px}
.d2-pilot-frame .workspace-header{position:relative;top:auto;right:auto;left:auto;height:auto;min-height:64px;padding:10px 20px;background:transparent;border:0;backdrop-filter:none;z-index:20}
.d2-pilot-frame .workspace-sidebar{top:0;width:168px;bottom:0;padding:0 8px;background:#fffef9;border-right:1px solid #e9e6de}
.d2-pilot-frame .workspace-sidebar nav button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:40px;padding:8px 12px;margin-bottom:6px;font-size:13px;border-radius:4px}
.d2-pilot-frame .workspace-sidebar nav button[aria-current=page]::after{margin-left:auto}
.d2-pilot-frame .d2-more-filters{position:relative;order:10}
.d2-pilot-frame .d2-more-filters>div{position:absolute;right:0;top:calc(100% + 6px);z-index:25;background:#fffef9;border:1px solid #ddd8cc;border-radius:4px;padding:12px;display:grid;gap:10px;min-width:250px;box-shadow:0 8px 24px #0001}
.d2-pilot-frame .workspace-sidebar nav button[aria-current=page]::after{width:6px;height:6px;right:10px}
.d2-pilot-frame .workspace-count{display:none}
.d2-pilot-frame .workspace-back{margin-top:24px;font-size:12px}
.d2-pilot-frame .workspace-content{margin-left:168px;padding:20px 20px 24px;max-width:none}
.d2-split-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}
.d2-split-workspace.has-panel{grid-template-columns:minmax(0,1fr) minmax(360px,390px)}
.d2-split-workspace>.orders-workbench{min-width:0}
.d2-pilot-frame .wb-heading{min-height:38px;margin-bottom:12px;padding-right:0}
.d2-pilot-frame .d2-split-workspace.has-panel .wb-heading{padding-right:0}
.d2-pilot-frame .wb-heading h1{font-size:24px;line-height:1.2}
.d2-page-title{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.d2-page-title p{font-size:12px;color:#77766f}
.d2-pilot-frame .wb-field,.d2-pilot-frame .workspace-tabs button{min-height:34px;height:auto;border-radius:4px;font-size:12px;padding:6px 10px}
.d2-pilot-frame .wb-panel{border-radius:4px;box-shadow:none}
.d2-pilot-frame .wb-filters{gap:8px;padding:0;border:0;background:transparent;margin-bottom:12px;align-items:center}
.d2-pilot-frame .wb-search{min-width:170px;flex:1}
.d2-pilot-frame .wb-filters label{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.d2-pilot-frame .wb-toolbar{gap:8px;margin-block:8px;align-items:center}
.d2-pilot-frame .workspace-tabs{gap:16px;margin:0;border-bottom:1px solid #e9e6de}
.d2-pilot-frame .workspace-tabs button{padding:9px 8px;border-radius:0}
.d2-pilot-frame .wb-toolbar-options{gap:6px}
.d2-date-range input{width:108px;min-width:0}
.d2-orders-table .wb-order-header,.d2-orders-table .wb-order-row{display:grid;grid-template-columns:18px minmax(125px,1.4fr) minmax(110px,1.15fr) 76px 88px 84px 36px;gap:10px;align-items:center}
.d2-orders-table .wb-order-header{padding:9px 12px;background:#faf9f5;font-size:11px;font-weight:400;color:#77766f}
.d2-orders-table .wb-order-row{min-height:52px;padding:7px 12px;font-size:12px;line-height:15px;position:relative}
.d2-orders-table .wb-order-name{padding:0;line-height:15px}
.d2-orders-table .wb-order-row[data-selected=true]{background:#fff0e3;box-shadow:inset 3px 0 #ff4b23}
.d2-orders-table .wb-order-row[data-updated=true]{background:#f7f8ff;box-shadow:inset 3px 0 #4057ff}
.d2-orders-table .wb-order-row[data-updated=true] .wb-order-name>button>strong{color:#090909}
.d2-orders-table .wb-order-row[data-selected=true][data-updated=true]{background:#eef0ff;box-shadow:inset 3px 0 #4057ff}
.d2-orders-table .wb-order-row strong{font-size:13px}
.d2-orders-table .wb-order-row small{font-size:11px;margin-top:3px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d2-orders-table .wb-order-open{font-size:11px;min-height:32px;padding:2px;white-space:nowrap;line-height:15px}
.d2-orders-table .wb-badge{font-size:10px;min-height:0;padding:2px 5px;border-radius:3px}
.d2-orders-table .wb-order-date{font-size:11px;color:#77766f}
.d2-pilot-frame .wb-pagination{margin-top:8px;padding:8px 12px;background:#fff0e3;gap:10px;min-height:40px;border-radius:4px;font-size:12px}
.d2-side-panel{position:sticky;top:68px;display:flex;max-height:calc(100dvh - 88px);min-width:0;flex-direction:column;overflow:hidden;background:#fffef9;border:1px solid #d8d4ca;border-radius:12px;box-shadow:var(--shadow-surface)}
.d2-side-panel.is-docked{position:fixed;z-index:70;top:68px;right:16px;bottom:16px;width:var(--workspace-detail-width,clamp(340px,36vw,560px));max-height:none;box-shadow:var(--shadow-overlay)}
@media(min-width:901px){
  :is(.workspace-frame,.portal-shell):has(.d2-side-panel.is-docked){--workspace-detail-width:clamp(340px,36vw,560px)}
  .workspace-frame:has(.d2-side-panel.is-docked)>.workspace-content,
  .portal-shell:has(.d2-side-panel.is-docked)>.portal-content{min-width:0;padding-right:calc(var(--workspace-detail-width) + 36px)}
  .workspace-frame:has(.d2-side-panel.is-docked)>.workspace-content>*,
  .portal-shell:has(.d2-side-panel.is-docked)>.portal-content>*{min-width:0}
  :is(.workspace-frame,.portal-shell):has(.d2-side-panel.is-docked) .plan-list.plan-manager-list .plan-manager-entry>button,
  :is(.workspace-frame,.portal-shell):has(.d2-side-panel.is-docked) .plan-list.plan-manager-list>button{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
  :is(.workspace-frame,.portal-shell):has(.d2-side-panel.is-docked) .plan-manager-metrics{grid-column:1/-1}
  :is(.workspace-frame,.portal-shell):has(.d2-side-panel.is-docked) .plan-manager-open{display:none}
}
.d2-split-workspace>.orders-workbench+.d2-side-panel{margin-top:48px}
.d2-side-panel-heading{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e9e6de;font-size:12px;font-weight:600;color:#4f4e49}
.workspace-detail-close,.workspace-detail-back{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #77766f;border-radius:10px;background:#fffef9;padding:8px 12px;color:#090909;font-size:13px;font-weight:600}
.d2-side-panel-content{min-height:0;overflow:auto;padding:14px;overscroll-behavior:contain}
.d2-order-detail{border:0!important;border-radius:0!important;background:transparent!important}
.d2-order-detail>div{padding:0!important}
.d2-order-detail>div:first-child{padding-bottom:12px!important}
.d2-order-detail h2{font-size:22px;line-height:1.25;margin-top:6px}
.d2-panel-price{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}
.d2-order-detail-body{display:flex;flex-direction:column}
.d2-order-detail-body>details{padding:10px 0;border:0;border-top:1px solid #e9e6de;border-radius:0;margin-top:12px}
.d2-order-detail-body>details>div{margin-top:10px}
.d2-order-detail-body .grid{gap:10px}
.d2-order-detail-body .sm\:grid-cols-2{grid-template-columns:1fr}
.d2-order-detail-body .sm\:grid-cols-2>div{display:grid;grid-template-columns:80px 1fr;gap:8px}
.d2-order-detail-body .sm\:grid-cols-2>div p{margin:0;font-size:12px}
.d2-next-action{order:100;margin-top:16px;padding:12px!important;border-radius:4px;background:#fff0e3}
.d2-next-action button{background:#ff4b23;color:#090909;min-height:36px;width:100%;padding:8px 12px;border-radius:4px}
.d2-next-action>div{flex-direction:column;align-items:stretch}
.d2-pilot-frame .wb-order-progress{display:flex;padding:16px 0 8px;gap:0}
.d2-pilot-frame .wb-order-progress li{flex:1;text-align:center;position:relative;font-size:10px;padding:32px 0 0;color:#77766f}
.d2-pilot-frame .wb-order-progress li::before{content:counter(list-item);position:absolute;top:0;left:calc(50% - 11px);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#cbc9c2;color:#fff;border:0;z-index:1}
.d2-pilot-frame .wb-order-progress li::after{content:"";position:absolute;height:2px;background:#dedbd3;left:50%;right:-50%;top:10px}
.d2-pilot-frame .wb-order-progress li:last-child::after{display:none}
.d2-pilot-frame .wb-order-progress li[data-complete=true]::before{content:"✓";background:#18732b}
.d2-pilot-frame .wb-order-progress li[aria-current=step]::before{background:#ff4b23;color:#090909}
@media(max-width:1200px) and (min-width:901px){.d2-split-workspace.has-panel{grid-template-columns:minmax(0,1fr) 360px}.d2-orders-table .wb-order-header,.d2-orders-table .wb-order-row{grid-template-columns:18px minmax(100px,1.4fr) minmax(90px,1fr) 66px 88px 30px}.d2-orders-table .wb-order-date,.d2-orders-table .wb-order-header>span:nth-last-child(2){display:none}.d2-date-range{display:none!important}.d2-page-title p{display:none}}
@media(max-width:900px){.d2-pilot-frame{overflow-x:clip}.d2-pilot-frame .workspace-sidebar{position:static;width:100%;padding:8px}.d2-pilot-brand{padding:6px 8px}.d2-pilot-frame .workspace-sidebar nav{display:flex;overflow:auto;gap:4px}.d2-pilot-frame .workspace-sidebar nav button{flex-shrink:0;margin:0;min-height:44px}.d2-pilot-frame .workspace-header{top:14px;right:12px}.d2-pilot-frame .workspace-back{display:none}.d2-pilot-frame .workspace-content{margin-left:0;padding:16px}.d2-split-workspace.has-panel{grid-template-columns:1fr}.d2-pilot-frame .wb-heading{padding-right:0}.d2-pilot-frame .wb-button,.d2-pilot-frame .wb-field,.d2-pilot-frame .workspace-tabs button{min-height:44px}.d2-orders-table .wb-order-header{display:none}.d2-orders-table .wb-order-row{grid-template-columns:18px minmax(0,1fr) auto;gap:8px}.d2-orders-table .wb-order-row>.wb-order-name{grid-column:2}.d2-orders-table .wb-order-row>span{grid-column:2}.d2-orders-table .wb-order-row>.wb-order-open{grid-column:3;grid-row:1/4}.d2-date-range{flex-wrap:wrap}.d2-pilot-frame .wb-pagination{flex-wrap:wrap}.d2-order-detail .workspace-tabs{display:flex;gap:8px}}

@font-face {
  font-family: "NPC Sora";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("/npc-sora-latin.woff2") format("woff2");
}

@font-face {
  font-family: "NPC Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/npc-geist-mono-latin.woff2") format("woff2");
}

:root {
  --background: #f2f0e9;
  --foreground: #090909;
  --ink: #090909;
  --ink-soft: #151515;
  --paper: #f2f0e9;
  --paper-bright: #fffef9;
  --paper-deep: #e8e5dc;
  --signal: #ff4b23;
  --signal-ink: #b52b0e;
  --acid: #d8ff3f;
  --blue: #4057ff;
  --pink: #ff8ac5;
  --cyan: #67e6ff;
  --action: #ff4b23;
  --action-hover: #df3d1b;
  --action-ink: #090909;
  --action-secondary: #e8e5dc;
  --action-secondary-hover: #d8d4ca;
  --action-secondary-ink: #090909;
  --action-tool: #e8e5dc;
  --action-tool-hover: #d8d4ca;
  --action-tool-ink: #090909;
  --action-border: transparent;
  --action-radius: 10px;
  --action-height: 44px;
  --shadow-action: none;
  --shadow-action-hover: none;
  --shadow-tool: none;
  --shadow-tool-hover: none;
  --muted: #77766f;
  --line: #d8d4ca;
  --motion-fast: 140ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --radius-control: 10px;
  --radius-surface: 12px;
  --radius-overlay: 16px;
  --field-border: #8b887f;
  --shadow-control: none;
  --shadow-surface: none;
  --shadow-overlay: 0 8px 24px rgba(9, 9, 9, .10), 0 24px 64px rgba(9, 9, 9, .14);
  /* Sora/Mono are variable Latin faces. Use one complete native CJK family,
     not partial static Chinese subsets misdeclared as variable-weight faces. */
  --font-cjk: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui;
  --font-geist-sans: "NPC Sora", var(--font-cjk), sans-serif;
  --font-geist-mono: "NPC Mono", "SFMono-Regular", Consolas, var(--font-cjk), monospace;
  --type-page: clamp(1.75rem, 2.2vw, 2rem);
  --type-section: 1.25rem;
  --type-row: 1rem;
  --type-body: .875rem;
  --type-caption: .8125rem;
  --type-amount: clamp(1.75rem, 2.4vw, 2.25rem);
}



* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-geist-sans), "Microsoft YaHei", system-ui, sans-serif;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.7;
}

button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font-family: var(--font-geist-sans); font-size: .875rem; font-weight: 400; letter-spacing: 0; cursor: pointer; }
button:disabled { cursor: not-allowed; }
:where(button, [role="button"], summary, a.npc-primary-button, a.npc-ghost-button, input[type="submit"], input[type="button"]) {
  transition: background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
}
:where(button, [role="button"], summary, a.npc-primary-button, a.npc-ghost-button, input[type="submit"], input[type="button"]):not(:disabled):not([aria-disabled="true"]):active {
  filter: none;
}
:where(button, input[type="submit"], input[type="button"]):disabled { opacity: .5; translate: none; scale: none; filter: none; box-shadow: none; }
.npc-action-spinner { display: inline-block; width: 13px; height: 13px; flex: 0 0 13px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: npc-action-spin .65s linear infinite; }
@keyframes npc-action-spin { to { rotate: 360deg; } }
.portal-shell-authenticated .portal-header { background: #fffef9; border-bottom-color: #dedbd2; }
.portal-shell-authenticated .portal-desktop-nav button { color: #55544e; }
.portal-shell-authenticated .portal-desktop-nav button[aria-pressed=true] { color: #090909; }
@media (min-width: 1024px) {
  .portal-shell-authenticated .portal-desktop-nav { position: fixed; top: 70px; bottom: 0; left: 0; width: 168px; height: auto; margin: 0; padding: 20px 12px; display: flex; flex-direction: column; gap: 5px; background: #fffef9; border-right: 1px solid #dedbd2; }
  .portal-shell-authenticated .portal-desktop-nav button { min-height: 42px; padding: 10px 12px; border: 0; border-radius: 6px; text-align: left; font-size: 13px; }
  .portal-shell-authenticated .portal-desktop-nav button[aria-pressed=true] { background: #090909; color: #fffef9; box-shadow: inset 3px 0 #ff4b23; }
  .portal-shell-authenticated .portal-content { margin-left: 168px; margin-right: 0; max-width: none; padding-left: 24px; padding-right: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  :where(button, [role="button"], summary, a.npc-primary-button, a.npc-ghost-button, input[type="submit"], input[type="button"]):active { translate: none; scale: none; }
  .npc-action-spinner { animation: none; }
}
h1, h2 { text-align: left; }
::selection { background: var(--acid); color: var(--ink); }

:focus-visible {
  outline: 2px solid var(--signal-ink);
  outline-offset: 3px;
}

.npc-brand {
  display: inline-flex;
  min-width: 2.75rem;
  min-height: 2.75rem;
  align-items: center;
  gap: .78rem;
  color: var(--ink);
  text-decoration: none;
}

.npc-logo-lockup {
  display: grid;
  gap: .18rem;
}

.npc-logo-lockup img {
  display: block;
  width: 10rem;
  height: auto;
}

.npc-logo-lockup small {
  font-family: var(--font-geist-mono), monospace;
  font-size: .43rem;
  font-weight: 650;
  letter-spacing: .21em;
  white-space: nowrap;
}

.npc-brand-rule {
  width: 1px;
  height: 1.85rem;
  background: currentColor;
  opacity: .24;
}

.npc-service-name {
  font-family: var(--font-geist-mono), monospace;
  font-size: .54rem;
  letter-spacing: .18em;
  white-space: nowrap;
}

.npc-brand-inverse { color: var(--paper-bright); }
.npc-brand-compact .npc-logo-lockup img { width: 5.4rem; }
.npc-brand-compact .npc-brand-rule { height: 1.4rem; }
.npc-brand-compact .npc-service-name { font-size: .48rem; }

.npc-primary-button,
.npc-secondary-button,
.npc-ghost-button {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  border: 1px solid transparent;
  border-radius: .75rem;
  padding: .75rem 1.25rem;
  font-family: var(--font-geist-sans);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
  transition: background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);
}

.npc-primary-button {
  border-color: var(--action-border);
  background: var(--action);
  color: var(--action-ink);
  box-shadow: none;
  font-weight: 600;
}

.npc-primary-button:hover:not(:disabled):not([aria-disabled="true"]) { background: var(--action-hover); }
.npc-secondary-button { border-color:transparent; background:var(--action-secondary); color:var(--action-secondary-ink); box-shadow:none; font-weight:600; }
.npc-secondary-button:hover:not(:disabled):not([aria-disabled="true"]) { background:var(--action-secondary-hover); }
.npc-ghost-button { border-color: rgba(255, 254, 249, .26); background: transparent; color: var(--paper-bright); }
.npc-ghost-button:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--paper-bright); background: rgba(255, 254, 249, .08); }

.landing-shell { min-height: 100vh; background: var(--paper); color: var(--ink); }
.landing-header { position: absolute; z-index: 30; inset: 0 0 auto; color: var(--paper-bright); }
.landing-header-inner, .landing-hero-inner, .landing-footer-inner {
  width: min(100% - 4rem, 1376px);
  margin-inline: auto;
}
.landing-header-inner { display: flex; min-height: 5.5rem; align-items: center; justify-content: space-between; gap: 2rem; }
.landing-header .npc-logo-lockup img { width: 8.5rem; }
.landing-header .locale-switcher { margin-left: auto; }
.landing-action-island {
  display: flex;
  align-items: stretch;
  gap: .4rem;
  border: 1px solid rgba(255, 254, 249, .18);
  border-radius: 1.1rem;
  padding: .3rem;
  background: rgba(21, 21, 21, .82);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 254, 249, .08);
  backdrop-filter: blur(16px);
}
.landing-action-island .npc-ghost-button { border-color: transparent; }
@media(max-width:640px){.landing-header-inner{gap:8px;flex-wrap:wrap;padding-block:8px}.landing-header .npc-logo-lockup img{width:5.5rem}.landing-action-island{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:16px}.landing-action-island .npc-ghost-button,.landing-action-island .npc-primary-button,.landing-action-island .npc-secondary-button{min-width:0;justify-content:center;white-space:normal;padding-inline:8px!important;font-size:13px}}
.landing-hero {
  color: var(--paper-bright);
  border-bottom: 1px solid rgba(255, 254, 249, .16);
  overflow: hidden;
  background: var(--ink);
}
.landing-hero-inner { position: relative; min-height: 23rem; padding: 9rem 0 3.25rem; }
.landing-banner-art { position: absolute; inset: 1rem -2rem 0 auto; width: 68%; pointer-events: none; }
.landing-banner-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.landing-hero-copy { position: relative; z-index: 1; width: 66%; }
.landing-hero-copy .landing-intro { max-width: 35rem; }
.landing-hero h1 {
  max-width: 100%;
  margin: 0;
  text-align: left;
  font-size: clamp(2.5rem, 4.5vw, 4.25rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.landing-intro { max-width: 52rem; margin: 1rem 0 0; color: rgba(255,254,249,.68); font-size: clamp(1rem, 1.2vw, 1.125rem); line-height: 1.8; }
.landing-headline-phrase { display: inline-block; max-width: 100%; overflow-wrap: break-word; }
.public-catalog { max-width: 1440px; margin-inline: auto; padding: 2rem 2rem 0; }
.catalog-title { margin: 0; font-size: clamp(1.6rem, 2.2vw, 2rem); font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
.catalog-view .catalog-filter-form { margin-top: 1rem; }
.catalog-view .catalog-filter-form :is(label, legend, summary) { font-size: .8125rem; font-weight: 400; }
.catalog-view .catalog-filter-form button { font-weight: 400; }
.catalog-error { display: flex; align-items: center; gap: 1rem; border: 1px solid #ffc4d9; border-radius: .75rem; padding: .75rem 1rem; color: #9a294d; background: #fff0f4; }
.catalog-error button { min-height: 44px; text-decoration: underline; }
.catalog-preview-gate {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  margin: -2.5rem -2rem 0;
  padding: 5rem 1.5rem 2.5rem;
  background: linear-gradient(to bottom, rgba(242,240,233,0), rgba(242,240,233,.85) 28%, rgba(242,240,233,.98) 75%);
}
.catalog-preview-actions {
  display: flex;
  width: min(100%, 38rem);
  gap: 1rem;
  border: 1px solid rgba(255,254,249,.85);
  border-radius: 1.25rem;
  padding: .6rem;
  background: rgba(255,254,249,.7);
  box-shadow: 0 16px 48px rgba(9,9,9,.08), inset 0 1px 0 var(--paper-bright);
  backdrop-filter: blur(18px);
}
.catalog-preview-actions button {
  flex: 1;
  min-height: var(--action-height);
  border-radius: var(--action-radius);
  padding: .75rem 1.25rem;
  font-family: var(--font-geist-sans);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .01em;
}
.catalog-preview-actions button span { margin-left: .5rem; }
.npc-preview-login { display: flex; align-items: center; justify-content: center; gap: .8rem; border: 1px solid transparent; background: var(--action-secondary); color: var(--action-secondary-ink); font-weight:600; transition: background-color .18s; }
.npc-preview-login:hover { background: var(--action-secondary-hover); }
.catalog-preview-gate > p { margin: 1rem 0 0; color: #5e5c54; font-size: .875rem; text-align: center; }
.media-price-locked { color: #8b8982; }
.fixed-form-backdrop { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 1.5rem; overflow: hidden; background: rgba(9,9,9,.6); }
.fixed-form-dialog { display: flex; flex-direction: column; width: 100%; height: min(760px, calc(100dvh - 3rem)); max-height: calc(100dvh - 3rem); overflow: hidden; border: 1px solid rgba(9,9,9,.12); border-radius: 1.25rem; background: var(--paper-bright); color: var(--ink); box-shadow: 0 24px 80px rgba(9,9,9,.2); }
.ui-dialog-backdrop { background:rgba(9,9,9,.55);backdrop-filter:none; }
.ui-dialog-surface,.order-dialog-sheet { border:1px solid var(--line);border-radius:16px;background:var(--paper-bright);box-shadow:var(--shadow-overlay); }
.order-dialog-backdrop { background:rgba(9,9,9,.55);backdrop-filter:none; }
[role="dialog"][aria-label="用户资料编辑器"] { background:rgba(9,9,9,.55);backdrop-filter:none; }
[role="dialog"][aria-label="用户资料编辑器"] > form { border:1px solid var(--line);border-radius:16px;background:var(--paper-bright);box-shadow:var(--shadow-overlay); }
[role="dialog"][aria-label="用户资料编辑器"] .backdrop-blur { background:var(--paper-bright);backdrop-filter:none; }
[role="dialog"][aria-label="用户资料编辑器"] form > div:last-child > div:last-child > button[type=submit] { min-height:var(--action-height);border:1px solid var(--action-border);border-radius:var(--action-radius);background:var(--action);padding:9px 14px;color:var(--action-ink);font-size:13px;font-weight:600;box-shadow:var(--shadow-action); }
[role="dialog"][aria-label="用户资料编辑器"] form > div:last-child > div:last-child > button:disabled { border-color:#b8b4aa;background:#e8e5dc;color:#77766f;opacity:1;box-shadow:none; }
.fixed-form-dialog > form { display: flex; min-height: 0; flex: 1; flex-direction: column; overflow: hidden; }
.fixed-form-content { min-height: 0; flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 1.5rem; }
.fixed-form-content > fieldset { min-width: 0; margin: 0; border: 0; padding: 0; }
.fixed-form-footer { display: flex; flex: 0 0 auto; justify-content: flex-end; gap: .75rem; border-top: 1px solid rgba(9,9,9,.1); padding: 1.25rem 1.5rem; background: var(--paper-bright); }
.fixed-form-footer button { min-height: var(--action-height); border-radius: var(--action-radius); padding: .7rem 1.5rem; font-size: .8125rem; font-weight: 600; }
.landing-footer { border-top: 1px solid rgba(255,254,249,.15); background: #050505; color: var(--paper-bright); }
.landing-footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; min-height: 8rem; align-items: center; gap: 2rem; }
.landing-footer p { margin: 0; color: rgba(255,254,249,.56); font-size: .72rem; }
.landing-footer nav { display: flex; justify-content: flex-end; gap: 1.25rem; color: rgba(255,254,249,.52); font-size: .68rem; }

.insights-teaser, .editorial-index, .editorial-article { width: min(100% - 4rem, 1376px); margin-inline: auto; }
.insights-teaser { padding: 2.5rem 0 4rem; }
.insights-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.insights-section-heading h2, .article-related h2 { margin: 0; font-size: 1.65rem; font-weight: 600; letter-spacing: -.025em; }
.insights-section-heading > a { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; font-size: .875rem; }
.insight-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.insight-card { min-width: 0; border-top: 1px solid var(--ink); padding-top: 1.25rem; }
.insight-card-meta { display: flex; gap: 1rem; align-items: center; justify-content: space-between; color: #5e5c54; font-size: .8125rem; }
.insight-card h3 { margin: 1rem 0 .75rem; font-size: clamp(1.125rem, 1.7vw, 1.5rem); font-weight: 600; line-height: 1.55; letter-spacing: -.015em; }
.insight-card h3 a { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; min-height: 44px; }
.insight-card h3 a:hover { color: var(--signal-ink); }
.insight-card h3 span { font-weight: 400; }
.insight-card p { margin: 0; color: #4f4e49; font-size: 1rem; line-height: 1.8; }
.editorial-shell .landing-header { position: relative; background: var(--ink); }
.editorial-index, .editorial-article { padding-block: 2rem 5rem; }
.editorial-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-bottom: 2rem; color: #5e5c54; font-size: .875rem; }
.editorial-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.editorial-heading { margin-bottom: 3rem; }
.editorial-heading h1 { max-width: 20em; margin: 0; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 700; line-height: 1.4; letter-spacing: -.035em; text-align: left; }
.editorial-heading > p { max-width: 46rem; margin: 1.5rem 0 0; color: #4f4e49; font-size: 1.125rem; line-height: 1.85; }
.editorial-article { max-width: 860px; }
.article-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.5rem; margin-top: 1.5rem; color: #5e5c54; font-size: .875rem; }
.article-byline a { display: inline-flex; min-height: 44px; align-items: center; color: var(--ink); }
.article-body { padding-top: .5rem; border-top: 1px solid var(--line); }
.article-body section { margin-top: 2.5rem; scroll-margin-top: 2rem; }
.article-body h2 { margin: 0 0 1rem; font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.article-body p { margin: 1rem 0; color: #30302c; font-size: 1.0625rem; line-height: 1.95; overflow-wrap: anywhere; }
.article-body a { color: var(--signal-ink); text-decoration: underline; text-underline-offset: .2em; }
.article-body .article-source-note, .article-body .article-editorial-note { color: #5e5c54; font-size: .875rem; }
.article-references { padding-top: 2rem; border-top: 1px solid var(--line); }
.article-references ul { padding-left: 1.25rem; }
.article-references li { margin-block: .25rem; font-size: .875rem; }
.article-references a { display: inline-block; min-height: 44px; padding-block: .55rem; overflow-wrap: anywhere; }
.article-related { display: grid; gap: .5rem; margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid var(--ink); }
.article-related h2 { margin-bottom: .75rem; }
.article-related a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 48px; font-size: 1rem; }
.insights-pagination { display: flex; gap: 1.5rem; justify-content: center; align-items: center; margin-top: 2.5rem; }
.insights-pagination a { min-height: 44px; display: inline-flex; align-items: center; }
.landing-footer nav { flex-wrap: wrap; font-size: .8125rem; }

@media (max-width: 900px) {
  .insight-list { grid-template-columns: 1fr; gap: 2rem; }
  .landing-hero-copy { width: 80%; }
  .landing-banner-art { width: 78%; opacity: .5; }
}
@media (max-width: 640px) {
  .insights-teaser, .editorial-index, .editorial-article { width: calc(100% - 2rem); }
  .insights-teaser { padding-block: 2rem 3rem; }
  .insights-section-heading h2 { font-size: 1.4rem; }
  .insight-card h3 { font-size: 1.25rem; }
  .editorial-heading { margin-bottom: 2rem; }
  .editorial-heading h1 { font-size: clamp(1.85rem, 7.2vw, 2.75rem); }
  .editorial-heading > p { font-size: 1rem; margin-top: 1.25rem; }
  .editorial-breadcrumb { margin-bottom: 1.25rem; }
  .article-body h2 { font-size: 1.25rem; }
  .article-body p { font-size: 1rem; }
  .landing-hero-copy { width: 100%; }
  .landing-banner-art { inset: 3.5rem -1rem 0 0; width: auto; opacity: .28; }
}

.access-dialog-backdrop { position: fixed; z-index: 80; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 1.25rem; background: rgba(9,9,9,.58); }
.access-dialog { width: min(100%, 32rem); animation: dialog-enter .2s ease-out both; }
.access-dialog:has(.application-card) { width: min(100%, 42rem); }
.access-dialog-card { border: 1px solid rgba(255,254,249,.16); border-radius: 1.25rem; background: linear-gradient(145deg, #151515, #090909); padding: clamp(1.4rem, 4vw, 2.15rem); color: var(--paper-bright); box-shadow: 0 1.5rem 5rem rgba(9,9,9,.42), inset 0 1px rgba(255,254,249,.09); }
.dialog-close { display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; border: 1px solid rgba(255,254,249,.18); background: transparent; color: var(--paper-bright); font-size: 1.2rem; }
.dialog-close:hover { border-color: var(--paper-bright); }
.access-input { display: block; width: 100%; margin-top: .65rem; border: 1px solid rgba(255,254,249,.26); border-radius: .9rem; background: rgba(255,254,249,.94); padding: .9rem 1rem; color: var(--ink); outline: none; }
.access-input::placeholder { color: #6e6d67; }
.access-input:focus { border-color: #ff967e; box-shadow: 0 0 0 3px rgba(255,75,35,.14); }
.qr-placeholder { position: relative; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,254,249,.25); background: var(--paper-bright); color: var(--ink); }
.qr-placeholder::before, .qr-placeholder::after { position: absolute; inset: .75rem; border: .35rem solid var(--ink); content: ""; opacity: .1; }
.qr-placeholder::after { inset: 2rem; border-width: .2rem; transform: rotate(45deg); }
.qr-placeholder span { position: relative; z-index: 1; font-family: var(--font-geist-mono), monospace; font-size: 2.5rem; font-weight: 800; letter-spacing: -.08em; }
.qr-placeholder small { position: absolute; z-index: 1; bottom: 1rem; font-size: .58rem; line-height: 1.5; text-align: center; }

@keyframes dialog-enter { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }

.home-grid {
  background-image:
    linear-gradient(rgba(255, 254, 249, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 254, 249, .045) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(255, 75, 35, .17), transparent 42%);
  background-size: 64px 64px, 64px 64px, 100% 100%;
  mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,.8) 66%, transparent 100%);
}

.home-aurora {
  width: 42rem;
  height: 42rem;
  border-radius: 999px;
  filter: blur(110px);
  opacity: .2;
  animation: aurora-shift 12s ease-in-out infinite alternate;
}

.home-aurora-one {
  right: -13rem;
  top: 2rem;
  background: var(--signal);
}

.home-aurora-two {
  left: 30%;
  top: -28rem;
  background: var(--blue);
  animation-delay: -5s;
}

.home-search {
  overflow: hidden;
  border: 1px solid rgba(255, 254, 249, .18);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 254, 249, .11), rgba(255, 254, 249, .035));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 254, 249, .09);
  backdrop-filter: blur(24px);
}

.signal-console {
  border: 1px solid rgba(255, 254, 249, .16);
  background:
    radial-gradient(circle at 0 0, rgba(255, 75, 35, .24), transparent 42%),
    linear-gradient(145deg, rgba(21, 21, 21, .98), rgba(9, 9, 9, .96));
  box-shadow: 0 40px 110px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 254, 249, .09);
  backdrop-filter: blur(30px);
}

.signal-console::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 20%, rgba(216, 255, 63, .065), transparent 60%);
  content: "";
}

.signal-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--acid);
  box-shadow: 0 0 0 4px rgba(216, 255, 63, .11), 0 0 18px rgba(216, 255, 63, .76);
  animation: signal-pulse 2s ease-in-out infinite;
}

.tech-primary-button {
  display: inline-flex;
  min-height:var(--action-height);
  align-items: center;
  gap: .75rem;
  border: 1px solid var(--action-border);
  border-radius: var(--action-radius);
  background: var(--action);
  padding: .75rem 1.35rem;
  color: var(--action-ink);
  font-size: .8rem;
  font-weight: 760;
  box-shadow: var(--shadow-action);
  transition: background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease);
}

.tech-primary-button:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--action-hover);
  box-shadow: none;
}

.portal-shell {
  background:
    radial-gradient(circle at 82% 4%, rgba(64, 87, 255, .1), transparent 27rem),
    radial-gradient(circle at 11% 12%, rgba(255, 75, 35, .1), transparent 25rem),
    var(--paper);
}

.portal-header {
  color: white;
  background:
    radial-gradient(circle at 76% 0, rgba(255, 75, 35, .2), transparent 31%),
    linear-gradient(120deg, rgba(9, 9, 9, .99), rgba(21, 21, 21, .98));
  box-shadow: 0 18px 60px rgba(9, 9, 9, .18);
}

.portal-mobile-dock { display: none; }

.portal-search-panel {
  border: 1px solid rgba(9, 9, 9, .12);
  border-radius: 24px;
  background: rgba(255, 254, 249, .88);
  box-shadow: 0 18px 55px rgba(9, 9, 9, .075), inset 0 1px 0 var(--paper-bright);
  backdrop-filter: blur(18px);
}

.portal-filter-panel {
  border: 1px solid rgba(9, 9, 9, .1);
  background: rgba(255, 254, 249, .9);
  box-shadow: 0 20px 50px rgba(9, 9, 9, .06), inset 0 1px 0 var(--paper-bright);
  backdrop-filter: blur(16px);
}

.media-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(9, 9, 9, .1);
  background: rgba(255, 254, 249, .92);
  box-shadow: 0 14px 38px rgba(9, 9, 9, .05), inset 0 1px 0 var(--paper-bright);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.media-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--signal), var(--acid) 52%, var(--blue));
  opacity: 0;
  content: "";
  transition: opacity .22s ease;
}

.media-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 75, 35, .32);
  box-shadow: 0 22px 50px rgba(9, 9, 9, .1), inset 0 1px 0 var(--paper-bright);
}

.media-card:hover::before { opacity: 1; }

.media-list {
  overflow: auto;
  border: 1px solid rgba(9, 9, 9, .12);
  background: var(--paper-bright);
  box-shadow: 0 1rem 2.5rem rgba(9, 9, 9, .045);
}

.media-list-featured { border-color: rgba(255, 75, 35, .42); }

.media-list-grid {
  display: grid;
  min-width: 68rem;
  grid-template-columns: minmax(14rem, 1.65fr) minmax(6.5rem, .68fr) minmax(8rem, .85fr) minmax(5.5rem, .58fr) minmax(5.5rem, .58fr) minmax(5rem, .5fr) minmax(6rem, .64fr) minmax(8.5rem, .72fr);
  column-gap: 1rem;
  align-items: center;
  padding-inline: 1rem;
}

.media-list-head {
  min-height: 2.55rem;
  border-bottom: 1px solid rgba(9,9,9,.12);
  background: #151515;
  color: rgba(255,254,249,.7);
  font-family: var(--font-geist-sans);
  font-size: .75rem;
  letter-spacing: 0;
}

.media-list-row {
  min-height: 4.7rem;
  border-bottom: 1px solid rgba(9,9,9,.08);
  transition: background-color .15s ease;
}

.media-list-row:last-child { border-bottom: 0; }
.media-list-row:hover { background: #f6f3ec; }

.media-list-name-cell { min-width: 0; }

.media-list-name {
  display: block;
  width: 100%;
  min-width: 0;
  padding: .8rem 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
}

.media-list-name > span { display: block; overflow: hidden; font-size: .9375rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.media-list-name small { display: flex; min-width: 0; gap: .45rem; margin-top: .25rem; overflow: hidden; color: var(--muted); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.media-list-name b { flex: 0 0 auto; padding: .08rem .25rem; background: var(--signal); color: var(--ink); font-size: .45rem; letter-spacing: .07em; }
.media-list-market { display: grid; gap: .25rem; }
.media-list-market strong { font-size: .8125rem; font-weight: 500; letter-spacing: 0; }
.media-list-market small, .media-list-sector, .media-list-delivery { overflow: hidden; color: #5e5c54; font-size: .8125rem; text-overflow: ellipsis; white-space: nowrap; }
.media-list-number, .media-list-price { font-family: var(--font-geist-sans); font-size: .875rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.media-list-ai { color: #3042bd; }
.media-list-actions { display: flex; justify-content: flex-end; gap: .4rem; }
.media-list-actions button { min-height: 2.75rem; border: 1px solid rgba(9,9,9,.24); border-radius: .625rem; background: transparent; padding: .4rem .75rem; font-size: .8125rem; font-weight: 400; }
.media-list-actions button + button { border-color: var(--signal); background: var(--signal); }
.media-list-actions button:hover { border-color: var(--ink); }

.metric-tile {
  border: 1px solid rgba(9, 9, 9, .07);
  background: linear-gradient(145deg, rgba(242, 240, 233, .96), rgba(255, 254, 249, .9));
}

.detail-shell {
  border: 1px solid rgba(255, 254, 249, .16);
  background: var(--paper);
  box-shadow: 0 45px 150px rgba(0, 0, 0, .38);
}

.detail-header {
  color: white;
  background:
    radial-gradient(circle at 78% 0, rgba(64, 87, 255, .22), transparent 34%),
    radial-gradient(circle at 8% 0, rgba(255, 75, 35, .2), transparent 32%),
    linear-gradient(115deg, var(--ink), var(--ink-soft));
}

.detail-card {
  border: 1px solid rgba(9, 9, 9, .09);
  background: rgba(255, 254, 249, .94);
  box-shadow: 0 12px 34px rgba(9, 9, 9, .05), inset 0 1px 0 var(--paper-bright);
}

.purchase-rail {
  background:
    radial-gradient(circle at 100% 0, rgba(255, 75, 35, .22), transparent 48%),
    linear-gradient(145deg, var(--ink), var(--ink-soft));
  box-shadow: 0 24px 60px rgba(9, 9, 9, .22);
}

.detail-mobile-action { display: none; }

.hero-grid {
  background-image:
    linear-gradient(rgba(9, 9, 9, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9, 9, 9, .055) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 86%);
}

.section-kicker {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .18em;
}

.soft-scrollbar {
  scrollbar-color: rgba(9, 9, 9, .18) transparent;
  scrollbar-width: thin;
}

.soft-scrollbar::-webkit-scrollbar { width: 7px; height: 7px; }
.soft-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(9, 9, 9, .16);
  border-radius: 999px;
}

.app-grid {
  background-image: radial-gradient(rgba(9, 9, 9, .08) .75px, transparent .75px);
  background-size: 18px 18px;
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-up { animation: fade-up .35s ease-out both; }

.form-control {
  display: block;
  width: 100%;
  margin-top: .5rem;
  min-height: 44px;
  border: 1px solid var(--field-border);
  border-radius: var(--radius-control);
  background: var(--paper-bright);
  padding: 10px 12px;
  color: var(--ink);
  font-size: .875rem;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}

.form-control:focus {
  border-color: var(--signal);
  box-shadow: 0 0 0 4px rgba(255, 75, 35, .11);
}

@keyframes aurora-shift {
  from { transform: translate3d(-2%, -2%, 0) scale(.96); }
  to { transform: translate3d(5%, 4%, 0) scale(1.08); }
}

@keyframes signal-pulse {
  0%, 100% { opacity: .65; transform: scale(.85); }
  50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1200px) {
  .media-list { overflow-x: auto; }
  .media-list-grid { min-width: 68rem; }
}

@media (max-width: 980px) {
  .landing-footer-inner { grid-template-columns: 1fr auto; padding-block: 2rem; }
  .landing-footer-inner > p { display: none; }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .catalog-search-row { flex-direction: row; }
  .catalog-search-row input { min-width: 0; }
  .catalog-search-row button { flex-shrink: 0; }
  .catalog-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .simple-header-main, .admin-header-main, .partner-header-main {
    height: auto;
    min-height: calc(4.5rem + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    padding-inline: .75rem;
  }
  .simple-header .npc-brand-rule, .simple-header .npc-service-name, .simple-header .npc-logo-lockup small,
  .admin-header .npc-brand-rule, .admin-header .npc-service-name, .admin-header .npc-logo-lockup small,
  .partner-header .npc-brand-rule, .partner-header .npc-service-name, .partner-header .npc-logo-lockup small { display: none; }
  .simple-header .npc-logo-lockup img, .admin-header .npc-logo-lockup img, .partner-header .npc-logo-lockup img { width: 5rem; }
  .accounts-header-note { max-width: 7.5rem; }
  .admin-header .account-menu, .partner-header .account-menu { flex: 1 1 auto; justify-content: flex-end; gap: .35rem; }
  .admin-header .account-menu-switcher, .partner-header .account-menu-switcher { width: min(39vw, 8rem); padding-inline: .5rem; }
  .admin-header .account-menu[data-multiple="true"] .account-menu-index,
  .partner-header .account-menu[data-multiple="true"] .account-menu-index { display: none; }
  .admin-header .account-menu-logout, .partner-header .account-menu-logout { flex: 0 0 auto; padding-inline: .65rem; }
  .admin-header nav, .partner-header nav { gap: 1.25rem; padding-inline: .75rem; }
  .admin-header nav button, .partner-header nav button { font-size: .72rem; }
  .admin-header + div, .partner-header + div { padding: 1.25rem .75rem calc(2rem + env(safe-area-inset-bottom)); }
  .portal-header-main {
    height: auto;
    min-height: calc(4.375rem + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    padding-inline: .75rem;
  }
  .portal-header .npc-brand { flex: 0 0 auto; }
  .portal-header .npc-brand-rule, .portal-header .npc-service-name, .portal-header .npc-logo-lockup small { display: none; }
  .portal-header .npc-logo-lockup img { width: 5rem; }
  .portal-header .account-menu { flex: 1 1 auto; justify-content: flex-end; gap: .35rem; }
  .portal-header .account-menu-switcher { width: min(38vw, 8rem); padding-inline: .5rem; }
  .portal-header .account-menu[data-multiple="true"] .account-menu-index { display: none; }
  .portal-header .account-menu-logout { flex: 0 0 auto; padding-inline: .65rem; }
  .portal-desktop-nav { display: none; }
  .portal-shell-authenticated .portal-content { padding-bottom: calc(6rem + env(safe-area-inset-bottom)); }
  .portal-content { padding: 1.25rem .75rem 2rem; }
  .portal-mobile-dock {
    position: fixed;
    z-index: 40;
    right: .5rem;
    bottom: max(.5rem, env(safe-area-inset-bottom));
    left: .5rem;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255,254,249,.14);
    border-radius: 1.2rem;
    background: rgba(9,9,9,.9);
    padding: .3rem;
    color: rgba(255,254,249,.58);
    box-shadow: 0 1rem 3rem rgba(9,9,9,.3), inset 0 1px rgba(255,254,249,.08);
    backdrop-filter: blur(22px) saturate(135%);
  }
  .portal-mobile-dock button {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 3.55rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    border-radius: .9rem;
    font-size: .62rem;
    font-weight: 700;
  }
  .portal-mobile-dock button.is-active { background: rgba(255,254,249,.1); color: var(--paper-bright); }
  .portal-mobile-dock button.is-active::before { position: absolute; top: .1rem; width: 1.25rem; height: 2px; border-radius: 999px; background: var(--signal); content: ""; }
  .portal-mobile-dock-marker { font-family: var(--font-geist-mono), monospace; font-size: 1rem; line-height: 1; }
  .portal-mobile-dock b { position: absolute; top: .3rem; right: calc(50% - 1.4rem); min-width: 1rem; border-radius: 999px; background: var(--signal); padding: .08rem .22rem; color: var(--ink); font-family: var(--font-geist-mono), monospace; font-size: .46rem; }
  .npc-cart-checkout { bottom: calc(5rem + max(.5rem, env(safe-area-inset-bottom))); padding: 12px; }
  .npc-cart-checkout > div:first-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .npc-cart-checkout > div:first-child > div { grid-column: 1 / -1; }
  .npc-cart-checkout > div:first-child > button { grid-column: auto; grid-row: auto; min-width: 0; padding-inline: 8px; }
  .npc-cart-checkout .npc-cart-payment { grid-column: 1 / -1; grid-row: 2; min-width: 0; max-width: none; }
  .npc-cart-checkout .npc-cart-payment label { padding: 10px; }
  .npc-cart-checkout .npc-cart-payment small { font-size: 11px; }
  .catalog-filter-form { padding: .75rem; border-radius: 1rem; }
  .catalog-search-row { display: grid; grid-template-columns: 1fr 1fr; }
  .catalog-search-row > input { grid-column: 1 / -1; min-height: 3rem; }
  .catalog-filter-grid {
    display: flex;
    margin-inline: -.75rem;
    overflow-x: auto;
    padding: 0 .75rem .35rem;
    scroll-snap-type: x proximity;
  }
  .catalog-filter-grid > label, .catalog-filter-grid > fieldset { width: 9.4rem; flex: 0 0 9.4rem; scroll-snap-align: start; }
  .catalog-more-filters[open] > summary { margin-bottom: .1rem; }
  .catalog-sort-row { flex-wrap: nowrap; margin-inline: -.75rem; overflow-x: auto; padding-right: .75rem; padding-left: .75rem; }
  .portal-content h1 { font-size: 1.75rem; line-height: 1.4; }
  .detail-dialog-backdrop { padding: 0; background: var(--paper); }
  .detail-dialog-backdrop .detail-shell { min-height: 100dvh; border: 0; border-radius: 0; padding-bottom: calc(5.3rem + env(safe-area-inset-bottom)); box-shadow: none; }
  .detail-dialog-backdrop .detail-header { padding: 4.4rem 1rem 1.25rem; }
  .detail-dialog-backdrop .detail-header > button { position: fixed; z-index: 2; top: max(.75rem, env(safe-area-inset-top)); }
  .detail-dialog-backdrop .detail-header h2 { font-size: 1.85rem; line-height: 1.35; }
  .detail-content-grid { padding: .75rem; }
  .detail-content-grid .detail-card { border-radius: 1rem; padding: 1rem; }
  .detail-content-grid .purchase-rail { margin-bottom: calc(.5rem + env(safe-area-inset-bottom)); border-radius: 1rem; padding: 1rem; }
  .detail-mobile-action {
    position: fixed;
    z-index: 4;
    right: .5rem;
    bottom: max(.5rem, env(safe-area-inset-bottom));
    left: .5rem;
    display: flex;
    min-height: 4.4rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(255,254,249,.14);
    border-radius: 1.15rem;
    background: rgba(9,9,9,.92);
    padding: .65rem .7rem .65rem 1rem;
    color: var(--paper-bright);
    box-shadow: 0 1rem 3rem rgba(9,9,9,.32);
    backdrop-filter: blur(20px) saturate(135%);
  }
  .detail-mobile-action div { display: grid; gap: .1rem; }
  .detail-mobile-action span { color: rgba(255,254,249,.52); font-size: .55rem; }
  .detail-mobile-action strong { color: var(--acid); font-family: var(--font-geist-mono), monospace; font-size: .9rem; }
  .detail-mobile-action button { min-width: 7.5rem; min-height: 3rem; border-radius: .8rem; background: var(--signal); color: var(--ink); font-size: .875rem; font-weight: 400; }
  .order-dialog-backdrop { align-items: end; padding: 0; }
  .order-dialog-sheet { max-height: 100dvh; overflow-y: auto; border-radius: 1.25rem 1.25rem 0 0; padding: max(1rem, env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom)); }
  .access-dialog-backdrop { padding: max(.75rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom)); }
  .landing-header-inner, .landing-footer-inner, .landing-hero-inner { width: calc(100% - 2rem); }
  .landing-header-inner { min-height: calc(4.5rem + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
  .landing-header .npc-brand-rule, .landing-header .npc-service-name, .landing-header .npc-logo-lockup small { display: none; }
  .landing-header .npc-logo-lockup img { width: 7rem; }
  .landing-header .npc-primary-button, .landing-header .npc-ghost-button { min-height: 2.75rem; padding-inline: .85rem; }
  .landing-hero { min-height: auto; }
  .landing-header { position:relative; background:var(--ink); }
  .landing-hero-inner { min-height: 19rem; padding: 2rem 0 2.5rem; }
  .landing-hero h1 { max-width: 100%; font-size: clamp(1.85rem, 7.8vw, 2.8rem); line-height: 1.45; text-wrap: balance; }
  .landing-intro { margin-top: .85rem; font-size: .9375rem; }
  .public-catalog { padding: 1.5rem 1rem 0; }
  .catalog-preview-gate { margin-inline: -1rem; padding-inline: 1rem; }
  .catalog-preview-actions { gap: .5rem; padding: .45rem; }
  .catalog-preview-actions button { min-height: 3.5rem; padding: .75rem 1rem; font-size: 1rem; }
  .fixed-form-backdrop { padding: 0; align-items: stretch; }
  .fixed-form-dialog { height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
  .fixed-form-content { padding: 1rem; }
  .fixed-form-footer { display: grid; grid-template-columns: 1fr 1fr; padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom)); }
  .landing-footer-inner { grid-template-columns: 1fr; }
  .landing-footer nav { justify-content: flex-start; }
  .application-card .sm\:grid-cols-\[190px_1fr\] { grid-template-columns: 1fr; }
  .qr-placeholder { width: 11rem; }
  .media-list { position: relative; overflow: visible; border: 0; background: transparent; box-shadow: none; }
  .media-list-head {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    padding: 0;
    white-space: nowrap;
  }
  .media-list-grid { min-width: 0; }
  .media-list-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem .75rem; min-height: 0; margin-bottom: .55rem; border: 1px solid rgba(9,9,9,.1); background: var(--paper-bright); padding: .8rem; }
  .media-list-name-cell { grid-column: 1 / 3; grid-row: 1; }
  .media-list-name { padding: 0; }
  .media-list-name { min-height: 2.75rem; align-content: center; }
  .media-list-market { grid-column: 3; grid-row: 1; text-align: right; }
  .media-list-sector, .media-list-delivery { display: none; }
  .media-list-number::before { display: block; margin-bottom: .2rem; color: var(--muted); font-family: var(--font-geist-sans); font-size: .75rem; font-weight: 400; letter-spacing: 0; }
  .media-list-visits { grid-column: 1; grid-row: 2; }
  .media-list-visits::before { content: "月流量"; }
  .media-list-ai { grid-column: 2; grid-row: 2; text-align: center; }
  .media-list-ai::before { content: "AI 引荐"; }
  .media-list-price { grid-column: 3; grid-row: 2; text-align: right; }
  .media-list-price::before { display: block; margin-bottom: .2rem; color: var(--muted); font-size: .75rem; font-weight: 400; content: "采购价"; }
  .media-list-actions { grid-column: 1 / -1; grid-row: 3; }
  .media-list-actions button { flex: 1; }
}

.workspace-frame { min-height: 100dvh; background: #f2f0e9; color: #090909; --wb-line: rgba(9,9,9,.12); }
.workspace-header { height: 76px; position: sticky; top: 0; z-index: 35; display: flex; align-items: center; gap: 24px; padding: 12px 28px; border-bottom: 1px solid var(--wb-line); background: rgba(255,254,249,.94); backdrop-filter: blur(20px); }
.workspace-title { font-size: 13px; color: #66655e; border-left: 1px solid var(--wb-line); padding-left: 20px; }
.workspace-header-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.workspace-sidebar { position: fixed; top: 76px; bottom: 0; width: 184px; padding: 18px 12px; border-right: 1px solid #dedbd2; background: #fffef9; }
.workspace-sidebar nav { display: grid; gap: 4px; }
.workspace-sidebar nav button { min-height: 46px; border-radius: 6px; padding: 10px 12px; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; font-weight: 550; color: #55544e; }
.workspace-sidebar nav button:hover { background: #eeeae1; color: #090909; }
.workspace-sidebar nav button[aria-current=page] { background: #090909; box-shadow: none; color: #fff; }
.workspace-sidebar nav button[aria-current=page]::after { content: ""; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: #ff4b23; }
.workspace-count { border-radius: 5px; padding: 1px 5px; font-size: 11px; background: #d8ff3f; color: #090909; font-variant-numeric: tabular-nums; }
.workspace-back { display: block; font-size: 13px; color: #55544e; border-top: 1px solid #dedbd2; margin-top: 20px; padding: 18px 12px; }
.workspace-content { margin-left: 184px; padding: 30px clamp(16px, 2.2vw, 36px) 60px; min-width: 0; max-width: 1920px; }
.workspace-content h1 { text-align: left; }
.workspace-tabs { display: flex; gap: 5px; overflow-x: auto; padding: 3px; margin-bottom: 20px; flex-shrink: 0; }
.workspace-tabs button { min-height: 44px; flex-shrink: 0; padding: 9px 14px; border-radius: 0; font-size: 13px; font-weight: 500; color: #4f4e49; border: 0; border-bottom: 2px solid transparent; }
.workspace-tabs button[aria-pressed=true] { background: #090909; color: #fff; border-bottom-color: #090909; }
.workspace-tabs button,.d2-pilot-frame .workspace-tabs button { border-radius:var(--action-radius,10px); }
.wb-heading { display: flex; gap: 16px; justify-content: space-between; align-items: center; margin-bottom: 22px; }
.wb-heading h1 { font-size: clamp(24px, 2.2vw, 32px); font-weight: 600; letter-spacing: -.035em; }
.wb-button { display:inline-flex;min-height:var(--action-height);align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:var(--action-tool);color:var(--action-tool-ink);padding:9px 14px;border-radius:var(--action-radius);font-weight:600;font-size:13px;line-height:1.35;white-space:nowrap;text-decoration:none;box-shadow:var(--shadow-tool); }
.wb-button:hover:not(:disabled):not([aria-disabled=true]) { background:var(--action-tool-hover); }
.wb-button-primary:hover:not(:disabled):not([aria-disabled=true]) { background:var(--action-hover)!important; }
.wb-button-secondary:hover:not(:disabled):not([aria-disabled=true]) { background:var(--action-secondary-hover)!important; }
.wb-button:disabled,.wb-button[aria-disabled=true] { border-color:#b8b4aa;background:#e8e5dc;color:#77766f;opacity:1;cursor:not-allowed;box-shadow:none; }
.wb-button:is(.wb-button-primary,.wb-button-secondary):is(:disabled,[aria-disabled=true]) { background:#e8e5dc!important;color:#77766f!important;border-color:transparent!important;opacity:.55;box-shadow:none; }
.wb-button-danger,.wb-button.plan-danger,.wb-button.text-red-700,.wb-button.text-\[\#9a294d\] { border-color:transparent!important;background:#fff0f4!important;color:#8a1f3f!important; }
.wb-button:is(.wb-button-danger,.plan-danger,.text-red-700,.text-\[\#9a294d\]):hover:not(:disabled):not([aria-disabled=true]) { background:#ffe2e8!important;color:#8a1f3f!important;border-color:transparent!important; }
.wb-button-danger:is(:disabled,[aria-disabled=true]),.wb-button.plan-danger:is(:disabled,[aria-disabled=true]),.wb-button.text-red-700:is(:disabled,[aria-disabled=true]),.wb-button.text-\[\#9a294d\]:is(:disabled,[aria-disabled=true]) { border-color:transparent!important;background:#e8e5dc!important;color:#77766f!important;opacity:.55;box-shadow:none; }
.account-menu-index,.account-menu-logout{display:inline-flex;min-height:var(--action-height);align-items:center;justify-content:center;border:1px solid transparent!important;border-radius:var(--action-radius)!important;background:var(--action-tool)!important;padding:9px 14px;color:var(--action-tool-ink)!important;font-size:13px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-tool)}
.account-menu-index:hover,.account-menu-logout:hover:not(:disabled){background:var(--action-tool-hover)!important}
@media screen and (max-width:900px){
 :is(.workspace-frame,.portal-shell) .orders-workbench .wb-filters>label:has(>select){display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 100%;min-width:0;max-width:100%;gap:6px;white-space:normal}
 :is(.workspace-frame,.portal-shell) .orders-workbench .wb-filters>label>select{width:100%;min-width:0;max-width:100%}
}
.account-menu-logout:disabled{border-color:#b8b4aa!important;background:#e8e5dc!important;color:#77766f!important;opacity:1}
:is(.npc-primary-button,.npc-secondary-button,.tech-primary-button,.npc-preview-login){min-height:var(--action-height);border-radius:var(--action-radius);font-size:13px;font-weight:600}
.catalog-preview-actions :is(.npc-preview-login,.npc-primary-button){border-radius:var(--action-radius);font-size:13px;font-weight:600}
:is(.npc-primary-button,.npc-secondary-button,.tech-primary-button,.npc-md-primary,.npc-preview-login):is(:disabled,[aria-disabled=true]){border-color:#b8b4aa;background:#e8e5dc;color:#77766f;opacity:1;box-shadow:none;transform:none}
.wb-field { min-width: 0; min-height: 44px; border: 1px solid var(--wb-line, #d6d3c9); background: #fffef9; border-radius: 9px; padding: 9px 12px; font-size: 13px; color: #090909; width: 100%; }
.wb-panel { border: 1px solid var(--wb-line, #d6d3c9); border-radius: 14px; background: #fffef9; overflow: hidden; }
.wb-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 16px; }
.wb-panel.wb-filters { overflow: visible; position: relative; z-index: 20; }
.wb-filters .catalog-country > summary { display:flex;align-items:center;gap:8px;list-style:none; }
.wb-filters .catalog-country > summary::-webkit-details-marker { display:none; }
.wb-filters .catalog-filter-name { color:#66655e;font-weight:400; }
.wb-filters .catalog-filter-value { margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wb-filters .catalog-country > summary::after { content:"⌄";margin-left:4px; }
.wb-filters .catalog-country-menu { max-width:calc(100vw - 32px); }
.wb-filters label { display: grid; gap: 6px; font-size: 12px; color: #66655e; }
.portal-shell .wb-filters{padding:12px;gap:8px;align-items:center}
.portal-shell .wb-filters .d2-date-range{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.portal-shell .wb-filters .d2-date-range input{width:126px;max-width:100%;min-width:0}
:is(.portal-shell,.workspace-frame,.workspace-drawer) input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;vertical-align:middle;flex:0 0 auto;align-self:center}
:is(.portal-shell,.workspace-frame) .wb-toolbar{align-items:center}
@media(max-width:820px){.portal-shell .wb-filters .d2-date-range{flex:1 1 100%}.portal-shell .wb-filters .d2-date-range input{width:calc((100% - 78px)/2)}.portal-shell .wb-filters .wb-button{min-height:44px}}
.wb-search { flex: 1 1 250px; }
.wb-toolbar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; align-items: center; margin: 16px 0; }
.wb-toolbar .workspace-tabs { margin-bottom: 0; }
.wb-toolbar-options { display: flex; gap: 8px; }
.wb-order-header, .wb-order-row { display: grid; grid-template-columns: minmax(170px, 1.6fr) minmax(150px, 1.2fr) .7fr .85fr .8fr 50px; gap: 18px; align-items: center; padding: 16px 20px; width: 100%; text-align: left; }
.wb-order-header { background: #f7f6f0; font-size: 12px; color: #66655e; }
.wb-order-row { border-top: 1px solid var(--wb-line, #d6d3c9); font-size: 13px; min-height: 60px; padding: 10px 16px; }
.wb-order-row > span { min-width: 0; }
.wb-order-row strong { font-weight: 550; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wb-order-row small { display: block; margin-top: 3px; color: #66655e; font-size: 11px; overflow-wrap: anywhere; }
.wb-order-row:hover { background: #f7f9ee; }
.wb-order-row[data-affiliate="true"] { box-shadow: inset 3px 0 #4057ff; }
.wb-filters > .catalog-field { flex: 1 1 180px; max-width: 320px; }
.wb-order-row .wb-badge-blue { min-height: 0; }
.wb-badge { display: inline-block; font-size: 11px; line-height: 1.5; padding: 3px 7px; border-radius: 5px; background: #eeede6; color: #4f4e49; }
.wb-order-row .wb-delivery-status { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:88px;height:26px;min-height:26px;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap; }
.wb-badge-blue, .wb-status-active { background: #edf0ff; color: #293cb7; }
.wb-status-warning { background: #fff0db; color: #855100; }
.wb-status-success { background: #f0fad3; color: #516000; }
.wb-status-pending { background:#b91c1c;color:#fff; }
.wb-status-scheduled { background:#f2eafa;color:#69328c; }
.wb-status-linked { background:#e0f7fa;color:#086473; }
.wb-delivery-status.wb-status-neutral { background:#4f4e49;color:#fff; }
.wb-delivery-status.wb-status-warning { background:#855100;color:#fff; }
.wb-delivery-status.wb-status-active { background:#293cb7;color:#fff; }
.wb-delivery-status.wb-status-success { background:#516000;color:#fff; }
.wb-delivery-status.wb-status-pending { background:#b91c1c;color:#fff; }
.wb-delivery-status.wb-status-scheduled { background:#69328c;color:#fff; }
.wb-delivery-status.wb-status-linked { background:#086473;color:#fff; }
.order-update-anchor { position:relative;display:inline-flex;vertical-align:middle; }
.order-message-notices { display:contents; }
.order-notice-button { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;height:28px;min-height:28px;margin:0;padding:0 8px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;color:#fff;cursor:pointer;font-variant-numeric:tabular-nums; }
.order-notice-state { background:#b52b0e; }
.order-notice-message { background:#3042bd; }
.order-notice-button:hover { filter:brightness(.9); }
.order-notice-button:focus-visible { outline:2px solid #090909;outline-offset:2px; }
@media(max-width:640px),(pointer:coarse) { .order-notice-button { height:44px;min-height:44px; } }
.order-update-popover { position:absolute;z-index:80;top:100%;left:0;width:270px;max-width:80vw;background:#fffef9;color:#090909;border:1px solid #d8d4ca;border-radius:12px;padding:14px;box-shadow:0 12px 35px #0002;display:grid;gap:9px;white-space:normal;text-align:left; }
.npc-order-chat { border:1px solid #d8d4ca;border-radius:14px;overflow:hidden;background:#fffef9; }
.npc-order-chat>header { display:flex;align-items:center;justify-content:space-between;padding:12px; }
.npc-chat-messages { max-height:440px;min-height:220px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:14px; }
.npc-chat-messages article { max-width:88%;align-self:flex-start;min-width:0; }
.npc-chat-messages article.outgoing { align-self:flex-end; }
.npc-chat-messages small { font-size:11px;color:#6e6d67; }
.npc-chat-messages p { white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;padding:10px 14px;border-radius:12px;background:#f2f0e9; }
.npc-chat-messages .outgoing p { background:#eef0ff;color:#3042bd; }
.chat-quote { font-size:11px;color:#3042bd; }
.npc-order-chat form { display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #d8d4ca;padding:12px; }
.npc-order-chat label { display:flex;align-items:center;gap:8px;font-size:12px; }
.npc-order-chat textarea { width:100%;min-height:84px;border:1px solid #aaa79e;border-radius:10px;padding:10px; }
.npc-order-chat blockquote { width:100%;font-size:12px;border-left:3px solid #4057ff;padding:8px;background:#eef0ff;overflow-wrap:anywhere; }
.workspace-content>.workspace-feedback { margin-top:64px;display:flex;gap:12px;align-items:flex-start;overflow-wrap:anywhere; }
.workspace-feedback>span { min-width:0;flex:1; }
@media(max-width:600px){.wb-order-progress{flex-direction:column;display:flex;gap:8px}.order-update-popover{position:fixed;top:30%;left:5vw;width:90vw;max-width:90vw}.workspace-content>.workspace-feedback{margin-top:72px}}
.wb-order-amount { font-weight: 600; font-variant-numeric: tabular-nums; }
.wb-order-date, .wb-order-open { font-size: 12px; color: #66655e; }
.wb-order-open { color: #b52b0e; }
.wb-rebuy-actions { display: flex; flex-direction: column; align-items: stretch; gap: 2px; min-width: 90px; }
.wb-rebuy-actions .wb-button { padding-inline: 10px; font-size: 12px; white-space: nowrap; }
.orders-workbench[data-personal=true] .wb-rebuy-actions .wb-order-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #aaa599;border-radius:7px;background:#fffef9;padding:8px 10px;white-space:nowrap}
.orders-workbench[data-personal=true]{container:customer-orders / inline-size}
@container customer-orders (max-width:850px){
  .orders-workbench[data-personal=true] .wb-order-header{display:none}
  .orders-workbench[data-personal=true] .wb-order-list .wb-order-row{grid-template-columns:minmax(0,1fr) minmax(100px,auto);gap:10px 16px;padding:16px}
  .orders-workbench[data-personal=true] .wb-order-row>.wb-order-name{grid-column:1/-1;grid-row:1}
  .orders-workbench[data-personal=true] .wb-order-row>span:nth-child(2){grid-column:1;grid-row:2}
  .orders-workbench[data-personal=true] .wb-order-row>.wb-order-amount{grid-column:2;grid-row:2;text-align:right;overflow-wrap:anywhere}
  .orders-workbench[data-personal=true] .wb-order-row>span:nth-child(4){grid-column:1;grid-row:3;text-align:left}
  .orders-workbench[data-personal=true] .wb-order-row>.wb-order-date{display:block;grid-column:2;grid-row:3;text-align:right}
  .orders-workbench[data-personal=true] .wb-order-row>.wb-rebuy-actions{grid-column:1/-1;grid-row:4;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:8px}
}
@media (min-width: 701px) {
  .orders-workbench[data-personal="true"] .wb-order-header,
  .orders-workbench[data-personal="true"] .wb-order-row { grid-template-columns: minmax(160px,1.6fr) minmax(100px,1fr) .7fr .85fr .8fr 90px; }
}
.wb-empty { padding: 60px 20px; text-align: center; color: #66655e; font-size: 14px; }
.wb-group-heading { background: #f0f2e9; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; padding: 12px 20px; font-size: 13px; }
.wb-pagination { display: flex; align-items: center; justify-content: end; gap: 10px; margin-top: 18px; font-size: 12px; }
.wb-pagination > span:first-child { margin-right: auto; color: #66655e; }
.workspace-drawer { position: fixed; z-index:80; inset: 0 0 0 auto; margin: 0; width: 100vw; max-width: 100%; height: 100dvh; max-height: 100dvh; padding: 0; border: 0; background: #fffef9; color: #090909; box-shadow: none; overflow: hidden; text-align: left; }
.workspace-drawer::backdrop { background: transparent; }
.workspace-drawer[open] { animation: none; }
.workspace-drawer-inner { height: 100%; display: flex; flex-direction: column; }
.workspace-drawer-inner > header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; flex-shrink: 0; gap:12px; padding: max(10px,env(safe-area-inset-top)) 14px 10px; border-bottom: 1px solid #dddacf; }
.workspace-drawer-inner > header > .workspace-detail-back { flex-shrink: 0; min-width: 72px; min-height: 44px; white-space: nowrap; }
.workspace-drawer-inner > header h2 { min-width: 0; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; font-weight: 600; line-height: 1.4; }
.workspace-drawer-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 18px calc(30px + env(safe-area-inset-bottom)); }
.workspace-drawer-body > article { border: 0; background: transparent; }
.workspace-drawer .order-inline-workspace{min-width:0;container-type:inline-size}
.workspace-drawer .order-inline-workspace h1{font-size:24px;overflow-wrap:anywhere}
.workspace-drawer .wb-delivery-status{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:88px;height:26px;min-height:26px;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.workspace-drawer .order-detail-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
.workspace-drawer .order-detail-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workspace-drawer .order-inline-workspace [role=tab][aria-selected=true]{background:#090909;color:#fff;border-color:#090909}
:where([role=tab][aria-selected=true]){background:#090909;color:#fff;border-color:transparent}
@media(max-width:600px){.workspace-drawer .order-detail-heading{grid-template-columns:minmax(0,1fr)}.workspace-drawer .order-detail-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plan-operation-status{position:sticky;top:8px;z-index:25}
.wb-order-progress { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; list-style: none; }
.d2-pilot-frame .wb-order-progress.wb-order-flow{display:flex;flex-direction:column;padding:12px 0;gap:0}
.d2-pilot-frame .wb-order-progress.wb-order-flow li{text-align:left;padding:12px 0 12px 36px;border:0;font-size:12px;min-height:44px}
.d2-pilot-frame .wb-order-progress.wb-order-flow li::before{left:0;top:11px}
.d2-pilot-frame .wb-order-progress.wb-order-flow li::after{left:10px;top:33px;bottom:-11px;right:auto;width:2px;height:auto}
.wb-order-flow .d2-next-action{margin-top:8px;text-align:left;font-weight:400}
.wb-order-flow .d2-next-action .wb-button:not(.wb-button-primary):not(.order-confirm-pending){background:#fffef9;border:1px solid #dbc9c9;color:#9a294d}
.wb-order-progress li { padding: 12px 2px 0; border-top: 3px solid #e5e2d8; color: #77766f; font-size: 11px; text-align: center; }
.wb-order-progress li[data-complete=true] { border-color: #516000; color: #516000; }
.wb-order-progress li[aria-current=step] { border-color: #ff4b23; color: #b52b0e; font-weight: 600; }
.wb-closed { background: #eeede6; padding: 16px; border-radius: 10px; font-size: 13px; }
.workspace-frame button, .workspace-drawer button { transition: background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease); }
.workspace-frame button:active:not(:disabled), .workspace-drawer button:active:not(:disabled) { transform: none; }
.workspace-frame :is(button, input, select, summary):focus-visible, .workspace-drawer :is(button, input, select, summary):focus-visible { outline: 2px solid #b52b0e; outline-offset: 3px; }
@keyframes workspace-enter { from { transform: translateX(30px); opacity: .6; } to { transform: none; opacity: 1; } }
@media (max-width: 1150px) {
  .workspace-sidebar { width: 156px; }
  .workspace-content { margin-left: 156px; padding: 24px 16px 50px; }
  .wb-order-header, .wb-order-row { gap: 12px; grid-template-columns: minmax(150px, 1.4fr) minmax(120px, 1fr) 95px 90px 48px; }
  .wb-order-date, .wb-order-header > span:nth-child(5) { display: none; }
  .workspace-title, .workspace-preview { display: none; }
}
@media (max-width: 760px) {
  .portal-shell .workspace-tabs { width: 100%; max-width: 100%; flex-shrink: 1; }
  .workspace-header { height: 64px; padding: 10px 12px; gap: 10px; }
  .workspace-header .npc-brand-rule, .workspace-header .npc-service-name, .workspace-header .npc-logo-lockup small { display: none; }
  .workspace-header .npc-logo-lockup img { width: 5rem; }
  .workspace-header .account-menu { gap: 5px; font-size: 12px; }
  .workspace-header .account-menu-switcher { max-width: 105px; }
  .workspace-sidebar { position: sticky; top: 64px; width: auto; padding: 8px 10px; border-right: 0; border-bottom: 1px solid #dddacf; z-index: 30; }
  .workspace-sidebar nav { display: flex; overflow-x: auto; gap: 5px; }
  .workspace-sidebar nav button { flex: 0 0 auto; min-height: 44px; font-size: 12px; padding: 8px 10px; }
  .workspace-back { display: none; }
  .workspace-content { margin-left: 0; padding: 20px 12px calc(36px + env(safe-area-inset-bottom)); }
  .wb-filters { padding: 12px; gap: 8px; }
  .wb-search { flex-basis: 100%; }
  .wb-filters label { flex: 1 1 120px; }
  .wb-order-header { display: none; }
  .wb-order-row { position: relative; grid-template-columns: 1fr auto; padding: 16px; gap: 12px; }
  .wb-order-name { grid-column: 1; }
  .wb-order-row > span:nth-child(2) { grid-column: 1; grid-row: 2; }
  .wb-order-amount { grid-column: 2; grid-row: 1; text-align: right; }
  .wb-order-row > span:nth-child(4) { grid-column: 2; grid-row: 2; text-align: right; }
  .wb-order-open { display:inline-flex;min-height:44px;align-items:center;justify-content:center; }
  .wb-toolbar { gap: 6px; }
  .wb-toolbar-options { width: 100%; }
  .workspace-drawer { width: 100vw; }
  .workspace-drawer .workspace-drawer-body { padding: 16px max(16px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important; }
  .workspace-drawer .workspace-drawer-body > .plan-detail { padding-inline: 16px !important; }
  .wb-order-progress { grid-template-columns: repeat(3, 1fr); row-gap: 16px; }
  .wb-pagination .wb-button { padding-inline: 10px; }
}
@media (max-width: 360px) {
  .accounts-header-note { display: none; }
  .developers-header .npc-logo-lockup img, .legal-header .npc-logo-lockup img { width: 4.6rem; }
  .portal-header .account-menu-switcher, .admin-header .account-menu-switcher, .partner-header .account-menu-switcher { width: 7rem; }
}

/* Mobile-only density pass: tighten type and vertical rhythm without shrinking
   form controls or actions below the 44px touch target. */
@media screen and (max-width: 640px) {
  .landing-hero-inner {
    min-height: 17.5rem;
    padding: 6.25rem 0 1.75rem;
  }

  .landing-hero h1 {
    font-size: clamp(1.65rem, 7.2vw, 1.9rem);
    line-height: 1.28;
  }

  .landing-intro {
    margin-top: .65rem;
    font-size: .875rem;
    line-height: 1.6;
  }

  .public-catalog { padding-top: 1.125rem; }
  .catalog-title { font-size: 1.35rem; line-height: 1.25; }
  .catalog-preview-actions button { min-height: 2.75rem; font-size: .875rem; }

  .workspace-content,
  .d2-pilot-frame .workspace-content,
  .portal-content {
    padding-top: .875rem;
  }

  .workspace-content > .workspace-feedback { margin-top: .5rem; }

  .wb-heading {
    gap: .625rem;
    margin-bottom: .75rem;
  }

  .workspace-content :where(h1),
  .portal-content :where(h1),
  .d2-pilot-frame .wb-heading h1,
  .portal-catalog-pilot .d2-catalog-heading h1 {
    font-size: 1.25rem;
    line-height: 1.25;
  }

  .workspace-content :where(h2),
  .portal-content :where(h2),
  .d2-customer-panel-heading h2,
  .d2-order-detail h2 {
    font-size: 1.125rem;
    line-height: 1.35;
  }

  .workspace-content :where(h3),
  .portal-content :where(h3) {
    font-size: 1rem;
    line-height: 1.4;
  }

  .d2-page-title { gap: .5rem; }
  .d2-page-title p,
  .portal-catalog-pilot .d2-catalog-heading p { line-height: 1.5; }

  .plans-workspace,
  .plan-catalog { padding-block: .75rem; }
  .plans-workspace h1 { font-size: 1.25rem; line-height: 1.25; }
  .plans-workspace h2 { font-size: 1.125rem; line-height: 1.35; }
  .plans-workspace h3 { font-size: 1rem; line-height: 1.4; }
  .plan-toolbar { gap: .5rem; margin-bottom: .75rem; }
  .plan-manager-filters :is(input:not([type=checkbox]), select) { height: 2.75rem; min-height: 2.75rem; }
  .plan-list { gap: .5rem; margin-block: .75rem; }
  .plan-list > button { gap: .375rem; padding: .75rem; }
  .plan-editor,
  .plan-item { margin-top: .625rem; padding: .75rem; }
  .plan-reasons { gap: .75rem; }
  .plan-reasons p { line-height: 1.6; }

  .api-commercial {
    gap: 1.25rem;
    padding: 1.5rem 0;
  }
  .api-commercial h1 {
    margin-block: .625rem;
    font-size: 1.5rem;
    line-height: 1.25;
  }
  .api-commercial p { margin-block: .625rem; line-height: 1.6; }
  .api-commercial .plan-reasons { margin-block: 1rem; }

  .access-dialog-card { border-radius: 1rem; padding: 1rem; }
  .access-dialog-card h2 { font-size: 1.25rem; line-height: 1.3; }
  .access-dialog-card > div:first-child { padding-bottom: 1rem; }
  .access-dialog-card form { margin-top: 1rem; }
  .access-dialog-card form > :not([hidden]) ~ :not([hidden]) { margin-top: .875rem; }

  .detail-dialog-backdrop .detail-header { padding: 4rem 1rem .875rem; }
  .detail-dialog-backdrop .detail-header h2 { font-size: 1.4rem; line-height: 1.3; }
  .detail-content-grid { padding: .625rem; }
  .detail-content-grid .detail-card,
  .detail-content-grid .purchase-rail { padding: .875rem; }

  .workspace-drawer .order-inline-workspace h1 { font-size: 1.25rem; line-height: 1.25; }
  .workspace-drawer-inner > header h2 { font-size: .875rem; }

  .wb-order-row,
  .orders-workbench[data-personal=true] .wb-order-list .wb-order-row {
    gap: .5rem .75rem;
    padding: .75rem;
  }

  .wb-empty { padding-block: 2.5rem; }

  .catalog-b .catalog-b-hero {
    margin-bottom: .75rem;
    padding: 1rem;
  }
  .catalog-b .catalog-b-hero h1 { font-size: 1.35rem; line-height: 1.3; }
  .catalog-featured { margin-bottom: .75rem; }
  .catalog-featured h2 { margin-bottom: .5rem; font-size: 1.125rem; }
  .catalog-b .catalog-featured-track article { gap: .75rem; padding: 1rem; }
  .catalog-featured-metrics { gap: .375rem; padding-top: .5rem; }

  .catalog-b .catalog-results .catalog-b-row {
    gap: .625rem;
    padding: .75rem;
  }
  .catalog-b .catalog-results .catalog-b-identity .media-list-name { font-size: .875rem; }
  .catalog-b .catalog-results .catalog-b-metrics { gap: .5rem; }
  .catalog-b .catalog-results .catalog-b-metrics strong { font-size: 1.125rem; }
  .catalog-b .catalog-results .catalog-b-actions { gap: .5rem; padding-top: .625rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  :is(.wb-button, .npc-primary-button, .npc-secondary-button, .tech-primary-button, .npc-md-primary, .npc-preview-login, .account-menu-index, .account-menu-logout):active,
  .catalog-featured-bottom button:active,
  .catalog-b .catalog-b-actions button.catalog-b-order:active {
    transform: none !important;
    translate: none !important;
    scale: none !important;
  }
}

/* Operational typography: roles, not the former blanket semibold treatment.
   Native CJK faces may have regular/bold only; size and spacing carry hierarchy
   across those platforms without pretending a static face is variable. */
h1 { font-size: var(--type-page); font-weight: 700; line-height: 1.3; }
h2 { font-size: var(--type-section); font-weight: 600; line-height: 1.4; }
h3 { font-size: 1.125rem; font-weight: 600; line-height: 1.45; }
h4 { font-size: var(--type-row); font-weight: 500; line-height: 1.5; }
strong, b { font-weight: 600; }

:is(.workspace-content, .portal-content, .workspace-drawer) {
  font-size: var(--type-body);
  line-height: 1.7;
}
:is(.workspace-frame, .portal-shell, .workspace-drawer, .plans-workspace) h1,
.d2-pilot-frame .wb-heading h1,
.portal-catalog-pilot .d2-catalog-heading h1 {
  font-size: var(--type-page);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.025em;
}
:is(.workspace-frame, .portal-shell, .workspace-drawer, .plans-workspace) h2,
.d2-customer-panel-heading h2,
.d2-order-detail h2 {
  font-size: var(--type-section);
  font-weight: 600;
  line-height: 1.4;
}
:is(.workspace-frame, .portal-shell, .workspace-drawer, .plans-workspace) h3 {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
}
:is(.workspace-frame, .portal-shell, .workspace-drawer, .plans-workspace) h4 {
  font-size: var(--type-row);
  font-weight: 500;
  line-height: 1.5;
}

/* Inputs must never inherit a bold label. Do not force unrelated controls. */
.form-control, .wb-field,
.plans-workspace :is(input:not([type=checkbox]), textarea, select) {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.6;
}
.ui-field { display: block; min-width: 0; font-size: var(--type-body); font-weight: 400; }
.ui-field-label { display: block; font-size: var(--type-caption); font-weight: 500; color: #4f4e49; line-height: 1.6; }
.ui-caption { font-size: var(--type-caption); font-weight: 400; color: #66655e; line-height: 1.6; }
.ui-info { min-width: 0; }
.ui-info-value { font-size: var(--type-body); font-weight: 400; line-height: 1.75; overflow-wrap: anywhere; color: #151515; }
.ui-metric-value { font-size: 1.5rem; font-weight: 600; line-height: 1.35; font-variant-numeric: tabular-nums; }
.ui-primary-amount, .d2-order-detail .d2-panel-price {
  max-width: 100%;
  overflow-x: auto;
  font-family: var(--font-geist-sans);
  font-size: var(--type-amount);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
  line-height: 1.3;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
.ui-row-amount { min-width: 0; max-width: 100%; overflow-x: auto; font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.money-amount { display: inline-flex; align-items: baseline; max-width: none; font-family: var(--font-geist-sans); font-weight: 600; font-variant-numeric: tabular-nums; line-height: inherit; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.money-amount .money-currency { display: inline; flex: none; font-size: .5em; font-weight: 500; letter-spacing: 0; color: inherit; }
.money-amount .money-value { display: inline; flex: none; font-size: 1em; letter-spacing: inherit; color: inherit; }
.order-detail-heading > div, .order-detail-amount, .cart-checkout-total { min-width: 0; max-width: 100%; }
.cart-checkout-total h2, .cart-row-actions h2 { font-size: var(--type-row); font-weight: 500; }
.order-history-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 16px; width: 100%; min-width: 0; }
.ui-history-metric { min-width: 0; }
.ui-history-value { font-size: var(--type-row); font-weight: 500; line-height: 1.5; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: normal; word-break: normal; }
.pricing-editor h3 { font-size: 1.125rem; font-weight: 600; }
.pricing-editor h4 { font-size: var(--type-body); font-weight: 500; }
.pricing-editor :is(label, p) { font-weight: 400; }
.wb-order-row strong, .catalog-b .catalog-b-identity .media-list-name { font-size: var(--type-row); font-weight: 500; }
.wb-order-amount { white-space: nowrap; overflow-wrap: normal; word-break: normal; font-size: var(--type-row); font-weight: 600; }

@media screen and (max-width: 640px) {
  .form-control, .wb-field,
  .plans-workspace :is(input:not([type=checkbox]), textarea, select) { font-size: 1rem; }
  .order-history-summary { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .ui-history-metric { display: grid; grid-template-columns: minmax(76px, .65fr) minmax(0, 1fr); gap: 12px; align-items: baseline; }
  .ui-history-value { margin-top: 0; }
}

/* One flat control/surface contract for Media. Semantic roles change color,
   not geometry or elevation. Navigation and data visualizations retain roles. */
@media screen {
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.plans-workspace,.landing-shell) button,
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login,.account-menu-index,.account-menu-logout,.locale-switcher) {
    min-height:var(--action-height);
    border:1px solid transparent;
    border-radius:var(--radius-control);
    padding:10px 14px;
    background:var(--action-secondary);
    color:var(--action-secondary-ink);
    font-family:var(--font-geist-sans);
    font-size:14px;
    font-weight:600;
    line-height:1.5;
    box-shadow:none;
    background-image:none;
    transform:none;
    translate:none;
    scale:none;
    transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease);
  }
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login,.account-menu-index,.account-menu-logout):is(:hover,:active),
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.landing-shell) button:is(:hover,:active) {
    box-shadow:none;transform:none;translate:none;scale:none;filter:none;
  }
  /* Action controls share optical alignment; row cards, navigation and
     disclosure buttons retain their own grid/flex layout. */
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login,.account-menu-index,.account-menu-logout,.locale-switcher,.workspace-detail-close,.workspace-detail-back) {
    display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;text-align:center;
  }
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login) {
    white-space:normal;overflow-wrap:normal;word-break:normal;
  }
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login,.account-menu-index,.account-menu-logout,.locale-switcher,.workspace-detail-close,.workspace-detail-back)>:is(svg,.npc-action-spinner) { display:block;flex-shrink:0; }
  :is(.wb-toolbar-options,.fixed-form-footer,.plan-batch-dialog footer) { align-items:center; }
  .fixed-form-footer { flex-wrap:wrap; }
  .d2-side-panel-heading>.workspace-detail-close { flex:none;white-space:nowrap; }
  .d2-side-panel-heading>span { min-width:0; }
  :is(.wb-button-primary,.npc-primary-button,.tech-primary-button,.npc-md-primary):not(.npc-secondary-button),
  :is(.workspace-frame,.portal-shell,[role=dialog]) button[class*="bg-[#090909]"],
  :is(.workspace-frame,.portal-shell,[role=dialog]) button[class*="bg-[#ff4b23]"] {
    background:var(--action);color:var(--action-ink);border-color:transparent;
  }
  :is(.wb-button-primary,.npc-primary-button,.tech-primary-button,.npc-md-primary):not(.npc-secondary-button):hover:not(:disabled):not([aria-disabled=true]) { background:var(--action-hover); }
  :is(.wb-button-secondary,.npc-secondary-button,.npc-preview-login,.account-menu-index,.account-menu-logout) { background:var(--action-secondary);color:var(--action-secondary-ink);border-color:transparent; }
  :is(.wb-button-secondary,.npc-secondary-button,.npc-preview-login,.account-menu-index,.account-menu-logout):hover:not(:disabled):not([aria-disabled=true]) { background:var(--action-secondary-hover); }
  :is(.npc-ghost-button,.workspace-detail-close,.workspace-detail-back),
  .account-menu>button { background:transparent;color:inherit;border-color:transparent; }
  .npc-ghost-button:hover:not(:disabled),.account-menu>button:hover:not(:disabled) { background:#0909090a; }
  :is(.landing-header,.tech-hero,.signal-console) .npc-ghost-button { color:var(--paper-bright); }
  :is(.landing-header,.tech-hero,.signal-console) .npc-ghost-button:hover:not(:disabled) { background:#fffef915; }
  .catalog-b .catalog-featured-title .catalog-featured-open { min-height:44px;width:44px;height:44px;border-color:transparent;border-radius:var(--radius-control);background:#0909090a; }
  .catalog-b .catalog-favorite-button { min-width:44px;min-height:44px;border-color:transparent;border-radius:var(--radius-control); }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell) button:disabled,
  :is(.wb-button,.npc-primary-button,.npc-secondary-button,.npc-ghost-button,.tech-primary-button,.npc-md-primary,.npc-preview-login):is(:disabled,[aria-disabled=true]) {
    background:var(--paper-deep);color:#77766f;border-color:transparent;opacity:.55;cursor:not-allowed;box-shadow:none;transform:none;
  }
  button[aria-busy=true] { cursor:progress; }
  .wb-button { min-width:104px; }
  .wb-button.wb-button-primary { min-width:160px; }
  .npc-action-spinner { width:14px;height:14px;flex:0 0 14px; }

  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select,textarea):not(:where([type=checkbox],[type=radio],[type=file])),
  .form-control,.wb-field,
  .d2-pilot-frame .wb-field,
  :is(.workspace-frame,.portal-shell) .wb-filters .wb-field {
    min-height:44px;border:1px solid var(--field-border);border-radius:var(--radius-control);background:var(--paper-bright);color:var(--ink);padding:10px 12px;font-size:14px;font-weight:400;line-height:1.5;box-shadow:none;
    transition:border-color var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease);
  }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) textarea { min-height:108px;resize:vertical; }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select):not(:where([type=checkbox],[type=radio],[type=file])),
  input.form-control,input.wb-field,select.form-control,select.wb-field { box-sizing:border-box;height:var(--action-height);padding-block:8px; }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select,textarea)::placeholder { color:#6e6d67;opacity:1; }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select,textarea):disabled { background:var(--paper-deep);color:#77766f;cursor:not-allowed;opacity:.7; }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select,textarea)[aria-invalid=true] { border-color:#9a294d;background:#fff0f4; }
  :is(.catalog-b,.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell) :is(button,a,input,select,textarea,summary):focus-visible {
    outline:2px solid var(--signal-ink);outline-offset:3px;box-shadow:none;
  }
  .form-control:focus { border-color:var(--signal-ink);box-shadow:none;outline:2px solid var(--signal-ink);outline-offset:3px; }
  :is(.portal-shell,.workspace-frame,.d2-side-panel,.workspace-drawer,[role=dialog]) :is(input[type=checkbox],input[type=radio]) { width:18px;height:18px;min-height:18px;accent-color:var(--signal-ink); }
  .catalog-b .catalog-country>summary,.catalog-b .catalog-filter-group>summary,
  .catalog-b .catalog-field:has(>select),
  :is(.workspace-frame,.portal-shell) .wb-filters label:has(>select),
  :is(.workspace-frame,.portal-shell) .wb-toolbar label:has(>select) { min-height:44px;border-color:var(--field-border);border-radius:var(--radius-control);background:var(--paper-bright); }
  .catalog-b .catalog-field:has(>select)>select,
  :is(.workspace-frame,.portal-shell) .wb-filters label>select,
  :is(.workspace-frame,.portal-shell) .wb-toolbar label>select { border:0;border-radius:0;background:transparent;height:42px;min-height:42px;font-weight:400; }

  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer) { background:var(--paper); }
  :is(.workspace-frame,.portal-shell) :is(.wb-panel,.plan-editor,.plan-item,.admin-account-summary,.admin-transfer-backup),
  .catalog-b .catalog-b-row,.plan-report .report-media-card { background:var(--paper-bright);border-color:var(--line);border-radius:var(--radius-surface);box-shadow:none; }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer) :is(.rounded-2xl,.rounded-xl) { border-radius:var(--radius-surface); }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer) :is(.shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl) { box-shadow:none; }
  :is(.workspace-frame,.portal-shell) :is(.workspace-header,.portal-header,.portal-mobile-dock,.plan-batch-bar),
  :is(.landing-action-island,.catalog-filter-panel,.catalog-sidebar,.catalog-search-panel,.catalog-preview-actions,.home-search,.signal-console) { backdrop-filter:none;box-shadow:none;background-image:none; }
  :is(.workspace-header,.portal-header,.portal-mobile-dock,.plan-batch-bar,.catalog-filter-panel,.catalog-sidebar,.catalog-search-panel,.catalog-preview-actions) { background:var(--paper-bright); }
  .home-search,.signal-console,.landing-action-island { background:var(--ink-soft); }
  .signal-console::after,.home-aurora { display:none; }
  .signal-dot { animation:none;box-shadow:none; }
  :is(.workspace-frame,.portal-shell,.workspace-drawer,.d2-side-panel) :is(.backdrop-blur,.backdrop-blur-sm,.backdrop-blur-md,.backdrop-blur-lg) { backdrop-filter:none;background:var(--paper-bright); }
  /* Do not combine individual translate/scale resets here: the CSS optimizer
     lowers them to an identity transform, which traps viewport-fixed children. */
  :is(.workspace-frame,.portal-shell,.workspace-drawer,.d2-side-panel),
  :is(.workspace-frame,.portal-shell) .animate-fade-up { transform:none;animation:none; }
  .catalog-b .catalog-b-row:hover,.tech-card:hover { box-shadow:none;transform:none; }
  .tech-card,.tech-card:hover { backdrop-filter:none;background:var(--paper-bright);box-shadow:none;transition:border-color var(--motion-fast) var(--motion-ease); }
  :is(.plan-batch-dialog,.fixed-form-dialog,.order-update-popover,.ui-dialog-card,.access-dialog,.npc-md-shell),
  dialog:not(.workspace-drawer) { border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay); }
  :is(.ui-dialog-backdrop,.order-dialog-backdrop,.plan-modal-backdrop,.npc-md-backdrop) { background:rgba(9,9,9,.55);backdrop-filter:none; }

  .d2-side-panel,.d2-side-panel.is-docked { position:fixed;z-index:80;inset:16px 16px 16px auto;width:var(--workspace-detail-width,clamp(340px,36vw,560px));height:auto;max-height:none;margin:0;border:1px solid var(--line);border-radius:var(--radius-overlay);background:var(--paper-bright);box-shadow:var(--shadow-overlay);transform:none;animation:none; }
  .d2-side-panel::backdrop,.workspace-drawer::backdrop { background:rgba(9,9,9,.22);backdrop-filter:none; }
  .d2-split-workspace>.orders-workbench+.d2-side-panel { margin-top:0; }
  .d2-side-panel-heading,.workspace-drawer-inner>header { position:relative;z-index:2;flex:0 0 auto;background:var(--paper-bright);padding:12px 16px;border-bottom:1px solid var(--line); }
  .d2-side-panel-content,.workspace-drawer-body { flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
  .workspace-drawer,.workspace-drawer[open] { position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;transform:none;animation:none;background:var(--paper-bright); }
  .admin-account-editor .admin-editor-save { box-shadow:none; }
  .npc-md-price { white-space:nowrap;overflow-wrap:normal;word-break:normal; }
  .affiliate-commission-summary strong { white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:clamp(18px,2vw,26px);font-weight:600; }
  .affiliate-commission-summary>div { overflow-x:auto; }
  dialog:is(.ui-dialog-backdrop,.order-dialog-backdrop,.plan-modal-backdrop,.npc-md-backdrop) {
    position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;
  }
  dialog:is(.ui-dialog-backdrop,.order-dialog-backdrop,.plan-modal-backdrop,.npc-md-backdrop)::backdrop { background:transparent;backdrop-filter:none; }
  dialog:is(.plan-add-menu,.order-update-floating) { margin:0;right:auto;bottom:auto; }
  dialog:is(.plan-add-menu,.order-update-floating)::backdrop { background:transparent;backdrop-filter:none; }
  dialog:is(.workspace-drawer,.d2-side-panel,.ui-dialog-backdrop,.order-dialog-backdrop,.plan-modal-backdrop,.npc-md-backdrop,.plan-add-menu,.order-update-floating):not([open]) { display:none; }
  .plan-add-menu { border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay); }
  .plan-add-menu header button { width:44px;height:44px;border-radius:var(--radius-control);border-color:transparent; }
  .npc-compare-tray { background:var(--paper-bright);box-shadow:none;border-radius:var(--radius-surface); }
  .npc-compare-tray button:active:not(:disabled),.npc-recommendations button:active:not(:disabled) { transform:none; }
  .npc-compare-tray button:hover:not(:disabled) { box-shadow:none; }
  .npc-compare-tray button,.npc-recommendations button { transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease); }
  .plan-workflow .wb-button,.plan-workflow-report .plan-flow-report-tools .wb-button { border-radius:var(--radius-control);border-color:transparent;background:var(--action-secondary);color:var(--action-secondary-ink); }
  .plan-workflow :is(input:not([type=checkbox]),textarea,select) { border-radius:var(--radius-control); }
  .plan-workflow :is(button,input,textarea,select,summary,a):focus-visible,.plan-workflow-report .plan-flow-report-tools :is(button,a):focus-visible { box-shadow:none; }
  .plan-ai-search { background:var(--paper-deep);background-image:none; }
  .plan-report .report-metrics { background:#151515;background-image:none; }
  :is(.workspace-frame,.portal-shell,.workspace-drawer,.d2-side-panel,.order-inline-workspace) [role=tab][aria-selected=true],
  .workspace-tabs button[aria-selected=true],.workspace-tabs button.active { background:var(--ink);color:var(--paper-bright);border-color:var(--ink); }
  .portal-mobile-dock button { color:#4f4e49;background:transparent; }
  .portal-mobile-dock button.is-active { color:var(--paper-bright);background:var(--ink);border-color:var(--ink); }
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer) button[aria-expanded=true]:not([aria-haspopup]) { background:#eef0ff;color:#3042bd;border-color:#bfc7ff; }
}
@media screen and (max-width:640px) {
  :is(.workspace-frame,.portal-shell,.d2-side-panel,.workspace-drawer,[role=dialog],.npc-md-shell,.catalog-b) :is(input,select,textarea):not(:where([type=checkbox],[type=radio],[type=file])),.form-control,.wb-field { font-size:16px; }
  .wb-heading { flex-wrap:wrap;align-items:flex-start; }
  .wb-heading>div:first-child { flex:1 1 100%;min-width:0; }
  .wb-heading h1 { overflow-wrap:normal;word-break:normal;hyphens:none; }
  .wb-heading>.wb-button { flex:0 0 auto; }
  .portal-mobile-dock { grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px;min-height:76px;border:1px solid var(--line);border-radius:var(--radius-overlay);background:var(--paper-bright);box-shadow:none;backdrop-filter:none; }
  .portal-mobile-dock button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:64px;min-height:64px;min-width:0;padding:6px 2px;border:1px solid transparent;border-radius:var(--radius-control);font-size:11px;font-weight:500;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:normal; }
  .portal-mobile-dock button>svg { width:20px;height:20px;flex:none; }
  .portal-mobile-dock button>span { display:block;min-width:0;min-height:25px;max-width:100%;font-size:11px;line-height:1.15;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none; }
}