/* Selected designs 64–69, 100–101. Real controls are reparented, never rasterized. */ #appView .hfa-design-merchant-heading { position:relative; padding-inline-end:116px; } #appView .hfa-design-merchant-heading > .hfa-design-quick-switch { position:absolute; inset-block-start:0; inset-inline-end:0; } #appView .hfa-design-quick-switch { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:34px; padding:6px 12px; border:1px solid #e3b891; border-radius:6px; background:#fff; color:#b55510; font-size:13px; white-space:nowrap; } #appView .hfa-design-layout .hfa-design-workbench-header .hfa-store-heading > div:last-child { flex-wrap:nowrap; max-width:none; } #appView .hfa-design-workbench-header .hfa-store-heading > div:nth-child(2) { min-width:0; } #appView .hfa-design-workbench-header .hfa-store-heading p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #appView .hfa-design-workbench-header .hfa-store-heading .hfa-design-quick-switch { margin-inline-start:auto; } #appView .hfa-design-layout .hfa-rail-head > h2.sr-only { padding:0; margin:0; border:0; } #appView .hfa-design-layout .hfa-rail-views { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:14px; border-bottom:1px solid var(--hfa-line); } #appView .hfa-design-layout .hfa-rail-views button { min-width:0; min-height:36px; padding:4px 8px 10px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--hfa-muted); font-size:16px; } #appView .hfa-design-layout .hfa-rail-views button[aria-pressed=true] { color:var(--hfa-ink); border-bottom-color:var(--hfa-gold); font-weight:650; } #appView .hfa-design-layout #hfaStatusFilter { width:100%; min-height:36px; margin-top:10px; } #appView .hfa-design-layout .hfa-rail-customer-name { display:none; } #appView .hfa-store-rail[data-hfa-rail-view=stores] .hfa-rail-customer-name { display:block; } #appView .hfa-store-rail[data-hfa-rail-view=stores] .hfa-design-merchant-disclosure > summary { display:none; } #appView .hfa-store-rail [data-hfa-merchant-group][hidden], #appView .hfa-store-rail .hfa-store-choice[hidden], #appView .hfa-store-rail [data-hfa-filter-empty][hidden], #appView .hfa-store-rail [data-hfa-filter-current][hidden] { display:none!important; } #appView .hfa-filter-current { margin:12px 16px; padding:10px; border-radius:6px; background:#fff4e9; color:#87501c; font-size:13px; overflow-wrap:anywhere; } #appView .hfa-filter-empty { padding:20px 16px; } #appView .hfa-filter-empty button { min-height:36px; } #appView .hfa-design-quick-switch:hover { background:#fff4e9; } #appView .hfa-design-quick-switch:focus-visible, #appView .hfa-rail-views button:focus-visible, #appView .hfa-store-rail input:focus-visible, #appView .hfa-store-rail select:focus-visible, #appView .hfa-filter-empty button:focus-visible, #modalRoot .hfa-switch-row:focus-visible, #modalRoot [data-hfa-switch-search]:focus-visible { outline:2px solid #ac571d; outline-offset:3px; } #modalRoot .hfa-switch-search { display:grid; gap:8px; margin:16px 0; } #modalRoot .hfa-switch-search input { min-width:0; width:100%; min-height:40px; padding:8px 12px; border:1px solid var(--line,#e3e8f1); border-radius:6px; font:inherit; } #modalRoot .hfa-switch-results { max-height:min(360px,48vh); overflow:auto; } #modalRoot .hfa-switch-row { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:64px; padding:12px; margin-bottom:8px; border:1px solid var(--line,#e3e8f1); border-radius:8px; background:#fff; color:var(--ink,#101638); text-align:start; font:inherit; cursor:pointer; } #modalRoot .hfa-switch-row > span { min-width:0; overflow-wrap:anywhere; } #modalRoot .hfa-switch-row > span:last-child { flex-shrink:0; font-size:13px; } #modalRoot .hfa-switch-row strong,#modalRoot .hfa-switch-row small { display:block; } #modalRoot .hfa-switch-row small { margin-top:4px; color:var(--muted,#526a9d); font-size:12px; } #modalRoot .hfa-switch-row:hover,#modalRoot .hfa-switch-row[aria-current=true] { background:#fff4e9; border-color:#e3b891; } @media (max-width:700px) { #appView .hfa-design-layout .hfa-design-workbench-header .hfa-store-heading > div:last-child { flex-wrap:wrap; } #appView .hfa-design-workbench-header .hfa-store-heading p { white-space:normal; } #appView .hfa-design-merchant-heading { padding-inline-end:0; } #appView .hfa-design-merchant-heading > .hfa-design-quick-switch { position:static; margin-bottom:12px; } #appView .hfa-design-quick-switch,#appView .hfa-rail-views button,#appView .hfa-filter-empty button { min-height:44px; } #modalRoot .hfa-switch-search input { min-height:44px; font-size:16px; } #modalRoot .hfa-switch-row { align-items:start; gap:12px; } #modalRoot .hfa-switch-row > span:last-child { max-width:40%; flex-shrink:1; } } #appView .hfa-design-layout { --hfa-gold:#da650e; --hfa-paper:#fff; --hfa-line:#e3e8f1; --hfa-ink:#101638; --hfa-muted:#526a9d; --hfa-soft:#f7f9fc; --hfa-gold-soft:#fff3e8; font-size:15px; line-height:1.6; } #appView:has(.hfa-design-layout) { --ink:#101638; --muted:#526a9d; --line:#e3e8f1; --paper:#fbfaf8; } #appView:has(.hfa-design-layout) > main { padding:20px 24px 48px; } #appView:has(.hfa-design-layout) > main > header { margin-bottom:14px; } #appView:has(.hfa-design-layout) > main > header h1 { font-size:32px; margin:5px 0 4px; } #appView:has(.hfa-design-layout) > main > header p { font-size:16px; color:#45629e; margin:0; } #appView:has(.hfa-design-layout) .eyebrow { color:#e45208; font-size:13px; letter-spacing:0; } #appView:has(.hfa-design-layout) > aside nav button { font-size:15px!important; color:#101638; } #appView:has(.hfa-design-layout) > aside nav button > span { font-size:15px; line-height:1.5; } #appView:has(.hfa-design-layout) > aside nav button.active { color:#d95006; background:#ffead6; border-color:#ffead6; } #appView:has(.hfa-design-layout) > aside .nav-group { color:#607497; font-size:13px; } #appView .hfa-design-workspace { display:grid; grid-template-columns:300px minmax(0,1fr); gap:12px; align-items:start; } #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-design-workspace, #appView .hfa-design-layout[data-active-design-tab=scope] .hfa-design-workspace, #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-design-workspace { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-main { min-width:0; } #appView .hfa-design-layout[data-active-design-tab=finance] > .hfa-overview, #appView .hfa-design-layout[data-active-design-tab=scope] > .hfa-overview, #appView .hfa-design-layout[data-active-design-tab=advanced] > .hfa-overview { display:none; } #appView .hfa-design-layout > .hfa-overview { margin-bottom:14px; background:#fff; } #appView .hfa-design-main > .hfa-store-heading { margin:0 0 20px; padding:20px; border:1px solid var(--hfa-line); border-radius:10px; background:#fff; } #appView .hfa-design-main > .hfa-store-heading h2 { font-size:22px; line-height:1.35; } #appView .hfa-design-tabs { display:flex; justify-content:space-between; gap:4px; margin-bottom:16px; border-bottom:1px solid var(--hfa-line); overflow-x:auto; scrollbar-width:thin; } #appView .hfa-design-tabs button { flex:0 0 auto; min-height:48px; margin:0; padding:10px 9px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#4864a1; font-size:16px; font-weight:500; white-space:nowrap; } #appView .hfa-design-tabs button[aria-selected=true] { color:#e74700; border-bottom-color:#ff5100; font-weight:700; } #appView .hfa-design-panel[hidden],#appView .hfa-design-rail-slot[hidden] { display:none; } #appView .hfa-design-layout [hidden] { display:none!important; } #appView .hfa-design-layout .hfa-store-rail { position:static; display:block; height:auto; min-height:0; max-height:none; padding:0; background:#fff; color:var(--hfa-ink); border:1px solid var(--hfa-line); border-radius:10px; } #appView .hfa-design-layout .hfa-store-list { max-height:560px; } #appView .hfa-design-panel > .hfa-panel, #appView .hfa-design-panel > .hfa-advanced, #appView .hfa-design-panel > .hfa-page-details { margin:0 0 16px; padding:22px; border:1px solid var(--hfa-line); border-radius:10px; background:#fff; } #appView .hfa-design-panel h3 { color:var(--hfa-ink); font-size:18px; } #appView .hfa-design-expanded > summary { display:none; } #appView .hfa-design-expanded > form { padding:0; } #appView .hfa-design-expanded .hfa-query-grid { padding:0 0 22px; } #appView .hfa-design-expanded .hfa-activation { margin:0; padding:20px; border-radius:8px; } #appView .hfa-design-layout .hfa-finance-list { gap:16px; margin-bottom:24px; } #appView .hfa-design-layout .hfa-finance-list > article { position:relative; grid-template-columns:minmax(0,1fr) auto; align-content:start; gap:10px 12px; padding:20px; background:#fff; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-layout .hfa-finance-list strong { display:flex; align-items:center; gap:12px; color:var(--hfa-ink); font-size:17px; } #appView .hfa-design-layout .hfa-finance-list i { padding:12px; border-radius:8px; background:#fff2e7; color:#ee7000; font-size:24px; } #appView .hfa-design-layout .hfa-finance-list article:nth-child(2) i { background:#edf4ff; color:#3276b8; } #appView .hfa-design-layout .hfa-finance-list article:nth-child(3) i { background:#eef8f2; color:#208c63; } #appView .hfa-design-finance-amount { grid-column:1/-1; margin:10px 0 6px; color:var(--hfa-ink); font-size:36px; font-weight:700; font-variant-numeric:tabular-nums; } #appView .hfa-design-finance-amount small { font-size:15px; } #appView .hfa-design-layout #hfaSplitForm { padding:0; } #appView .hfa-design-layout #hfaSplitForm .hfa-form-grid { grid-template-columns:minmax(180px,1.6fr) minmax(100px,1fr) minmax(150px,1.2fr) minmax(80px,.65fr) minmax(100px,.75fr); gap:14px; align-items:end; padding:18px; background:#fafbfd; border:1px solid #e2e7ee; border-radius:8px; } #appView .hfa-design-layout #hfaSplitForm .hfa-split-boundary { padding:14px 16px; background:#fff7ed; border:1px solid #f0dfca; border-radius:7px; color:#6c5135; } #appView .hfa-design-layout #hfaSplitForm .hfa-check { min-height:40px; margin:0; align-self:end; } #appView .hfa-design-layout #hfaSplitForm .hfa-form-actions { border:0; margin-top:14px; padding-top:0; } #appView .hfa-design-layout #hfaSplitForm .hfa-form-actions > span { padding:13px 16px; border:1px solid #dfe8f4; border-radius:7px; background:#f3f7fd; color:#415f80; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .wide { grid-column:span 2; } #appView .hfa-design-layout #hfaAdvancedStoreForm label:has([name=providerReason]) { grid-column:1/-1; } #appView .hfa-design-layout #hfaAdvancedStoreForm label:has([name=officialOnboardingUrl]) { grid-column:auto; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-fieldset { margin:24px 0; } #appView .hfa-design-layout .hfa-platform-layout { padding:0; } #appView .hfa-design-channel-guide,#appView .hfa-design-fees { margin-bottom:16px; padding:22px; border:1px solid var(--hfa-line); border-radius:10px; background:#fff; } #appView .hfa-design-channel-guide p { line-height:1.7; color:var(--hfa-muted); } #appView .hfa-design-channel-table { display:block; } #appView .hfa-design-channel-table > div { display:grid; grid-template-columns:1fr 1fr 1fr 1.2fr; align-items:center; gap:14px; border:0; border-bottom:1px solid var(--hfa-line); border-radius:0; background:#fff; padding:15px 12px; } #appView .hfa-design-channel-table > .hfa-design-channel-table-head { background:#f7f9fc; color:#52657e; font-weight:600; } #appView .hfa-design-channel-source,#appView .hfa-design-channel-time { font-size:13px; line-height:1.6; color:#52657e; overflow-wrap:anywhere; } #appView .hfa-design-fees > article { margin-top:20px; padding:20px; background:#faf9f7; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-fee-actions { margin-top:16px; } #appView .hfa-design-scope-footer { display:flex; align-items:center; gap:18px; padding:16px 18px; margin:16px 0; border:1px solid var(--hfa-line); border-radius:10px; background:#fff; } #appView .hfa-design-scope-footer > p { margin:0; overflow-wrap:anywhere; color:#52657e; } #appView .hfa-design-store-picker { position:relative; flex:none; } #appView .hfa-design-store-picker > summary { min-height:40px; padding:9px 14px; border:1px solid var(--hfa-line); border-radius:7px; color:#4a5c74; cursor:pointer; } #appView .hfa-design-store-picker > .hfa-store-rail { position:absolute; z-index:5; inset-inline-start:0; bottom:calc(100% + 10px); width:min(340px,calc(100vw - 48px)); max-height:420px; overflow:auto; box-shadow:0 12px 32px #1424381c; } #appView .hfa-design-context { margin-top:18px; color:#52657e; } #appView .hfa-design-context > summary { padding:12px 0; cursor:pointer; } #appView .hfa-design-context .hfa-command { margin:10px 0; } /* R100: the rendered reference comparison, not a global theme replacement. */ #appView .hfa-design-layout button,#appView .hfa-design-layout .hfa-button { border-color:#d8e1f1; border-radius:6px; color:#d85a0c; font-weight:600; } #appView .hfa-design-layout button.primary,#appView .hfa-design-layout .hfa-button.primary { background:#bb621b; border-color:#bf6c27; color:#fff; } #appView .hfa-design-layout input:not([type=checkbox]),#appView .hfa-design-layout select,#appView .hfa-design-layout textarea { border-color:#d5dff0; border-radius:6px; color:var(--hfa-ink); padding:8px 11px; font-weight:500; } #appView .hfa-design-layout input::placeholder,#appView .hfa-design-layout textarea::placeholder { color:#7384a6; opacity:1; } #appView .hfa-design-layout label { color:var(--hfa-ink); } #appView .hfa-design-layout .hfa-footnote,#appView .hfa-design-copy { color:var(--hfa-muted); font-size:13px; line-height:1.65; } #appView .hfa-design-layout h3 { margin:0 0 12px; } #appView .hfa-design-layout .hfa-overview { border-radius:8px; } #appView .hfa-design-layout .hfa-overview > div { background:#fff; padding-block:15px; } #appView .hfa-design-layout .hfa-overview span { color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-layout .hfa-overview strong { font-size:24px; } #appView .hfa-design-rail-slot > .hfa-store-rail { min-height:560px; } #appView .hfa-design-layout .hfa-merchant-group > header { background:#fafbfe; color:var(--hfa-ink); } #appView .hfa-design-layout .hfa-store-choice.active { box-shadow:inset 2px 0 #f57420; } #appView .hfa-design-layout .hfa-store-choice { padding-block:15px !important; } #appView .hfa-design-layout .hfa-store-choice small { color:var(--hfa-muted); } #appView .hfa-design-layout .hfa-rail-head h2 { color:var(--hfa-ink); } #appView .hfa-design-main > .hfa-store-heading { margin-bottom:12px; border-radius:8px; padding:18px; } #appView .hfa-design-main > .hfa-store-heading p { color:var(--hfa-muted); } #appView .hfa-design-customer { margin:0 0 16px; padding:20px; background:#fff; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-customer h3 { font-size:20px; } #appView .hfa-design-customer-body { display:grid; grid-template-columns:80px minmax(200px,1fr) minmax(240px,1.3fr); align-items:center; gap:24px; } #appView .hfa-design-customer-body > i { justify-self:start; padding:24px; font-size:30px; color:#3276b8; background:#edf5ff; border-radius:8px; } #appView .hfa-design-customer-body strong { font-size:22px; } #appView .hfa-design-customer-body p { margin:8px 0 0; color:var(--hfa-muted); } #appView .hfa-design-customer-scope { padding-left:24px; border-left:1px solid var(--hfa-line); } #appView .hfa-design-customer-scope strong { font-size:17px; } #appView .hfa-design-layout .hfa-scope-explain { background:#fff6ec; color:#775235; border-color:#f4d9ba; } #appView .hfa-design-layout .hfa-scope-explain strong { color:#b65713; } #appView .hfa-design-layout .hfa-scope-list-head { color:var(--hfa-muted); background:#f7f9fc; font-size:14px; } #appView .hfa-design-layout .hfa-scope-store-row.is-primary { background:#fff; } #appView .hfa-design-layout .hfa-scope-store-list { border-radius:6px; } #appView .hfa-design-layout .hfa-progress { margin-bottom:12px; padding:12px; background:#fff8ef; border:1px solid #f3dfc9; border-radius:6px; } #appView .hfa-design-owner-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.95fr); gap:20px; } #appView .hfa-design-owner-entry .hfa-next-action { padding:0; border-radius:0; background:transparent; color:var(--hfa-ink); } #appView .hfa-design-owner-entry .hfa-next-action span { color:var(--hfa-ink); font-weight:700; font-size:16px; } #appView .hfa-design-owner-entry .hfa-next-action strong { color:#d85608; } #appView .hfa-design-owner-entry .hfa-next-action p { color:var(--hfa-muted); } #appView .hfa-design-owner-entry .hfa-action-strip { gap:8px; } #appView .hfa-design-owner-entry .hfa-action-strip button { font-size:13px; } #appView .hfa-design-owner-facts { border-left:1px solid var(--hfa-line); padding-left:20px; } #appView .hfa-design-owner-facts .hfa-facts { display:block; margin:0; border:0; border-radius:0; background:transparent; } #appView .hfa-design-owner-facts .hfa-facts > div { display:grid; grid-template-columns:85px minmax(0,1fr); gap:8px; padding:3px 0; } #appView .hfa-design-owner-facts .hfa-facts dt { font-size:13px; } #appView .hfa-design-owner-facts .hfa-facts dd { font-size:13px; font-weight:500; } #appView .hfa-design-layout .hfa-materials,#appView .hfa-design-layout .hfa-inner-details { background:#fff; border-radius:6px; } #appView .hfa-design-layout .hfa-materials summary { color:var(--hfa-ink); } #appView .hfa-design-layout .hfa-assistance-simple { grid-template-columns:minmax(150px,.8fr) minmax(0,1.5fr); } #appView .hfa-design-layout .hfa-assistance-simple button { grid-column:1/-1; } #appView .hfa-design-layout .hfa-panel-head p { color:var(--hfa-muted); } #appView .hfa-design-layout .hfa-panel-head p { margin:0; font-size:13px; line-height:1.6; } #appView .hfa-design-rate-table { min-width:0; margin:16px 0; table-layout:fixed; } #appView .hfa-design-rate-table th,#appView .hfa-design-rate-table td { font-size:13px; line-height:20px; padding:7px 12px; border:1px solid var(--hfa-line); overflow-wrap:anywhere; } #appView .hfa-design-rate-table th:not(:first-child),#appView .hfa-design-rate-table td:not(:first-child) { text-align:center; } #appView .hfa-design-rate-table .hfa-design-payment-icon { vertical-align:middle; margin-right:10px; } #appView .hfa-design-rate-table th { color:var(--hfa-muted); background:#f7f9fc; } #appView .hfa-design-fees > .hfa-rate-summary { margin:16px 0; } #appView .hfa-design-fees > article { display:grid; gap:10px; margin-top:20px; background:#fff; } #appView .hfa-design-fees .hfa-design-finance-amount { font-size:28px; } #appView .hfa-design-finance-panel { display:contents; } #appView .hfa-design-finance-panel > .hfa-panel-head { display:none; } #appView .hfa-design-finance-description { display:block; margin-top:4px; margin-left:57px; color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-layout .hfa-finance-list article > div { grid-column:1/-1; } #appView .hfa-design-layout .hfa-finance-list article > div > small { grid-column:1/-1; margin-top:5px; } #appView .hfa-design-layout .hfa-finance-list article > button { grid-column:2; grid-row:3; min-width:104px; min-height:36px; } #appView .hfa-design-layout .hfa-finance-list article > details { grid-column:1/-1; font-size:13px; } #appView .hfa-design-layout .hfa-design-split { margin:0 0 18px; padding:18px; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-layout .hfa-design-split > summary { padding:0; color:var(--hfa-ink); font-size:18px; } #appView .hfa-design-layout .hfa-design-split > .hfa-design-copy { margin:6px 0 14px; } #appView .hfa-design-layout #hfaSplitForm .hfa-form-grid { gap:12px; padding:14px; } #appView .hfa-design-layout .hfa-table-wrap table { min-width:0; } #appView .hfa-design-layout .hfa-table-wrap th { color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-layout .hfa-table-wrap td { overflow-wrap:anywhere; } #appView .hfa-design-layout .hfa-table-wrap .empty { padding:32px 20px; } #appView .hfa-design-testing-intro { display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px; margin:0 0 16px; padding:18px; background:#fff; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-test-steps { display:grid; gap:16px; margin:0; padding-left:24px; color:var(--hfa-muted); font-size:14px; } #appView .hfa-design-test-steps li { padding-left:6px; } #appView .hfa-design-test-steps li:first-child { color:#d85408; font-weight:700; } #appView .hfa-design-test-steps li.done { color:#208c63; } #appView .hfa-design-testing-intro h3 { font-size:17px; } #appView .hfa-design-testing-intro p { margin:0; color:var(--hfa-muted); line-height:1.8; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-query-grid { margin:0 0 20px; gap:14px; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-activation { background:#fff7ec; border:1px solid #f3dfc7; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-activation.live { background:#edf8f2; border-color:#c8e5d4; } #appView .hfa-design-status-note { padding:10px 14px; margin:0 0 22px; background:#fff6ec; border-radius:6px; color:#526a9d; } #appView .hfa-design-channel-fields { margin-top:20px; padding-top:16px; border-top:1px solid var(--hfa-line); } #appView .hfa-design-channel-fields > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } #appView .hfa-design-channel-fields label { display:grid; gap:6px; font-weight:650; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-fieldset { margin:20px 0; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-actions { justify-content:flex-start; } #appView .hfa-design-layout .hfa-design-scope-footer { margin-top:12px; padding:12px 16px; border-radius:8px; } #appView .hfa-design-layout .hfa-design-context { margin-top:12px; } /* Keep the navigation outside the general action-button treatment. */ #appView .hfa-design-layout .hfa-design-tabs button { border:0; border-bottom:2px solid transparent; border-radius:0; box-shadow:none; color:#4864a1; } #appView .hfa-design-layout .hfa-design-tabs button[aria-selected=true] { color:#e74700; border-bottom-color:#ff5100; } #appView .hfa-design-layout .hfa-finance-list > article { gap:8px 12px; } #appView .hfa-design-layout .hfa-finance-list strong { position:relative; display:block; padding-left:70px; min-height:27px; line-height:27px; } #appView .hfa-design-layout .hfa-finance-list strong > i { position:absolute; top:0; left:0; width:54px; height:54px; text-align:center; } #appView .hfa-design-layout .hfa-finance-list .hfa-design-finance-description { margin-left:70px; } #appView .hfa-design-layout .hfa-finance-list article > div { grid-row:1; min-height:54px; } #appView .hfa-design-layout .hfa-finance-list article > .hfa-design-finance-amount { grid-row:2; line-height:1.2; margin:8px 0; } #appView .hfa-design-layout .hfa-finance-list article > .hfa-design-sync-time { grid-column:1; grid-row:3; align-self:center; font-size:13px; } #appView .hfa-design-layout .hfa-finance-list article > details,#appView .hfa-design-layout .hfa-finance-list article > .hfa-design-return-empty { grid-column:1/-1; grid-row:4; font-size:13px; color:var(--hfa-muted); } #appView .hfa-design-layout .hfa-design-expanded > form { margin:0; } #appView .hfa-design-layout #hfaAdvancedStoreForm textarea { min-height:68px; height:68px; } #appView .hfa-design-layout .hfa-platform-layout { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfaPlatformForm .hfa-form-grid { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section { grid-template-columns:minmax(0,1fr); padding:16px; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section legend { color:var(--hfa-ink); font-size:18px; font-weight:700; } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label { display:grid; grid-template-columns:175px minmax(0,1fr); gap:8px 18px; align-items:center; margin:0; font-weight:500; } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > input, #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > textarea { grid-column:2; grid-row:1; } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > small { grid-column:2; } #appView .hfa-design-layout #hfaPlatformForm .hfa-form-actions { justify-content:flex-start; } #appView .hfa-design-layout .hfa-platform-layout > aside { display:block; position:static; width:auto; height:auto; min-height:0; margin:0; padding:16px; background:#f7f9fc; color:var(--hfa-ink); border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-layout .hfa-platform-layout .hfa-readiness-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } /* R101: source 64/65/66 region topology, with original controls and truthful data. */ #appView .hfa-design-layout > .hfa-overview { display:grid; grid-template-columns:minmax(0,2fr) minmax(310px,1fr); gap:12px; position:relative; border:0; background:transparent; overflow:visible; } #appView .hfa-design-layout .hfa-overview > .hfa-design-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:14px 0; height:88px; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-layout .hfa-design-metric { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:0 10px; padding:0 18px; border-right:1px solid var(--hfa-line); } #appView .hfa-design-layout .hfa-design-metric:last-child { border:0; } #appView .hfa-design-metric > i { grid-row:1/3; display:grid; place-items:center; width:40px; height:40px; color:#087def; background:#edf6ff; border-radius:7px; font-size:24px; } #appView .hfa-design-metric:nth-child(2) > i,#appView .hfa-design-metric:nth-child(3) > i { color:#f7780d; background:#fff5eb; } #appView .hfa-design-metric:nth-child(4) > i { color:#f34e68; background:#fff0f3; } #appView .hfa-design-layout .hfa-design-metric > strong { line-height:1.25; font-size:26px; } #appView .hfa-design-metric > strong > small { font-size:13px; color:var(--hfa-muted); font-weight:400; } #appView .hfa-design-layout .hfa-overview > .hfa-design-health { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:10px; padding:10px; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-health > div { display:grid; grid-template-columns:20px minmax(0,1fr); align-content:center; gap:2px 6px; padding:6px 8px; border-radius:6px; background:#edf9f4; color:#168a61; } #appView .hfa-design-health > div:last-child { background:#fff5eb; color:#d05800; } #appView .hfa-design-health > div > i { grid-row:1/3; align-self:center; font-size:20px; } #appView .hfa-design-layout .hfa-design-health strong { font-size:14px; white-space:nowrap; } #appView .hfa-design-health small { grid-column:1/-1; font-size:11px; color:#537a8c; } #appView .hfa-design-health-state > span { display:none; } #appView .hfa-design-layout .hfa-overview #hfaReadinessCheck { position:absolute; right:10px; top:-45px; margin:0; min-height:32px; font-size:12px; } #appView .hfa-design-workbench-header { margin-bottom:16px; padding:18px 14px 0; background:#fff; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-merchant-heading h2 { margin:0; font-size:23px; line-height:1.4; overflow-wrap:anywhere; } #appView .hfa-design-merchant-heading p { margin:4px 0 8px; color:var(--hfa-muted); font-size:13px; overflow-wrap:anywhere; } #appView .hfa-design-workbench-header > .hfa-store-heading { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:12px; margin:0; padding:0; border:0; background:transparent; } #appView .hfa-design-workbench-header .hfa-store-heading > i { align-self:start; display:grid; place-items:center; width:36px; height:40px; border-radius:7px; background:#edf5ff; color:#087def; font-size:22px; } #appView .hfa-design-workbench-header .hfa-store-heading h2 { margin:0 0 4px; font-size:17px; line-height:1.4; } #appView .hfa-design-workbench-header .hfa-store-heading p { font-size:12px; overflow-wrap:anywhere; } #appView .hfa-design-workbench-header .hfa-store-heading > div:last-child { gap:4px; max-width:230px; } #appView .hfa-design-workbench-header .hfa-store-heading .hfa-live-state { margin:0; } #appView .hfa-design-workbench-header .hfa-design-tabs { margin:12px 0 0; } #appView .hfa-design-layout[data-active-design-tab=scope] .hfa-design-merchant-heading, #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-design-merchant-heading { display:none; } #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-design-merchant-heading { display:none; } #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-design-workbench-header { padding:0; border:0; background:transparent; } #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-design-workbench-header > .hfa-store-heading { padding:20px; border:1px solid var(--hfa-line); border-radius:8px; background:#fff; } #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-store-heading h2 { font-size:20px; } #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-design-workbench-header { padding-top:0; border:0; } #appView .hfa-design-layout[data-active-design-tab=scope] .hfa-design-workbench-header { padding:0; border:0; background:transparent; } #appView .hfa-design-layout .hfa-store-rail { display:flex; flex-direction:column; } #appView .hfa-design-layout .hfa-rail-head { padding:14px 16px 12px; } #appView .hfa-design-layout .hfa-rail-head h2 { padding-bottom:10px; margin-bottom:16px; border-bottom:1px solid var(--hfa-line); color:var(--hfa-ink); font-size:16px; line-height:1.6; } #appView .hfa-design-merchant-disclosure > summary { list-style:none; cursor:pointer; } #appView .hfa-design-merchant-disclosure > summary::-webkit-details-marker { display:none; } #appView .hfa-design-merchant-disclosure > summary > header { display:flex; align-items:center; gap:10px; padding:16px; font-size:15px; background:#fafbfd; } #appView .hfa-design-merchant-disclosure[data-active=true] > summary > header { background:#fff3e8; } #appView .hfa-design-merchant-disclosure > summary i { color:#d36516; font-size:14px; } #appView .hfa-design-merchant-disclosure > summary strong { flex:1; overflow-wrap:anywhere; } #appView .hfa-design-merchant-disclosure > summary span { color:var(--hfa-muted); font-size:12px; } #appView .hfa-design-layout .hfa-store-list { max-height:480px; } #appView .hfa-design-layout .hfa-store-choice { min-height:68px!important; padding:12px 16px!important; font-size:14px; } #appView .hfa-design-layout .hfa-store-choice small { max-width:135px; font-size:12px; } #appView .hfa-design-rail-count { margin:auto 0 0; padding:16px; color:var(--hfa-muted); font-size:12px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-rail-slot > .hfa-store-rail { min-height:950px; } #appView .hfa-design-layout[data-active-design-tab=fees] .hfa-design-rail-slot > .hfa-store-rail { min-height:450px; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-main, #appView .hfa-design-layout[data-active-design-tab=channels] #hfa-design-panel-channels { display:contents; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-rail-slot { grid-column:1; grid-row:1/3; align-self:stretch; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-rail-slot > .hfa-store-rail { height:100%; min-height:560px; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-workbench-header { grid-column:2; margin:0; } #appView .hfa-design-channel-top { grid-column:2; min-width:0; padding:14px; background:#fff; border:1px solid var(--hfa-line); border-radius:8px; } #appView .hfa-design-channel-body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:14px; } #appView .hfa-design-subject,#appView .hfa-design-channel-guide { min-width:0; margin:0; padding:14px; background:#fff; border:1px solid var(--hfa-line); border-radius:7px; } #appView .hfa-design-channel-guide > p { font-size:12px; margin:0 0 10px; } #appView .hfa-design-layout .hfa-design-channel-guide h3,#appView .hfa-design-layout .hfa-design-subject h3 { font-size:17px; } #appView .hfa-design-facts { margin:14px 0; font-size:13px; color:var(--hfa-muted); } #appView .hfa-design-facts > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:8px; margin:7px 0; } #appView .hfa-design-facts dd { margin:0; overflow-wrap:anywhere; } #appView .hfa-design-payment-notice,#appView .hfa-design-info-notice { margin:0 0 14px; padding:10px 14px; border-radius:6px; background:#fff4e9; color:#b45517; font-size:13px; line-height:1.7; } #appView .hfa-design-info-notice { background:#edf5ff; color:#4266a0; } #appView .hfa-design-channel-steps { display:grid; gap:8px; margin:6px 0; padding-left:24px; color:#44639d; font-size:13px; } #appView .hfa-design-channel-steps strong,#appView .hfa-design-channel-steps small { display:block; } #appView .hfa-design-channel-steps li { padding:6px; border:1px solid var(--hfa-line); border-radius:6px; } #appView .hfa-design-channel-steps strong { color:var(--hfa-ink); } #appView .hfa-design-channel-guide .hfa-action-strip { display:none; } #appView .hfa-design-layout .hfa-design-channel-steps li > button,#appView .hfa-design-layout .hfa-design-channel-steps li > a { display:block; width:100%; margin:0 0 2px; padding:0; min-height:24px; font-size:14px; line-height:24px; text-align:left; background:transparent; border:0; border-radius:0; box-shadow:none; color:var(--hfa-ink); } #appView .hfa-design-channel-steps li > small { font-size:12px; line-height:18px; } #appView .hfa-design-layout[data-active-design-tab=channels] #hfa-design-panel-channels > .hfa-panel { grid-column:1/-1; margin:0; padding:16px; } #appView .hfa-design-channel-table > div { grid-template-columns:1fr 1fr .95fr 1.35fr 1.6fr 1fr; gap:0; padding:0; font-size:14px; } #appView .hfa-design-channel-table > div > * { min-width:0; padding:8px 9px; border-right:1px solid var(--hfa-line); } #appView .hfa-design-channel-table > div > :last-child { border-right:0; } #appView .hfa-design-channel-table > div > .hfa-pill { justify-self:start; margin-inline:9px; padding:4px 10px; border:0; } #appView .hfa-design-channel-table .hfa-design-channel-action { font-size:12px; } #appView .hfa-design-layout .hfa-design-row-query { min-height:32px; padding:4px; border:0; background:transparent; color:#4266a0; font-size:13px; white-space:normal; } #appView .hfa-design-row-query:hover { text-decoration:underline; } #appView .hfa-design-channel-table strong { display:flex; align-items:center; gap:10px; } #appView .hfa-design-channel-table strong > i,#appView .hfa-design-rate-table td > i { color:#338268; font-size:19px; margin-right:8px; } #appView .hfa-design-payment-icon { display:inline-block; width:26px; height:26px; object-fit:contain; flex:none; } #appView .hfa-design-channel-table > div:nth-child(3) strong > i { color:#167bea; } #appView .hfa-design-channel-table > div:nth-child(4) strong > i { color:#42629e; } #appView .hfa-design-channel-note { color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-channel-table { margin:10px 0 14px; border:1px solid var(--hfa-line); border-radius:6px; overflow:hidden; } #appView .hfa-design-faq > div { display:grid; grid-template-columns:1fr 1fr; gap:30px; } #appView .hfa-design-faq strong { font-size:14px; } #appView .hfa-design-faq p { margin:6px 0 0; color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-related { margin-top:16px; padding:12px; border:1px solid var(--hfa-line); border-radius:6px; } #appView .hfa-design-related-table,#appView .hfa-design-settlement-table { min-width:0; width:100%; table-layout:fixed; border-collapse:collapse; } #appView .hfa-design-related-table th,#appView .hfa-design-related-table td,#appView .hfa-design-settlement-table th,#appView .hfa-design-settlement-table td { padding:9px; color:var(--hfa-muted); border-bottom:1px solid var(--hfa-line); font-size:13px; overflow-wrap:anywhere; } #appView .hfa-design-related-table th,#appView .hfa-design-settlement-table th { background:#f7f9fc; } #appView .hfa-design-empty { text-align:center; padding:30px 10px!important; color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-empty > i { display:block; margin:0 auto 12px; font-size:28px; color:#aab7ce; } #appView .hfa-design-empty strong { display:block; font-size:14px; font-weight:400; } #appView .hfa-design-empty p { margin:6px 0; } #appView .hfa-design-layout .hfa-design-fees { position:relative; padding:16px; } #appView .hfa-design-fee-actions { position:absolute; right:16px; top:16px; margin:0; } #appView .hfa-design-fee-actions > button { min-height:34px; font-size:12px; } #appView .hfa-design-fees > .hfa-design-copy { max-width:70%; font-size:12px; } #appView .hfa-design-fees > .hfa-rate-summary { display:block; padding:0; border:1px solid var(--hfa-line); border-radius:6px; overflow:hidden; } #appView .hfa-design-fees > .hfa-rate-summary > strong,#appView .hfa-design-fees > .hfa-rate-summary > span { display:none; } #appView .hfa-design-fees .hfa-rate-summary details { margin:0; padding:0; border:0; } #appView .hfa-design-fees .hfa-rate-summary summary { min-height:38px; padding:7px 12px; background:#f7f9fc; border-bottom:1px solid var(--hfa-line); color:var(--hfa-ink); font-weight:600; } #appView .hfa-design-fees .hfa-rate-summary pre { max-height:260px; overflow:auto; margin:0; padding:14px; white-space:pre-wrap; overflow-wrap:anywhere; } #appView .hfa-design-layout .hfa-design-fees { padding:12px; margin-bottom:14px; } #appView .hfa-design-fees > h3 { margin-bottom:6px; } #appView .hfa-design-fees > .hfa-design-copy { margin:4px 0 10px; } #appView .hfa-design-fees > .hfa-design-rate-table { margin:12px 0; } #appView .hfa-design-fees > .hfa-rate-summary { margin:12px 0 0; } #appView .hfa-design-fees .hfa-design-empty { min-height:120px; } #appView .hfa-design-query-hint { display:block; max-width:210px; margin-top:4px; color:var(--hfa-muted); font-size:11px; text-align:right; } #appView .hfa-design-subject,#appView .hfa-design-fees-subject { position:relative; } #appView .hfa-design-subject > h3,#appView .hfa-design-fees-subject > h3 { padding-right:80px; } #appView .hfa-design-detail-action { position:absolute; top:10px; right:10px; min-height:30px; padding:3px 10px; font-size:12px; background:#fff; color:#4266a0; border:1px solid var(--hfa-line); border-radius:5px; } #appView .hfa-design-source-action { min-height:32px; padding:5px 9px; font-size:12px; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-channel-top { padding:12px; } #appView .hfa-design-channel-top > h3,#appView .hfa-design-channel-body h3 { margin-bottom:8px; } #appView .hfa-design-channel-top > .hfa-design-payment-notice { padding:8px 12px; margin-bottom:12px; } #appView .hfa-design-channel-body .hfa-design-subject,#appView .hfa-design-channel-body .hfa-design-channel-guide { padding:10px; } #appView .hfa-design-channel-body .hfa-design-facts { margin:10px 0; } #appView .hfa-design-channel-body .hfa-design-facts > div { margin:4px 0; } #appView .hfa-design-channel-body .hfa-design-copy { margin:8px 0 0; font-size:12px; line-height:1.6; } #appView .hfa-design-channel-steps { list-style:none; counter-reset:hfa-channel-step; padding-left:0; gap:6px; } #appView .hfa-design-channel-steps > li { position:relative; counter-increment:hfa-channel-step; padding:6px 8px 6px 48px; min-height:56px; } #appView .hfa-design-channel-steps > li::before { content:counter(hfa-channel-step); position:absolute; left:10px; top:12px; width:28px; height:28px; border:1px solid #d6dfef; border-radius:50%; text-align:center; line-height:28px; font-size:15px; } #appView .hfa-design-layout[data-active-design-tab=channels] #hfa-design-panel-channels > .hfa-panel .hfa-panel-head { justify-content:flex-start; gap:12px; margin-bottom:6px; } #appView .hfa-design-layout[data-active-design-tab=channels] #hfa-design-panel-channels > .hfa-panel .hfa-panel-head h3 { margin:0; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-channel-table { margin-top:6px; } #appView .hfa-design-read-retry { display:block; margin:10px auto; min-height:36px; font-size:13px; } #appView #hfa-design-panel-fees > .hfa-design-settlement-card { position:relative; margin-top:14px; padding:14px; border:1px solid var(--hfa-line); border-radius:8px; background:#fff; } #appView #hfa-design-panel-fees .hfa-design-settlement-card > div { padding-right:136px; } #appView #hfa-design-panel-fees .hfa-design-settlement-card > div > strong { font-size:18px; color:var(--hfa-ink); } #appView #hfa-design-panel-fees .hfa-design-settlement-card > div > strong::after { content:'（向汇付同步快照）'; font-size:15px; } #appView #hfa-design-panel-fees .hfa-design-settlement-card > button { position:absolute; top:12px; right:14px; min-height:34px; padding:5px 14px; font-size:13px; background:#ce7528; border-color:#c56b22; color:#fff; } #appView #hfa-design-panel-fees .hfa-design-settlement-card .hfa-design-finance-amount, #appView #hfa-design-panel-fees .hfa-design-settlement-card .hfa-design-finance-description, #appView #hfa-design-panel-fees .hfa-design-settlement-card .hfa-design-return-empty, #appView #hfa-design-panel-fees .hfa-design-settlement-card strong > i { display:none; } #appView .hfa-design-settlement-copy,#appView .hfa-design-settlement-notice { display:none; } #appView #hfa-design-panel-fees .hfa-design-settlement-copy { display:block; margin:5px 0 10px; font-size:12px; color:var(--hfa-muted); } #appView #hfa-design-panel-fees .hfa-design-settlement-notice { display:block; margin:10px 0 0; font-size:12px; } #appView #hfa-design-panel-fees .hfa-design-sync-time { position:absolute; top:20px; right:126px; display:block; max-width:180px; margin:0; font-size:12px; color:var(--hfa-muted); } #appView #hfa-design-panel-fees .hfa-design-settlement-table { display:table; border:1px solid var(--hfa-line); } #appView #hfa-design-panel-fees .hfa-design-settlement-table td.hfa-design-empty { text-align:center; } #modalRoot .hfa-subject-detail-facts { margin:18px 0; border-top:1px solid var(--line,#e3e8f1); } #modalRoot .hfa-subject-detail-facts > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; padding:9px 0; border-bottom:1px solid var(--line,#e3e8f1); font-size:14px; } #modalRoot .hfa-subject-detail-facts dt { color:var(--muted,#526a9d); } #modalRoot .hfa-subject-detail-facts dd { margin:0; overflow-wrap:anywhere; } #appView .hfa-design-fees > article { position:relative; padding:16px; } #appView .hfa-design-fees > article > .hfa-design-finance-amount, #appView .hfa-design-fees > article .hfa-design-finance-description, #appView .hfa-design-fees > article > .hfa-design-return-empty { display:none; } #appView .hfa-design-fees > article > button { position:absolute; right:16px; top:16px; min-height:34px; font-size:12px; } #appView .hfa-design-fees > article > div { padding-right:130px; } #appView .hfa-design-fees > article strong > i { display:none; } #appView .hfa-design-settlement-table { display:none; } #appView .hfa-design-fees .hfa-design-settlement-table { display:table; } #appView .hfa-design-fees-subject,#appView .hfa-design-contract-note { margin-top:12px; padding:14px; background:#fff; border:1px solid var(--hfa-line); border-radius:7px; } #appView .hfa-design-contract-note p { margin:8px 0; color:var(--hfa-muted); font-size:13px; } #appView .hfa-design-fees-subject .hfa-design-facts > div { grid-template-columns:90px minmax(0,1fr); } #appView .hfa-design-layout .hfa-scope-list-head,#appView .hfa-design-layout .hfa-scope-store-row { grid-template-columns:minmax(160px,1fr) minmax(200px,1.3fr) minmax(130px,1fr) minmax(170px,1fr); } #appView .hfa-design-scope-source { display:grid; gap:5px; overflow-wrap:anywhere; } #appView .hfa-design-scope-source strong { font-size:14px; font-weight:500; } #appView .hfa-design-scope-source small { color:var(--hfa-muted); font-size:12px; } #appView .hfa-design-layout .hfa-design-platform-preview { margin:20px 0 0; padding:14px; background:#fff; border:1px solid var(--hfa-line); border-radius:7px; } #appView .hfa-design-platform-preview > .hfa-design-facts { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; } #appView .hfa-design-platform-preview > .hfa-design-facts > div { display:block; margin:0; padding-right:12px; border-right:1px solid var(--hfa-line); } #appView .hfa-design-platform-preview .hfa-design-facts dt { margin:0 0 8px; color:var(--hfa-ink); } #appView .hfa-design-platform-preview .hfa-design-payment-notice { margin:14px 0 0; } #appView .hfa-design-platform-link { color:#3675c1; font-size:13px; } #appView .hfa-design-raw-empty > summary { padding-bottom:12px; border-bottom:1px solid var(--hfa-line); } #appView .hfa-design-raw-empty > .hfa-design-empty { display:grid; justify-items:center; gap:4px; padding:8px!important; } #appView .hfa-design-raw-empty > .hfa-design-empty > i { margin:0; font-size:24px; } #appView .hfa-design-raw-empty > .hfa-design-empty > strong { line-height:20px; } #appView .hfa-design-layout .hfa-finance-list > article { min-height:215px; } #appView .hfa-design-progress-details { margin:0 0 14px; border:1px solid #f3dfc9; border-radius:6px; background:#fff7ed; } #appView .hfa-design-progress-details > summary { padding:10px 14px; color:#a55017; cursor:pointer; font-size:13px; } #appView .hfa-design-progress-details .hfa-progress { margin:0; border:0; } #appView .hfa-design-owner-entry .hfa-action-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #appView .hfa-design-owner-entry .hfa-action-strip [data-hfa-generate-link] { grid-column:1/-1; justify-self:start; } #appView .hfa-design-owner-entry .hfa-action-strip > * { margin:0; min-height:36px; } #appView .hfa-design-layout .hfa-assistance-simple { grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.2fr); } #appView .hfa-design-assignee { display:grid; gap:6px; align-self:start; font-weight:650; font-size:14px; } #appView .hfa-design-assignee p { min-height:40px; margin:0; padding:8px 11px; border:1px solid var(--hfa-line); border-radius:6px; background:#f7f9fc; color:var(--hfa-muted); font-size:13px; font-weight:400; } #appView .hfa-design-related-table th,#appView .hfa-design-related-table td { padding:4px 10px; line-height:1.5; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-main, #appView .hfa-design-layout[data-active-design-tab=testing] #hfa-design-panel-testing { display:contents; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-rail-slot { grid-column:1; grid-row:1/3; align-self:stretch; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-rail-slot > .hfa-store-rail { height:100%; min-height:530px; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-workbench-header { grid-column:2; margin:0; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-testing-intro { grid-column:2; min-height:304px; margin:0; } #appView .hfa-design-testing-intro h3 { padding:14px; background:#fff4e9; color:#b45517; border-radius:6px; } #appView .hfa-design-test-steps { align-content:space-between; } #appView .hfa-design-layout[data-active-design-tab=testing] #hfa-design-panel-testing > .hfa-design-expanded { grid-column:1/-1; margin:0; } #appView .hfa-design-layout .hfa-activation .hfa-form-grid { grid-template-columns:minmax(200px,1fr) minmax(0,2fr); } #appView .hfa-design-layout .hfa-activation .hfa-form-grid .wide { grid-column:auto; } #appView .hfa-design-unavailable-table { table-layout:fixed; min-width:0; width:100%; margin-top:14px; border-collapse:collapse; } #appView .hfa-design-unavailable-table th { padding:10px; color:var(--hfa-muted); background:#f7f9fc; font-size:13px; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 16px; min-height:0; padding:14px 18px; margin:0; text-align:left; color:#a63c40; background:#fff3f3; border:1px solid #f2d9db; border-radius:6px; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > strong,#appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > span,#appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > small { grid-column:1; margin:0; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > button { grid-column:2; grid-row:1/4; align-self:center; } #appView .hfa-design-layout .hfa-finance-list > article { min-height:215px; padding:16px; gap:6px 12px; } #appView .hfa-design-layout .hfa-finance-list article > .hfa-design-finance-amount { margin:6px 0; } #appView .hfa-design-layout :focus-visible { outline:2px solid #4677bd; outline-offset:3px; } #appView .hfa-design-layout ::selection { color:#101638; background:#ffe4cc; } /* R106: selected 67/68. Original split inputs and action handlers stay mounted. */ #appView .hfa-design-layout .hfa-design-split { padding:14px; margin-bottom:16px; background:#fff; } #appView .hfa-design-split > .hfa-design-info-notice { margin:10px 0; padding:10px 14px; line-height:1.65; } #appView .hfa-design-layout #hfaSplitForm .hfa-design-split-scroll { display:block; padding:0; overflow-x:auto; border:1px solid var(--hfa-line); border-radius:5px; } #appView .hfa-design-split-table { width:100%; min-width:850px; border-collapse:collapse; table-layout:fixed; } #appView .hfa-design-split-table th { padding:10px; background:#f5f7fb; color:var(--hfa-muted); font-size:13px; font-weight:500; text-align:left; } #appView .hfa-design-split-table th:first-child { width:90px; } #appView .hfa-design-split-table th:nth-child(2) { width:24%; } #appView .hfa-design-split-table th:nth-child(3) { width:125px; } #appView .hfa-design-split-table td,#appView .hfa-design-split-table tbody th { padding:10px; border-top:1px solid var(--hfa-line); border-right:1px solid var(--hfa-line); } #appView .hfa-design-split-table tbody th { color:var(--hfa-ink); font-weight:650; background:#fff; } #appView .hfa-design-split-table td > label { display:flex; align-items:center; justify-content:center; gap:0; font-size:0; } #appView .hfa-design-split-table td > label > span { font-size:0; } #appView .hfa-design-layout .hfa-design-split-table input:not([type=checkbox]),#appView .hfa-design-layout .hfa-design-split-table select { width:100%; min-width:0; min-height:36px; font-size:13px; padding:6px 8px; } #appView .hfa-design-split-table input[type=checkbox] { width:19px; height:19px; } #appView .hfa-design-split .hfa-split-boundary { margin:6px 0 10px; font-size:12px; line-height:1.5; color:var(--hfa-muted); } #appView .hfa-design-split .hfa-form-actions { margin-top:12px; padding:0; } #appView .hfa-design-split .hfa-form-actions > span { flex:1; padding:10px 14px; background:#f0f5ff; border:1px solid #e0e8fb; border-radius:5px; color:#36588d; } #appView .hfa-design-layout #hfaSplitForm .hfa-split-boundary { margin:6px 0 10px; padding:0; border:0; background:transparent; line-height:1.5; } #appView .hfa-design-split > .hfa-design-info-notice { color:#526a9d; background:#fff6ec; border:1px solid #f3dfc7; } #appView .hfa-transaction-filters { display:flex; align-items:end; flex-wrap:wrap; gap:8px; padding:10px 14px 0; } #appView .hfa-transaction-filters label { display:grid; gap:4px; color:var(--hfa-muted); font-size:12px; } #appView .hfa-design-layout .hfa-transaction-filters input,#appView .hfa-design-layout .hfa-transaction-filters select { width:154px; min-height:34px; padding:5px 8px; background:#fff; border:1px solid var(--hfa-line); border-radius:5px; color:var(--hfa-ink); font:inherit; } #appView .hfa-design-layout .hfa-transaction-filters button { min-height:34px; padding:5px 14px; font-size:13px; } #appView .hfa-transaction-filter-note { padding:0 14px; margin:8px 0; font-size:12px; line-height:1.5; color:var(--hfa-muted); } #appView .hfa-design-layout #hfa-design-panel-finance > .hfa-page-details { padding:12px; } #appView .hfa-design-layout #hfa-design-panel-finance > .hfa-page-details > summary { padding:5px 0 10px; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error { justify-items:start; align-items:start; gap:3px; padding:10px 14px; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > strong { font-size:14px; line-height:1.5; } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > span,#appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > small { text-align:left; font-size:12px; line-height:1.5; } @media(min-width:1150px){ #appView .hfa-design-layout #hfa-design-panel-finance > .hfa-page-details { position:relative; } #appView .hfa-design-layout #hfa-design-panel-finance > .hfa-page-details > summary { display:block; min-height:68px; padding-right:655px; } #appView .hfa-design-layout #hfa-design-panel-finance > .hfa-page-details > summary > span:last-child { display:block; margin-top:3px; font-size:12px; color:var(--hfa-muted); } #appView .hfa-design-layout .hfa-transaction-filters { position:absolute; top:10px; right:12px; padding:0; } #appView .hfa-design-layout .hfa-transaction-filters input,#appView .hfa-design-layout .hfa-transaction-filters select { width:135px; } } #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-finance-list { margin-bottom:16px; gap:12px; } #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-finance-list > article { min-height:205px; } #appView .hfa-design-layout[data-active-design-tab=finance] .hfa-design-workbench-header { padding-top:0; margin-bottom:0; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-rail-slot > .hfa-store-rail { min-height:520px; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-testing-intro { min-height:294px; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-testing-intro { padding:0; gap:8px; border:0; background:transparent; grid-template-columns:260px minmax(0,1fr); } #appView .hfa-design-test-step-area,#appView .hfa-design-test-explanation { border:1px solid var(--hfa-line); border-radius:6px; padding:12px; background:#fff; } #appView .hfa-design-test-step-area > h3 { padding:0; margin:0 0 12px; background:none; color:var(--hfa-ink); font-size:16px; } #appView .hfa-design-test-steps { gap:22px; padding-left:24px; } #appView .hfa-design-test-steps li { padding-left:3px; line-height:1.45; } #appView .hfa-design-test-steps li::marker { font-size:16px; font-weight:700; } #appView .hfa-design-test-steps strong { display:block; font-size:14px; } #appView .hfa-design-test-steps small { display:block; font-size:12px; font-weight:400; margin-top:3px; } #appView .hfa-design-test-explanation > h3 { margin:0 0 10px; padding:12px; font-size:15px; } #appView .hfa-design-testing-intro .hfa-design-test-explanation p,#appView .hfa-design-test-explanation ol { margin:0; font-size:12px; line-height:1.75; color:var(--hfa-muted); } #appView .hfa-design-test-explanation h4 { margin:12px 0 4px; font-size:14px; } #appView .hfa-design-test-explanation ol { padding-left:18px; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-expanded { padding:12px; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-expanded > h3 { display:inline-block; margin:0 12px 8px 0; font-size:17px; } #appView .hfa-query-guidance { display:inline-block; margin:0 0 8px; color:var(--hfa-muted); font-size:12px; line-height:1.5; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-query-grid { display:block; padding:0; margin:0 0 12px; border:1px solid var(--hfa-line); border-radius:5px; } #appView .hfa-evidence-row { display:grid; grid-template-columns:90px 140px minmax(170px,1fr) minmax(150px,1fr) auto; gap:12px; align-items:center; padding:5px 10px; } #appView .hfa-evidence-row + .hfa-evidence-row { border-top:1px solid var(--hfa-line); } #appView .hfa-evidence-row > strong { font-size:14px; } #appView .hfa-evidence-row label,#appView .hfa-evidence-state { font-size:12px; color:var(--hfa-muted); font-weight:400; gap:3px; } #appView .hfa-evidence-state > span { display:block; margin-bottom:4px; } #appView .hfa-evidence-state strong { display:block; color:#b45517; font-size:13px; overflow-wrap:anywhere; } #appView .hfa-evidence-state strong[data-result=success] { color:#16714e; } #appView .hfa-evidence-state strong[data-result=failed],#appView .hfa-evidence-state strong[data-result=invalid] { color:#b32630; } #appView .hfa-design-layout .hfa-evidence-row input { min-height:30px; padding:4px 8px; font-size:13px; } #appView .hfa-design-layout .hfa-evidence-row button { min-height:34px; padding:5px 12px; font-size:12px; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-activation { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); gap:8px 18px; margin:0; padding:12px; background:#fff; border:1px solid var(--hfa-line); border-radius:6px; } #appView .hfa-activation-heading { grid-column:1; grid-row:1; font-size:16px; } #appView .hfa-activation-heading span { color:#be4c0e; } #appView .hfa-design-layout .hfa-activation .hfa-form-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:14px; align-items:start; } #appView .hfa-activation .hfa-form-grid label { font-size:12px; gap:5px; color:var(--hfa-muted); } #appView .hfa-activation .hfa-form-grid small { font-size:11px; line-height:1.5; overflow-wrap:anywhere; } #appView .hfa-design-layout .hfa-activation input { min-height:34px; padding:6px 9px; font-size:13px; } #appView .hfa-password-field { position:relative; display:block; } #appView .hfa-password-field input { padding-right:40px !important; } #appView .hfa-design-layout .hfa-password-field button { position:absolute; right:1px; top:1px; bottom:1px; min-width:34px; min-height:32px; padding:4px; background:transparent; border:0; box-shadow:none; color:var(--hfa-muted); } #appView .hfa-activation-status { padding:10px 12px; background:#fff6ec; border:1px solid #f3e4d4; border-radius:6px; font-size:13px; } #appView .hfa-activation-status strong { color:#b45517; } #appView .hfa-activation-status p { font-size:12px; line-height:1.6; } #appView .hfa-activation .hfa-action-strip { grid-column:2; grid-row:1; margin:0; justify-content:flex-end; } #appView .hfa-design-layout .hfa-activation .hfa-action-strip button { min-height:30px; padding:4px 12px; font-size:12px; } #appView .hfa-activation-history { margin-top:12px; } #appView .hfa-activation-history h3 { display:inline-block; margin:0 10px 6px 0; font-size:16px; } #appView .hfa-activation-history > p { display:inline-block; margin:3px 0 6px; color:var(--hfa-muted); font-size:11px; } #appView .hfa-activation-history .hfa-table-wrap th,#appView .hfa-activation-history .hfa-table-wrap td { padding:7px 10px; font-size:12px; } @media(max-width:1050px){ #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-testing-intro { grid-template-columns:minmax(0,1fr); } #appView .hfa-evidence-row { grid-template-columns:90px minmax(0,1fr) minmax(0,1fr); } #appView .hfa-evidence-state { grid-column:2; } #appView .hfa-design-layout .hfa-design-expanded > .hfa-activation { grid-template-columns:minmax(0,1fr); } #appView .hfa-activation .hfa-action-strip { grid-column:1; grid-row:auto; } } @media(max-width:600px){ #appView .hfa-evidence-row { grid-template-columns:minmax(0,1fr); gap:10px; } #appView .hfa-evidence-state { grid-column:auto; } #appView .hfa-design-layout .hfa-activation .hfa-form-grid { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-split .hfa-form-actions { flex-direction:column; align-items:stretch; } } /* R102: match the selected first-fold density without removing real fields. */ #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-panel > .hfa-panel { padding:10px; margin-bottom:12px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-panel-head { margin-bottom:10px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-panel-head h3 { margin-bottom:4px; font-size:17px; line-height:24px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-primary-panel > .hfa-panel-head h3 { margin:0; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-primary-panel > .hfa-panel-head { margin-bottom:8px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-primary-panel > .hfa-panel-head .hfa-pill { padding:2px 6px; font-size:12px; line-height:18px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-grid { padding:10px; gap:16px; border:1px solid var(--hfa-line); border-radius:6px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts { padding-left:16px; } #appView .hfa-design-owner-facts h4 { margin:0 0 8px; color:var(--hfa-ink); font-size:15px; line-height:22px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts > div { padding:2px 0; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts > div { grid-column:1/-1; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts > div:nth-child(-n+2) { grid-column:auto; grid-template-columns:max-content minmax(0,1fr); gap:4px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts > div:nth-child(-n+2) dt, #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts > div:nth-child(-n+2) dd { font-size:12px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts dt, #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts .hfa-facts dd { line-height:20px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-next-action { grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; margin-bottom:12px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-next-action > strong { justify-self:start; font-size:13px; line-height:20px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-next-action > p { grid-column:1/-1; font-size:13px; line-height:21px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-materials { margin-top:8px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-materials > summary { padding:8px 12px; font-size:14px; line-height:22px; } #appView .hfa-design-preparation-copy { margin:0; padding:0 14px 12px; color:var(--hfa-muted); font-size:13px; line-height:21px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-related { margin-top:8px; padding:10px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-related h3 { margin-bottom:8px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-info-notice { margin-bottom:10px; padding:8px 12px; font-size:12px; line-height:20px; } #appView .hfa-design-layout .hfa-design-assistance .hfa-panel-head p { font-size:12px; line-height:18px; } #appView .hfa-design-layout .hfa-design-assistance .hfa-panel-head > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; } #appView .hfa-design-layout .hfa-design-assistance .hfa-panel-head h3 { flex:none; margin:0; } #appView .hfa-design-layout .hfa-design-assistance .hfa-panel-head p { flex:1 1 260px; } #appView .hfa-design-layout .hfa-design-assistance .hfa-assistance-simple { gap:8px 12px; } #appView .hfa-design-layout .hfa-design-assistance .hfa-assistance-simple label, #appView .hfa-design-layout .hfa-design-assistance .hfa-design-assignee { font-size:13px; line-height:20px; gap:5px; } #appView .hfa-design-layout .hfa-design-assistance textarea { min-height:40px; height:40px; } #appView .hfa-design-layout .hfa-design-assistance [data-hfa-save-assistance] { min-height:40px; } #appView .hfa-assistance-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; } #appView .hfa-assistance-actions [data-hfa-assistance-history] { min-height:32px; padding:4px 10px; color:var(--hfa-ink); border:1px solid var(--hfa-line); border-radius:6px; background:#fff; font-size:13px; } #appView .hfa-design-related-scroll { overflow-x:auto; } #appView .hfa-design-related-table { table-layout:fixed; } #appView .hfa-design-related-table th:nth-child(1) { width:19%; } #appView .hfa-design-related-table th:nth-child(2) { width:25%; } #appView .hfa-design-related-table th:nth-child(3) { width:13%; } #appView .hfa-design-related-table th:nth-child(4) { width:25%; } #appView .hfa-design-related-table th:nth-child(5) { width:18%; } #appView .hfa-design-related-table td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-related-table td { padding:2px 10px; line-height:20px; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-related-table th { padding:6px 10px; line-height:20px; } #appView .hfa-design-related-table td small { display:block; color:var(--hfa-muted); font-size:11px; } #appView .hfa-design-related-table .hfa-design-related-action { min-height:28px; padding:4px 0; border:0; background:transparent; color:#45629e; font-size:12px; white-space:nowrap; } #appView .hfa-design-related-action:hover { text-decoration:underline; text-underline-offset:3px; } #appView [data-hfa-assistance-history]:focus-visible,#appView .hfa-design-related-action:focus-visible { outline:2px solid var(--hfa-gold,#b38644); outline-offset:3px; } .hfa-history-body { min-width:0; max-height:50vh; overflow:auto; } .hfa-history-body table { width:100%; border-collapse:collapse; font-size:13px; } .hfa-history-body .hfa-table-wrap table { min-width:0; table-layout:fixed; } .hfa-history-body th:nth-child(1) { width:24%; } .hfa-history-body th:nth-child(2) { width:14%; } .hfa-history-body th:nth-child(3) { width:20%; } .hfa-history-body th:nth-child(4) { width:42%; } .hfa-history-body th { position:sticky; top:0; background:#f9f7f3; text-align:left; color:#59647a; } .hfa-history-body th,.hfa-history-body td { padding:12px; border-bottom:1px solid #e8e9ed; vertical-align:top; } .hfa-history-body td:not(.hfa-history-note) { white-space:nowrap; } .hfa-history-note { min-width:180px; white-space:pre-wrap; overflow-wrap:anywhere; } .hfa-history-empty { padding:32px 16px; text-align:center; color:#687080; } .hfa-history-feedback { color:#687080; font-size:13px; line-height:1.6; } .hfa-history-body[aria-busy=true] { opacity:.7; } @media(max-width:800px) { .hfa-history-body .hfa-table-wrap table { min-width:640px; } #appView .hfa-design-related-table { min-width:600px; } #appView .hfa-assistance-actions [data-hfa-assistance-history],#appView .hfa-design-related-table .hfa-design-related-action { min-height:44px; } } #appView .hfa-design-layout[data-active-design-tab=advanced] .hfa-design-panel > .hfa-design-expanded { padding:16px; } #appView .hfa-design-layout #hfaAdvancedStoreForm > .hfa-form-grid { gap:16px 20px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid label, #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-design-channel-fields label { font-size:14px; line-height:20px; gap:6px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid input:not([type=checkbox]), #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid select, #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-design-channel-fields select { min-height:38px; padding:7px 11px; font-size:14px; line-height:22px; } #appView .hfa-design-layout #hfaAdvancedStoreForm textarea { min-height:64px; height:64px; font-size:14px; line-height:22px; } #appView .hfa-design-layout .hfa-design-channel-fields { margin-top:16px; padding-top:12px; } #appView .hfa-design-layout .hfa-design-channel-fields h3 { margin-bottom:8px; font-size:17px; line-height:24px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-fieldset { margin:16px 0; padding:8px 10px; border-radius:6px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-fieldset legend { font-size:14px; line-height:20px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-types { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-types label { min-height:34px; padding:6px; font-size:13px; line-height:20px; } #appView .hfa-design-layout .hfa-design-platform-preview { margin-top:16px; padding:12px; } #appView .hfa-design-platform-preview-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 16px; } #appView .hfa-design-layout .hfa-design-platform-preview-head h3 { margin:0; font-size:16px; line-height:24px; } #appView .hfa-design-platform-preview > .hfa-design-facts { margin:12px 0; gap:8px 16px; } #appView .hfa-design-platform-preview > .hfa-design-facts > div { font-size:13px; line-height:20px; } #appView .hfa-design-platform-preview > .hfa-design-facts > div:nth-child(n+7) { grid-column:span 2; } #appView .hfa-design-platform-preview .hfa-design-facts dt { margin-bottom:4px; font-size:13px; line-height:20px; } #appView .hfa-design-platform-preview .hfa-design-payment-notice { margin-top:12px; padding:8px 12px; font-size:12px; line-height:20px; } #appView .hfa-design-layout #hfaAdvancedStoreForm > .hfa-form-actions { margin-top:10px; padding-top:0; border:0; } #appView .hfa-design-layout #hfaAdvancedStoreForm > .hfa-form-actions > button { min-width:200px; } /* Focused original platform form (image 100); independent of store permissions. */ #appView:has(.hfa-design-layout[data-design-page=platform]) > main > header p { display:none; } #appView .hfa-design-layout[data-design-page=platform] > .hfa-overview, #appView .hfa-design-layout[data-design-page=platform] .hfa-design-workbench-header, #appView .hfa-design-layout[data-design-page=platform] #hfa-design-panel-advanced > .hfa-design-expanded, #appView .hfa-design-layout[data-design-page=platform] > .hfa-design-scope-footer, #appView .hfa-design-layout[data-design-page=platform] > .hfa-design-context { display:none; } #appView .hfa-design-layout[data-design-page=platform] .hfa-design-platform-page { margin:0; padding:0; border:0; border-radius:0; background:transparent; } #appView .hfa-design-layout[data-design-page=platform] .hfa-design-platform-page > summary { display:none; } #appView .hfa-design-layout[data-design-page=store] #hfa-design-panel-advanced:has(#hfaAdvancedStoreForm) > .hfa-design-platform-page { display:none; } #appView .hfa-design-platform-page-toolbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 16px; margin:-10px 0 16px; } #appView .hfa-design-platform-page-toolbar > p { margin:0; color:#45629e; font-size:16px; line-height:26px; } #appView .hfa-design-platform-page-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; } #appView .hfa-design-platform-page-actions #hfaReadinessCheck { min-height:32px; margin:0; font-size:12px; } #appView .hfa-design-platform-page-header > .hfa-design-info-notice { display:flex; align-items:center; gap:12px; padding:14px 16px; margin:0 0 16px; font-size:15px; line-height:24px; } #appView .hfa-design-platform-page-header > .hfa-design-info-notice > i { font-size:24px; color:#1678ed; } #appView .hfa-design-layout[data-design-page=platform] .hfa-platform-layout { gap:12px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm { padding:0; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm > .hfa-form-grid { gap:14px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section { gap:8px; margin:0; min-inline-size:0; padding:14px 16px 16px; background:#fff; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section legend { padding:0 4px; font-size:20px; line-height:28px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label { grid-template-columns:160px minmax(0,1.6fr) minmax(180px,1fr); gap:8px 18px; font-size:15px; line-height:24px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > input { min-height:38px; padding:6px 11px; font-size:15px; line-height:24px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > textarea { min-height:98px; height:98px; padding:8px 11px; font-size:14px; line-height:22px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > small { grid-column:3; grid-row:1; font-size:13px; line-height:22px; color:var(--hfa-muted); overflow-wrap:anywhere; } #appView .hfa-design-key-guidance { display:block; margin-bottom:4px; } #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state { display:grid; grid-template-columns:160px minmax(0,1.6fr) minmax(180px,1fr); align-items:center; gap:8px 18px; margin:0; padding:0; border:0; border-radius:0; background:transparent; } #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state > strong { min-height:38px; padding:7px 11px; border:1px solid var(--hfa-line); border-radius:6px; background:#f1f4f9; color:var(--hfa-muted); font-size:14px; line-height:24px; } #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state > small { color:var(--hfa-muted); font-size:13px; overflow-wrap:anywhere; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm > .hfa-section-copy { margin:8px 0; font-size:12px; line-height:20px; color:var(--hfa-muted); } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm > .hfa-form-actions { justify-content:flex-start; margin:10px 0 0; padding:0; border:0; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm > .hfa-form-actions > button { min-width:240px; } #appView .hfa-design-layout[data-design-page=platform] .hfa-design-platform-page > .hfa-design-payment-notice { margin:12px 0 0; font-size:13px; line-height:22px; } #appView .hfa-design-platform-conditions > summary { padding:8px 0; color:var(--hfa-muted); font-size:13px; cursor:pointer; } #appView .hfa-design-platform-conditions > aside { position:static; display:block; inset:auto; width:auto; height:auto; min-height:0; max-height:none; margin:0; padding:16px; overflow:visible; background:#f7f9fc; color:var(--hfa-ink); border:1px solid var(--hfa-line); border-radius:6px; } #appView .hfa-design-platform-conditions .hfa-readiness-list { margin:0; padding:0; } #appView .hfa-design-platform-conditions .hfa-readiness-list li { min-width:0; padding:10px 0; border-bottom:1px solid var(--hfa-line); } #appView .hfa-design-platform-conditions .hfa-readiness-list strong { color:var(--hfa-ink); } #appView .hfa-design-platform-conditions .hfa-readiness-list small { color:var(--hfa-muted); } @media(max-width:1100px) { #appView .hfa-design-workspace { grid-template-columns:230px minmax(0,1fr); } #appView .hfa-design-layout #hfaSplitForm .hfa-form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label, #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state { grid-template-columns:145px minmax(0,1fr); } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > small, #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state > small { grid-column:2; grid-row:2; } } @media(max-width:800px) { #appView .hfa-design-layout > .hfa-overview { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout .hfa-overview > .hfa-design-metrics { grid-template-columns:1fr 1fr; gap:16px 0; } #appView .hfa-design-layout .hfa-design-metric { padding:0 12px; } #appView .hfa-design-layout .hfa-overview #hfaReadinessCheck { position:static; justify-self:start; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-main, #appView .hfa-design-layout[data-active-design-tab=channels] #hfa-design-panel-channels { display:block; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-rail-slot { grid-column:auto; grid-row:auto; } #appView .hfa-design-layout[data-active-design-tab=channels] .hfa-design-rail-slot > .hfa-store-rail, #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-rail-slot > .hfa-store-rail, #appView .hfa-design-layout[data-active-design-tab=fees] .hfa-design-rail-slot > .hfa-store-rail { min-height:0; } #appView .hfa-design-workbench-header { margin-bottom:16px!important; } #appView .hfa-design-workbench-header > .hfa-store-heading { grid-template-columns:36px minmax(0,1fr); } #appView .hfa-design-workbench-header .hfa-store-heading > div:last-child { grid-column:2; max-width:none; } #appView .hfa-design-channel-body,#appView .hfa-design-faq > div { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-channel-top { margin-bottom:16px; } #appView .hfa-design-channel-table { overflow-x:auto; } #appView .hfa-design-channel-table > div { min-width:900px; grid-template-columns:1fr 1fr .95fr 1.35fr 1.6fr 1fr; } #appView .hfa-design-fee-actions { position:static; margin:10px 0; } #appView .hfa-design-fees > .hfa-design-copy { max-width:none; } #appView .hfa-design-layout .hfa-scope-list-head { display:none; } #appView .hfa-design-layout .hfa-scope-store-row { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-platform-preview > .hfa-design-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .hfa-design-platform-preview > .hfa-design-facts > div:nth-child(n+7) { grid-column:span 2; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-trade-types { grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .hfa-design-layout .hfa-overview > .hfa-design-metrics { height:auto; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-main, #appView .hfa-design-layout[data-active-design-tab=testing] #hfa-design-panel-testing { display:block; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-rail-slot { grid-column:auto; grid-row:auto; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-rail-slot > .hfa-store-rail { min-height:0; } #appView .hfa-design-layout[data-active-design-tab=testing] .hfa-design-testing-intro { min-height:0; margin-bottom:16px; } #appView .hfa-design-layout .hfa-activation .hfa-form-grid { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfa-design-panel-finance .hfa-error > button { grid-column:1; grid-row:auto; justify-self:start; } #appView .hfa-design-workspace { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout .hfa-store-list { max-height:240px; } #appView .hfa-design-tabs { justify-content:flex-start; } #appView .hfa-design-tabs button { flex:0 0 auto; padding-inline:16px; } #appView .hfa-design-layout #hfaSplitForm .hfa-form-grid, #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfaAdvancedStoreForm .wide { grid-column:1; } #appView .hfa-design-channel-table > div { grid-template-columns:1fr 1fr .95fr 1.35fr 1.6fr 1fr; } #appView .hfa-design-query-hint { max-width:none; text-align:left; } #appView .hfa-design-row-query,#appView .hfa-design-detail-action,#appView .hfa-design-source-action { min-height:44px; } #appView .hfa-design-subject > h3,#appView .hfa-design-fees-subject > h3 { min-height:40px; } #appView #hfa-design-panel-fees .hfa-design-settlement-card > div { padding-right:0; } #appView #hfa-design-panel-fees .hfa-design-settlement-card > button { position:static; min-height:44px; margin:10px 0; } #appView #hfa-design-panel-fees .hfa-design-sync-time { position:static; max-width:none; margin-bottom:8px; } #appView .hfa-design-panel > .hfa-panel,#appView .hfa-design-panel > .hfa-advanced,#appView .hfa-design-panel > .hfa-page-details { padding:18px; } #appView .hfa-design-scope-footer { flex-wrap:wrap; } #appView .hfa-design-owner-grid,#appView .hfa-design-testing-intro,#appView .hfa-design-customer-body { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-owner-facts,#appView .hfa-design-customer-scope { border-left:0; padding-left:0; } #appView .hfa-design-layout[data-active-design-tab=materials] .hfa-design-owner-facts { border-left:0; padding-left:0; } #appView .hfa-design-rail-slot > .hfa-store-rail { min-height:0; } #appView .hfa-design-channel-fields > div { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout .hfa-finance-list { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout .hfa-assistance-simple { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > input, #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > textarea, #appView .hfa-design-layout #hfaPlatformForm .warm-form-section > label > small { grid-column:1; grid-row:auto; } #appView .hfa-design-layout .hfa-platform-layout .hfa-readiness-list { grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .hfa-design-layout input:not([type=checkbox]),#appView .hfa-design-layout select,#appView .hfa-design-layout textarea { font-size:16px; } #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid input:not([type=checkbox]), #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-form-grid select, #appView .hfa-design-layout #hfaAdvancedStoreForm .hfa-design-channel-fields select, #appView .hfa-design-layout #hfaAdvancedStoreForm textarea { font-size:16px; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label, #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state { grid-template-columns:minmax(0,1fr); } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > input, #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > textarea, #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > small, #appView .hfa-design-layout[data-design-page=platform] .hfa-secret-state > small { grid-column:1; grid-row:auto; } #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > input, #appView .hfa-design-layout[data-design-page=platform] #hfaPlatformForm .warm-form-section > label > textarea { font-size:16px; } }