#runtimeSettings { --settings-ink: #25312d; --settings-muted: #64756e; --settings-line: #dce7e2; --settings-surface: #f6faf8; --settings-accent: #0f7259; margin: 24px 0 36px; color: var(--settings-ink); font: 16px/1.6 -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", sans-serif; min-width: 0; }
#runtimeSettings :is(h2,h3,summary) { font-family: inherit; }
#runtimeSettings > h2 { font-size: 24px; font-weight: 650; margin: 0 0 16px; }
#runtimeSettings .runtime-version { background: var(--settings-surface); border-left: 3px solid var(--settings-accent); padding: 12px 16px; border-radius: 6px; font-size: 14px; overflow-wrap: anywhere; }
#runtimeSettings .runtime-policy { margin: 12px 0 20px; font-size: 14px; color: var(--settings-muted); }
#runtimeSettings .runtime-policy summary { cursor: pointer; }
#runtimeSettings .runtime-policy p { margin: 8px 0; font-size: 14px; }
#runtimeSettings .runtime-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 24px 0 18px; }
#runtimeSettings .runtime-search { position: relative; width: min(100%, 400px); min-width: 0; }
#runtimeSettings .runtime-search::before { content: ""; position: absolute; left: 16px; top: 15px; width: 11px; height: 11px; border: 1.6px solid var(--settings-muted); border-radius: 50%; pointer-events: none; }
#runtimeSettings .runtime-search::after { content: ""; position: absolute; left: 27px; top: 27px; width: 6px; height: 1.6px; background: var(--settings-muted); transform: rotate(45deg); pointer-events: none; }
#runtimeSettings .runtime-search input { width: 100%; box-sizing: border-box; height: 46px; padding-left: 42px; font: inherit; }
#runtimeSettings .runtime-search-hint { font-size: 14px; color: var(--settings-muted); margin: 0; }
#runtimeSettings .runtime-categories { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; border-bottom: 1px solid var(--settings-line); padding-bottom: 8px; }
#runtimeSettings .runtime-categories button { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; border: 1px solid transparent; border-radius: 6px; background: transparent; padding: 12px; text-align: left; color: var(--settings-muted); min-width: 0; }
#runtimeSettings .runtime-categories button > span { font-size: 16px; font-weight: 600; white-space: nowrap; }
#runtimeSettings .runtime-categories button > small { font-size: 13px; font-variant-numeric: tabular-nums; }
#runtimeSettings .runtime-categories button[aria-pressed="true"] { color: var(--settings-accent); background: #eaf3ee; border-color: #c9ded2; }
#runtimeSettings .runtime-categories button:hover:not(:disabled) { color: var(--settings-accent); border-color: #c9ded2; }
#runtimeSettings .runtime-status { min-height: 0; margin: 16px 0; font-size: 15px; overflow-wrap: anywhere; }
#runtimeSettings .runtime-status:empty { display: none; }
#runtimeSettings .runtime-section { margin: 24px 0; min-width: 0; }
#runtimeSettings .runtime-section > h3, #runtimeSettings .runtime-commerce > h3 { font-size: 22px; font-weight: 650; margin: 0 0 6px; }
#runtimeSettings .runtime-section-description { font-size: 14px; color: var(--settings-muted); margin: 0 0 20px; }
#runtimeSettings .runtime-group { border: 1px solid var(--settings-line); border-radius: 8px; margin: 16px 0; background: #fff; min-width: 0; }
#runtimeSettings .runtime-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; list-style: none; cursor: pointer; }
#runtimeSettings .runtime-group > summary::-webkit-details-marker { display: none; }
#runtimeSettings .runtime-group > summary > span { font-size: 18px; font-weight: 600; }
#runtimeSettings .runtime-group > summary > span::before { content: ""; display: inline-block; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); margin: 0 12px 2px 0; }
#runtimeSettings .runtime-group[open] > summary > span::before { transform: rotate(45deg); margin-bottom: 4px; }
#runtimeSettings .runtime-group > summary small { font-size: 13px; color: var(--settings-muted); white-space: nowrap; }
#runtimeSettings .runtime-group-description { border-top: 1px solid var(--settings-line); padding: 14px 22px 0; margin: 0; font-size: 14px; color: var(--settings-muted); }
#runtimeSettings .runtime-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px; padding: 20px 22px 24px; }
#runtimeSettings .runtime-field { min-width: 0; }
#runtimeSettings .runtime-field-wide { grid-column: 1 / -1; }
#runtimeSettings .runtime-form label, #runtimeSettings #creditSettings label { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: 16px; font-weight: 500; }
#runtimeSettings .runtime-form input, #runtimeSettings .runtime-form select, #runtimeSettings #creditSettings input { box-sizing: border-box; width: 100%; min-height: 46px; font-family: inherit; font-size: 16px; font-weight: 400; line-height: 1.5; padding: 10px 12px; border: 1px solid #b9cbc1; border-radius: 6px; background: #fff; color: var(--settings-ink); scroll-margin: 100px 0 160px; }
#runtimeSettings .runtime-form input:disabled, #runtimeSettings .runtime-form select:disabled, #runtimeSettings #creditSettings input:disabled { background: #f4f6f5; color: #57675f; opacity: 1; }
#runtimeSettings .runtime-field-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 8px; }
#runtimeSettings .runtime-source { font-size: 13px; color: var(--settings-muted); }
#runtimeSettings .runtime-effect { font-size: 12px; color: #68552e; background: #fff9ed; padding: 2px 7px; border-radius: 4px; }
#runtimeSettings .runtime-clear-secret { margin-left: auto; min-height: 30px; padding: 2px 8px; font-size: 13px; background: transparent; }
#runtimeSettings .runtime-field-details { font-size: 14px; color: var(--settings-muted); margin-top: 6px; }
#runtimeSettings .runtime-field-details > summary { cursor: pointer; font-size: 13px; }
#runtimeSettings .runtime-field-details > code { display: block; margin-top: 8px; font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
#runtimeSettings .runtime-field-details p { font-size: 14px; margin: 6px 0; }
#runtimeSettings .runtime-restart-note { background: #fff9ed; border: 1px solid #ddc697; border-radius: 6px; padding: 12px 16px; color: #68552e; overflow-wrap: anywhere; font-size: 14px; }
#runtimeSettings .runtime-save-bar { display: grid; grid-template-columns: minmax(180px, 1fr) auto; gap: 12px 24px; align-items: end; border: 1px solid var(--settings-line); border-radius: 8px; padding: 16px; background: var(--settings-surface); margin-top: 24px; }
#runtimeSettings .runtime-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#runtimeSettings .runtime-actions button { min-height: 44px; font-size: 15px; }
#runtimeSettings .runtime-change-hint { grid-column: 1 / -1; color: var(--settings-muted); font-size: 13px; }
#runtimeSettings .runtime-search-empty { padding: 24px; border: 1px dashed var(--settings-line); border-radius: 6px; font-size: 16px; color: var(--settings-muted); }
#runtimeSettings .runtime-publish-history, #runtimeSettings .runtime-credit-history { border-top: 1px solid var(--settings-line); margin: 28px 0 0; padding-top: 20px; }
#runtimeSettings .runtime-publish-history > summary, #runtimeSettings .runtime-credit-history > summary { font-size: 16px; font-weight: 550; cursor: pointer; }
#runtimeSettings .runtime-publish-history > summary small { margin-left: 12px; font-size: 13px; color: var(--settings-muted); }
#runtimeSettings .runtime-history { max-height: 440px; overflow-y: auto; overscroll-behavior: contain; }
#runtimeSettings .runtime-record { padding: 16px 0; border-bottom: 1px solid var(--settings-line); overflow-wrap: anywhere; }
#runtimeSettings .runtime-record p { margin: 6px 0; font-size: 15px; }
#runtimeSettings .runtime-record small { display: block; font-size: 13px; margin-bottom: 8px; }
#runtimeSettings .runtime-commerce { margin-top: 24px; }
#runtimeSettings #creditSettings { display: block; max-width: none; margin-top: 20px; }
#runtimeSettings .runtime-credit-group { border: 1px solid var(--settings-line); border-radius: 8px; background: #fff; margin: 16px 0; padding: 20px 22px; min-width: 0; }
#runtimeSettings .runtime-credit-group > legend { font-size: 18px; font-weight: 600; padding: 0 8px; }
#runtimeSettings .runtime-credit-group p { font-size: 14px; color: var(--settings-muted); margin: 0 0 16px; }
#runtimeSettings .runtime-credit-gift { max-width: 360px; }
#runtimeSettings .runtime-credit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }
#runtimeSettings :is(button,input,select,summary):focus-visible { outline: 3px solid #9dcebb; outline-offset: 3px; }
@media (max-width: 1100px) { #runtimeSettings .runtime-categories { display: flex; overflow-x: auto; overscroll-behavior-x: contain; } #runtimeSettings .runtime-categories button { flex: 0 0 auto; min-width: 128px; } #runtimeSettings .runtime-save-bar { grid-template-columns: minmax(0,1fr); position: static; } }
@media (max-width: 760px) { #runtimeSettings .runtime-grid, #runtimeSettings .runtime-credit-grid { grid-template-columns: minmax(0,1fr); gap: 20px; } #runtimeSettings .runtime-toolbar { align-items: stretch; flex-direction: column; gap: 10px; } #runtimeSettings .runtime-search { width: 100%; } #runtimeSettings .runtime-group > summary { padding: 16px; } #runtimeSettings .runtime-group-description { padding: 12px 16px 0; } #runtimeSettings .runtime-grid { padding: 16px; } #runtimeSettings .runtime-save-bar { padding: 14px; } #runtimeSettings .runtime-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; } #runtimeSettings .runtime-actions .commerce-primary { grid-column: 1 / -1; } #runtimeSettings .runtime-credit-group { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { #runtimeSettings * { scroll-behavior: auto; } }
.commerce-shell { --commerce-ink: #223b34; --commerce-muted: #687772; --commerce-line: #dce6e2; --commerce-bg: #f8fbf9; color: var(--commerce-ink); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.commerce-shell [hidden] { display: none !important; }
.account-menu-wrap { position: relative; flex-shrink: 0; }
.account-menu-wrap > button { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-menu-wrap > button[data-unread="true"]::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: 50%; background: #376c5b; }
.account-menu { position: absolute; top: calc(100% + 10px); right: 0; width: min(280px, calc(100vw - 24px)); padding: 6px; box-sizing: border-box; z-index: 50; border: 1px solid #dce6e2; border-radius: 10px; background: #fff; box-shadow: 0 12px 32px rgba(34,59,52,.14); }
.account-menu[hidden], .account-menu-item[hidden] { display: none !important; }
.account-menu .account-menu-item { display: grid; grid-template-columns: 24px minmax(0,1fr) 16px; align-items: center; gap: 12px; width: 100%; border: 0; background: transparent; padding: 12px; text-align: left; border-radius: 6px; font-size: 16px; font-weight: 500; }
.account-menu .account-menu-item:hover, .account-menu .account-menu-item:focus-visible { background: #eef4f0; }
.account-menu-icon svg { display: block; width: 22px; height: 22px; }
.account-menu-arrow { justify-self: end; font-size: 24px; line-height: 1; color: #687772; }
.account-menu-label { min-width: 0; }
.account-menu-meta { display: block; color: #687772; font-size: 12px; line-height: 1.5; }
.account-menu-meta:empty, .account-menu-feedback:empty { display: none; }
.account-menu .account-menu-logout { border-top: 1px solid #dce6e2; margin-top: 4px; border-radius: 0 0 6px 6px; }
.account-menu-feedback { margin: 8px 12px; font-size: 14px; overflow-wrap: anywhere; }
.account-help-dialog { box-sizing: border-box; width: min(580px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 28px; border: 1px solid #dce6e2; border-radius: 10px; background: #f8fbf9; }
.account-help-dialog::backdrop { background: rgba(15,27,24,.46); }
.account-help-dialog h2 { font-size: 24px; margin-top: 0; }
.account-help-dialog h3 { font-size: 18px; margin-bottom: 8px; }
.account-help-dialog p { font-size: 16px; }
.account-help-dialog a { display: block; margin-bottom: 18px; text-decoration: underline; }
@media (max-width: 600px) { .account-menu-wrap > button { max-width: min(175px, calc(100vw - 210px)); } }
.activity-dialog { width: min(740px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); box-sizing: border-box; padding: 24px; border: 1px solid #dce6e2; border-radius: 10px; background: #f8fbf9; }
.activity-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.activity-dialog::backdrop { background: rgba(15,27,24,.46); }
.activity-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.activity-dialog h2 { margin: 0; font-size: 24px; }
.activity-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.activity-body a { text-decoration: underline; text-underline-offset: 4px; }
.activity-body progress { width: min(75%, 320px); accent-color: #376c5b; }
.notification-preferences { margin: 12px 0 20px; padding: 16px; background: #fff; border: 1px solid #dce6e2; border-radius: 10px; }
.notification-preferences summary { cursor: pointer; color: #136653; font-weight: 650; }
.notification-preferences fieldset { margin: 16px 0; padding: 12px; border: 1px solid #dce6e2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.notification-preferences label { display: flex; align-items: flex-start; gap: 8px; }
.notification-preferences input[type=checkbox] { flex: 0 0 auto; width: 18px; height: 18px; accent-color: #136653; margin: 2px 0 0; }
.notification-preferences .commerce-actions { flex-wrap: wrap; }
@media (max-width: 500px) { .notification-preferences fieldset { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .activity-dialog { padding: 16px; } }
.commerce-page { max-width: 1100px; margin: 0 auto; padding: 32px 24px 60px; }
.commerce-page h1, .management-content h1 { font-size: 28px; margin: 0 0 12px; }
.orders-page { padding-top: 48px; }
.orders-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--commerce-line); }
.orders-heading p { margin: 0; font-size: 16px; }
.orders-wallet { display: grid; gap: 4px; padding: 16px 24px; border: 1px solid var(--commerce-line); border-radius: 8px; background: var(--commerce-bg); }
.orders-wallet span { color: var(--commerce-muted); font-size: 14px; }
.orders-wallet strong { font-size: 24px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.orders-page .commerce-card a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 600px) { .orders-heading { flex-direction: column; align-items: stretch; gap: 16px; } .orders-wallet { grid-template-columns: 1fr auto; align-items: center; padding: 12px 16px; } }
.commerce-card { background: #fff; border: 1px solid #dce6e2; border-radius: 8px; padding: 20px; margin: 14px 0; overflow-wrap: anywhere; min-width: 0; }
.commerce-card h3 { margin: 0 0 8px; font-size: 18px; }
.operations-layout { display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(320px, 1.2fr); gap: 24px; align-items: start; }
#operationsDetail { min-width: 0; max-height: 78dvh; overflow-y: auto; overscroll-behavior: contain; }
.operations-note-form { display: block; margin: 20px 0; }
.operations-note-form textarea { box-sizing: border-box; width: 100%; min-height: 96px; padding: 12px; border: 1px solid var(--commerce-line); border-radius: 6px; color: var(--commerce-ink); font: inherit; resize: vertical; }
@media (max-width: 1000px) { .operations-layout { grid-template-columns: minmax(0, 1fr); } #operationsDetail { max-height: none; } }
.commerce-card p { margin: 8px 0; }
.commerce-settlement { border-left: 2px solid #dce6e2; padding-left: 12px; margin: 12px 0; }
#siteContentForm { max-width: none; }
#siteContentForm textarea { width: 100%; box-sizing: border-box; font: inherit; line-height: 1.7; min-height: 130px; }
#siteContentForm .identity-legal-confirm { display: flex; align-items: flex-start; gap: 10px; }
#siteContentForm .identity-legal-confirm input { width: 20px; min-height: 20px; margin: 4px 0 0; flex: 0 0 20px; accent-color: #376c5b; }
#billingRecovery .billing-recovery-toggle { display: flex; align-items: center; gap: 10px; }
#billingRecovery .billing-recovery-toggle input { width: 20px; min-height: 20px; margin: 0; flex: 0 0 20px; accent-color: #376c5b; }
#billingRecovery .commerce-actions label { min-width: 0; max-width: 100%; }
#billingRecovery .commerce-actions input { box-sizing: border-box; max-width: 100%; }
.order-delivery-detail { margin-top: 16px; border-top: 1px solid #dce6e2; padding-top: 12px; }
.order-delivery-detail summary { cursor: pointer; font-size: 15px; }
.order-delivery-detail > div { max-height: 320px; overflow-y: auto; overflow-wrap: anywhere; }
.order-delivery-detail > div > div { padding: 8px 0; border-bottom: 1px solid #dce6e2; }
.workflow-files-dialog { width: min(880px, calc(100vw - 24px)); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid #dce6e2; border-radius: 12px; background: #f8fbf9; }
.workflow-files-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.workflow-files-dialog::backdrop { background: rgba(15,27,24,.46); }
.workflow-files-dialog header { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.workflow-files-dialog h2 { margin: 0; font-size: 24px; }
.workflow-files-dialog header p { margin: 8px 0; }
#workflowFilesList { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
#workflowFilesStatus { font-size: 14px; flex-shrink: 0; }
.workflow-files-dialog a { text-decoration: underline; text-underline-offset: 4px; }
.commerce-muted, .commerce-meta { color: #687772; font-size: 14px; line-height: 1.7; }
.commerce-error { color: #a33325; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow-y: auto; }
.commerce-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.commerce-shell button, .commerce-shell input, .commerce-shell select, .credits-confirm button { min-height: 42px; border: 1px solid #cedbd6; border-radius: 6px; padding: 8px 12px; background: #fff; color: #223b34; font: inherit; }
.commerce-shell button, .credits-confirm button { cursor: pointer; }
.commerce-shell button:disabled, .credits-confirm button:disabled { opacity: .55; cursor: not-allowed; }
.commerce-shell button:hover:not(:disabled), .credits-confirm button:hover:not(:disabled) { border-color: #376c5b; }
.commerce-shell :focus-visible, .credits-confirm :focus-visible { outline: 2px solid #376c5b; outline-offset: 3px; }
.commerce-shell .commerce-primary, .credits-confirm .commerce-primary { background: #376c5b; color: #fff; border-color: #376c5b; }
.credits-confirm { width: min(520px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow-y: auto; padding: 28px; border: 1px solid #dce6e2; border-radius: 12px; color: #223b34; background: #f8fbf9; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.credits-confirm::backdrop { background: rgba(15,27,24,.46); }
.task-funding-confirm .commerce-actions { position: sticky; bottom: -28px; background: #f8fbf9; padding: 12px 0; border-top: 1px solid #dce6e2; }
.task-funding-confirm details { margin: 12px 0; }
.task-funding-confirm summary { cursor: pointer; }
.task-funding-confirm .commerce-primary { flex: 1; }
.recharge-dialog label { display: grid; gap: 8px; margin-top: 24px; }
.recharge-dialog input { box-sizing: border-box; width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cedbd6; border-radius: 6px; font: inherit; background: #fff; color: #223b34; }
.recharge-dialog [hidden] { display: none !important; }
.after-sale-section { border-top: 1px solid #dce6e2; padding: 24px 0; margin-top: 24px; }
.after-sale-state { font-weight: 600; color: #245b49; border-left: 3px solid #83a998; padding-left: 12px; }
.after-sale-card p { overflow-wrap: anywhere; }
.after-sale-card details { margin-top: 16px; }
.after-sale-dialog label { display: grid; gap: 8px; }
.after-sale-dialog textarea { font: inherit; width: 100%; box-sizing: border-box; resize: vertical; padding: 10px; border: 1px solid #cedbd6; border-radius: 6px; color: #223b34; background: #fff; }
.after-sale-dialog [hidden] { display: none !important; }
.recharge-test-note { padding: 10px 14px; border: 1px solid #dfc997; background: #fff8e8; color: #70541a; border-radius: 6px; }
.credits-confirm h2 { margin: 0 0 12px; font-size: 24px; }
.credits-price { display: block; font-size: 32px; margin: 20px 0; font-variant-numeric: tabular-nums; }
.credits-confirm .checkout-original { margin: 16px 0 8px; font-size: 16px; color: #687772; font-variant-numeric: tabular-nums; }
.checkout-price-label { font-size: 15px; color: #687772; }
.checkout-price-label + .credits-price { margin: 0 0 16px; font-size: 42px; line-height: 1.2; color: #245b49; }
.credits-deduction { display: grid; gap: 12px; min-width: 0; margin: 16px 0; padding: 16px; border: 1px solid #cedbd6; border-radius: 6px; }
.credits-deduction legend { padding: 0 6px; font-weight: 600; }
.credits-deduction .credits-deduction-toggle { display: flex; gap: 10px; align-items: flex-start; }
.credits-deduction input[type="checkbox"] { width: 20px; height: 20px; min-height: 20px; flex-shrink: 0; margin: 4px 0 0; accent-color: #376c5b; }
.credits-deduction input[type="number"] { display: block; box-sizing: border-box; width: 100%; min-height: 42px; margin-top: 6px; padding: 8px 12px; border: 1px solid #cedbd6; border-radius: 6px; font: inherit; color: #223b34; background: #fff; }
.credits-deduction small { color: #687772; font-size: 14px; line-height: 1.6; }
.commerce-credit-breakdown { font-size: 15px; line-height: 1.7; color: #376c5b; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.commerce-input-summary { border: 1px solid #dce6e2; border-radius: 6px; padding: 14px; margin: 16px 0; }
.commerce-input-summary h3, .commerce-input-summary summary { font-size: 16px; font-weight: 600; margin: 0; }
.commerce-input-summary summary { cursor: pointer; }
.commerce-input-summary dl { display: grid; grid-template-columns: minmax(80px, .7fr) minmax(0, 1.3fr); gap: 8px 12px; margin: 12px 0 0; font-size: 15px; }
.commerce-input-summary dt { color: #61756d; }
.commerce-input-summary dd { margin: 0; overflow-wrap: anywhere; }
.finance-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 18px; margin: 24px 0; }
.finance-filters label { display: grid; gap: 6px; min-width: 0; }
.finance-filters input, .finance-filters select { box-sizing: border-box; width: 100%; min-width: 0; }
.finance-filters .commerce-actions { margin: 0; align-self: end; }
.finance-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--commerce-line); background: var(--commerce-bg); border-radius: 6px; margin-top: 24px; }
.finance-flow > div { display: grid; gap: 6px; padding: 20px; min-width: 0; }
.finance-flow > div + div { border-left: 1px solid var(--commerce-line); }
.finance-flow strong { font-size: 28px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.finance-flow small { color: var(--commerce-muted); font-size: 14px; }
.finance-attention[aria-pressed="true"] { background: #e7f1ec; border-color: #83a998; }
.finance-attention-label { padding-left: 12px; border-left: 3px solid #83a998; }
.finance-daily { border-top: 1px solid var(--commerce-line); border-bottom: 1px solid var(--commerce-line); padding: 16px 0; margin-top: 24px; }
.finance-daily summary { cursor: pointer; font-size: 16px; }
.finance-daily .commerce-table { font-size: 15px; font-variant-numeric: tabular-nums; }
@media (max-width: 1000px) { .finance-filters { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) { .finance-filters, .finance-flow { grid-template-columns: minmax(0,1fr); } .finance-flow > div + div { border-left: 0; border-top: 1px solid var(--commerce-line); } }
.management-layout { display: grid; grid-template-columns: 200px minmax(0,1fr); max-width: 1500px; margin: 0 auto; min-height: calc(100dvh - 76px); }
.management-sidebar { padding: 28px 18px; border-right: 1px solid #dce6e2; background: #f8fbf9; }
.management-sidebar button { display: block; width: 100%; text-align: left; margin-bottom: 10px; scroll-margin-top: 90px; }
.management-sidebar button[aria-selected="true"] { background: #e7f1ec; border-color: #83a998; font-weight: 600; }
.management-content { min-width: 0; padding: 28px; }
.management-content iframe { display: block; width: 100%; height: max(640px, calc(100dvh - 210px)); border: 0; }
.commerce-form { display: grid; gap: 12px; max-width: 680px; margin-top: 20px; }
.commerce-form label { display: grid; gap: 6px; }
.commerce-form input, .commerce-form select { width: 100%; box-sizing: border-box; min-width: 0; }
.commerce-table-wrap { overflow-x: auto; }
.commerce-table { border-collapse: collapse; width: 100%; font-size: 14px; }
.commerce-table th, .commerce-table td { border-bottom: 1px solid #dce6e2; padding: 12px; text-align: left; vertical-align: top; }
.commerce-table td:last-child { min-width: 160px; overflow-wrap: anywhere; }
.audit-embedded > .site-header { display: none; }
.audit-embedded .admin-page { max-width: none; padding: 8px; margin: 0; }
@media (max-width: 720px) { .management-layout { grid-template-columns: minmax(0,1fr); } .management-sidebar { display: flex; gap: 8px; overflow-x: auto; padding: 12px; border-right: 0; } .management-sidebar button { width: auto; flex: 0 0 auto; margin: 0; } .management-content { padding: 20px 12px; } .commerce-page { padding: 24px 12px; } }

/* User-centred evidence trail; inherits the management centre's palette. */
.customer-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 24px; }
.customer-list { display: grid; gap: 8px; max-height: 75dvh; overflow-y: auto; padding: 4px; }
.commerce-shell .customer-select { display: grid; gap: 6px; text-align: left; padding: 16px; min-width: 0; overflow-wrap: anywhere; }
#customerSearch { width: min(320px, 100%); min-width: 0; box-sizing: border-box; }
.customer-select strong { font-size: 18px; }
.customer-select span { font-size: 14px; color: var(--commerce-muted); }
.customer-select code, .customer-id { font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.commerce-shell .customer-select[aria-pressed="true"] { border-color: #376c5b; background: #eef5f1; box-shadow: inset 3px 0 #376c5b; }
.customer-detail { min-width: 0; padding: 0 4px; }
.customer-detail h2 { margin: 0 0 8px; font-size: 24px; }
.customer-detail p { margin: 8px 0; overflow-wrap: anywhere; }
.customer-value { display: block; color: var(--commerce-ink); overflow-wrap: anywhere; }
.customer-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-block: 1px solid var(--commerce-line); margin: 20px 0; }
.customer-metrics > div { padding: 16px 12px 16px 0; display: grid; gap: 6px; }
.customer-metrics strong { font-size: 25px; font-variant-numeric: tabular-nums; }
.customer-metrics small { color: var(--commerce-muted); font-size: 13px; }
.customer-coverage { padding: 14px 16px; background: var(--commerce-bg); border-left: 3px solid var(--commerce-line); font-size: 14px; color: var(--commerce-muted); }
.customer-filters { display: flex; flex-wrap: wrap; gap: 12px; padding-block: 16px; }
.customer-filters label { display: grid; gap: 4px; font-size: 14px; min-width: 0; flex: 1 1 180px; }
.customer-filters input, .customer-filters select { min-width: 0; width: 100%; box-sizing: border-box; }
.customer-filters button { align-self: end; }
.customer-timeline { list-style: none; margin: 16px 0; padding: 0 0 0 18px; border-left: 1px solid var(--commerce-line); }
.customer-event { position: relative; padding: 0 0 24px 10px; margin-bottom: 24px; border-bottom: 1px solid var(--commerce-line); overflow-wrap: anywhere; }
.customer-event::before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; left: -23px; top: 8px; background: #376c5b; border: 2px solid #fff; }
.customer-event-heading { display: flex; gap: 8px 20px; justify-content: space-between; flex-wrap: wrap; }
.customer-event-heading strong { font-size: 17px; }
.customer-event time { color: var(--commerce-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.customer-event a { display: inline-block; margin-top: 12px; text-decoration: underline; text-underline-offset: 4px; }
#customerStatus { overflow-wrap: anywhere; }
@media (max-width: 1050px) { .customer-layout { grid-template-columns: minmax(0, 1fr); } .customer-list { max-height: 310px; } }
@media (max-width: 480px) { .customer-metrics { grid-template-columns: minmax(0, 1fr); } .customer-filters button { width: 100%; } }

.analytics-metrics { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-block: 1px solid var(--commerce-line); margin: 24px 0; }
[data-management-panel="overview"] { scroll-margin-top: 100px; }
.analytics-metrics > div { display: grid; gap: 8px; padding: 20px 16px 20px 0; }
.analytics-metrics strong { font-size: 28px; font-variant-numeric: tabular-nums; }
.analytics-metrics small, .analytics-funnel-step small { color: var(--commerce-muted); font-size: 14px; }
.analytics-funnel { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.analytics-funnel-step { display: grid; gap: 12px; }
.analytics-funnel-step strong { font-size: 24px; }
.analytics-track { height: 8px; background: var(--commerce-line); }
.analytics-track span { display: block; height: 100%; background: #376c5b; }
.analytics-columns { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
.analytics-columns > div { min-width: 0; }
#analyticsDaily { max-height: 410px; overflow-y: auto; }
#analyticsResults > h2 { margin-top: 36px; font-size: 24px; }
#analyticsSettingsForm label:first-child { display: flex; align-items: center; gap: 12px; }
#analyticsSettingsForm input[type="checkbox"] { width: 20px; }
.analytics-preference { margin-top: 24px; padding-top: 20px; border-top: 1px solid #dce6e2; color: #223b34; }
.analytics-preference[hidden] { display: none; }
.analytics-preference h3 { font-size: 18px; }
.analytics-preference p { font-size: 14px; line-height: 1.7; color: #687772; }
.analytics-preference-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.analytics-preference button { padding: 10px 12px; font: inherit; font-size: 14px; border: 1px solid #cedbd6; border-radius: 6px; background: #fff; color: #223b34; cursor: pointer; }
.analytics-preference button:disabled { opacity: .55; cursor: not-allowed; }
.analytics-preference button:focus-visible { outline: 2px solid #376c5b; outline-offset: 3px; }
.analytics-test-form { padding-block: 16px; border-block: 1px solid var(--commerce-line); }
.analytics-test-form label { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.analytics-test-form input[type="text"] { width: min(100%,320px); box-sizing: border-box; }
@media (max-width: 1000px) { .analytics-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .analytics-columns { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 600px) { .analytics-funnel { grid-template-columns: repeat(2,minmax(0,1fr)); } .analytics-metrics { grid-template-columns: minmax(0,1fr); } }
.identity-status-form { display: grid; gap: 12px; padding-block: 16px; border-block: 1px solid var(--commerce-line); }
.identity-status-form input { min-width: 0; width: 100%; box-sizing: border-box; }
#identityRegistrationForm label:first-child { display: flex; align-items: center; gap: 12px; cursor: pointer; }
#identityRegistrationForm input[type="checkbox"] { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; accent-color: #376c5b; }
#identityAdminHistory p { overflow-wrap: anywhere; }
[data-management-panel="security"] { scroll-margin-top: 100px; }
.identity-legal-card { margin-block: 24px; padding: 24px; border: 1px solid var(--commerce-line); border-radius: 12px; background: var(--commerce-card, #fff); }
.identity-legal-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.identity-legal-heading h2 { margin-top: 0; }
.identity-legal-badge { background: #edf5f1; color: #376c5b; padding: 6px 12px; border-radius: 6px; font-size: 14px; white-space: nowrap; }
#identityLegalForm { display: grid; gap: 18px; }
#identityLegalForm label { display: grid; gap: 8px; min-width: 0; }
#identityLegalForm input:not([type="checkbox"]), #identityLegalForm textarea { box-sizing: border-box; width: 100%; min-width: 0; font: inherit; }
#identityLegalForm textarea { padding: 14px; border: 1px solid var(--commerce-line); border-radius: 8px; color: inherit; background: #fff; font-size: 16px; line-height: 1.75; resize: vertical; min-height: 220px; }
.identity-legal-editors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.identity-legal-publish { display: grid; gap: 16px; padding-top: 16px; border-top: 1px solid var(--commerce-line); }
#identityLegalForm .identity-legal-confirm { display: flex; align-items: flex-start; gap: 10px; line-height: 1.6; }
#identityLegalConfirmed { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; accent-color: #376c5b; margin-top: 3px; }
.identity-legal-publish button { justify-self: start; }
.identity-legal-version { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 14px 0; border-bottom: 1px solid var(--commerce-line); overflow-wrap: anywhere; }
.identity-legal-history { max-height: 320px; overflow: auto; overflow-wrap: anywhere; }
.identity-legal-preview { width: min(840px, calc(100vw - 40px)); max-height: 85dvh; box-sizing: border-box; overflow: auto; border: 1px solid var(--commerce-line); border-radius: 12px; padding: 24px; color: #203b32; }
.identity-legal-preview::backdrop { background: rgb(20 40 32 / 40%); }
.identity-legal-preview > .identity-legal-heading { position: sticky; top: -24px; padding-block: 12px; background: #fff; }
.identity-legal-line { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; }
.identity-registration-history summary, .identity-legal-card summary { cursor: pointer; padding-block: 16px; }
#identityLegalStatus { overflow-wrap: anywhere; }
.wechat-notice-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 28px; }
#wechatTaskForm, #wechatTaskFields { display: grid; gap: 16px; min-width: 0; }
#wechatTaskFields fieldset { display: grid; gap: 12px; min-width: 0; padding: 16px; border: 1px solid var(--commerce-line); border-radius: 8px; }
#wechatTaskForm label { display: grid; gap: 8px; min-width: 0; }
#wechatTaskForm .wechat-notice-toggle { display: flex; align-items: center; gap: 10px; }
#wechatTaskForm input:not([type="checkbox"]) { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
#wechatTaskForm > button { justify-self: start; }
#wechatTaskRecords .commerce-table { min-width: 760px; }
#wechatTaskRecords td { vertical-align: top; overflow-wrap: anywhere; max-width: 320px; }
#wechatTaskStatus, #wechatTaskHistory { overflow-wrap: anywhere; }
#wechatNoticeForm { display: grid; gap: 16px; min-width: 0; }
#wechatNoticeForm label { display: grid; gap: 8px; min-width: 0; }
#wechatNoticeForm .wechat-notice-toggle { display: flex; align-items: center; gap: 10px; }
.wechat-notice-toggle input { flex: 0 0 20px; width: 20px; height: 20px; min-height: 20px; accent-color: #376c5b; }
#wechatNoticeForm input:not([type="checkbox"]), #wechatNoticeTemplate { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
#wechatNoticeTemplate { resize: vertical; padding: 14px; line-height: 1.7; border: 1px solid var(--commerce-line); border-radius: 8px; color: inherit; }
#wechatNoticeForm > button { justify-self: start; }
.wechat-notice-preview { min-width: 0; align-self: start; background: var(--commerce-bg); border: 1px solid var(--commerce-line); border-radius: 8px; padding: 20px; }
.wechat-notice-message { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 16px; line-height: 1.8; margin-block: 12px; max-width: 100%; }
.wechat-notice-state { display: inline-block; padding: 3px 8px; background: var(--commerce-bg); border-radius: 4px; white-space: nowrap; }
.wechat-notice-sent { color: #376c5b; }
.wechat-notice-failed, .wechat-notice-unknown { color: #8c4c30; }
#wechatNoticeRecords .commerce-table { min-width: 660px; }
#wechatNoticeRecords .commerce-table td { vertical-align: top; }
#wechatNoticeRecords .commerce-table small { display: block; max-width: 180px; overflow-wrap: anywhere; }
#wechatNoticeStatus, #wechatNoticeVariables, #wechatNoticePreviewState { overflow-wrap: anywhere; }
@media (max-width: 900px) { .wechat-notice-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; } }
@media (max-width: 900px) { .identity-legal-editors { grid-template-columns: minmax(0, 1fr); } .identity-legal-card { padding: 16px; } }
/* A document desk within the existing management shell, not a second admin app. */
.site-content-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.site-content-intro > div { min-width: 0; }
#siteContentRole { max-width: 100%; white-space: normal; overflow-wrap: anywhere; flex-shrink: 0; }
.site-content-intro h1 { margin: 6px 0 10px; font-size: 30px; }
.site-content-intro p { max-width: 740px; margin: 0; font-size: 16px; line-height: 1.75; }
.site-content-eyebrow { margin: 0 0 6px; color: #64776e; font-size: 13px; font-weight: 600; }
.site-content-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 24px; align-items: start; }
.site-content-library { position: sticky; top: 96px; padding: 18px 14px; border: 1px solid #dce7e1; border-radius: 8px; background: #f5f9f6; }
.site-content-library h3 { margin: 6px 8px 10px; color: #64776e; font-size: 13px; font-weight: 600; }
.site-content-library section + section { padding-top: 18px; margin-top: 18px; border-top: 1px solid #dce7e1; }
.site-content-library button { width: 100%; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; margin: 4px 0; padding: 11px 10px; background: transparent; border: 1px solid transparent; border-radius: 6px; color: #203b32; text-align: left; white-space: normal; line-height: 1.5; }
.site-content-library button span { font-size: 15px; font-weight: 550; }
.site-content-library button small { color: #64776e; font-size: 12px; }
.site-content-library button:hover { background: #edf5f0; border-color: #c7dbd0; }
.site-content-library button[aria-pressed="true"] { border-color: #9ac3af; border-left: 3px solid #056347; padding-left: 8px; background: #e8f2ec; color: #056347; }
.site-content-library > p { margin: 20px 8px 4px; line-height: 1.7; }
.site-content-editor { min-width: 0; padding: 28px; border: 1px solid #dce7e1; border-radius: 8px; background: #fff; overflow-wrap: anywhere; }
.site-content-editor-heading { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid #e2ece5; }
.site-content-editor-heading h2 { margin: 0 0 8px; font-size: 24px; line-height: 1.5; }
.site-content-editor-heading p { margin: 0 0 5px; }
.site-content-editor-heading .commerce-actions { margin: 0; }
.site-content-editor-heading a { color: #056347; font-size: 14px; text-underline-offset: 4px; }
.site-content-state { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.site-content-state p { margin: 0; flex: 1 1 260px; font-size: 14px; line-height: 1.7; }
.site-content-notice { padding: 16px 18px; margin: 18px 0 24px; border-left: 3px solid #8ab89f; border-radius: 0 6px 6px 0; background: #f2f7f4; font-size: 15px; line-height: 1.75; }
.site-content-notice p { margin: 8px 0; }
.site-content-metadata { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(0,1.3fr); gap: 18px; }
#siteContentForm { display: grid; gap: 20px; }
#siteContentForm label { min-width: 0; }
#siteContentForm :is(input:not([type="checkbox"]),textarea) { width: 100%; box-sizing: border-box; min-width: 0; padding: 12px; border: 1px solid #cbdcd2; border-radius: 6px; font: inherit; font-size: 16px; line-height: 1.7; color: #203b32; }
#siteContentForm input[readonly] { background: #f4f8f6; color: #64776e; }
#siteContentForm #siteContentBody { min-height: 400px; resize: vertical; }
.site-content-format-help { margin-top: 10px; }
.site-content-format-help summary, .site-content-history > summary { cursor: pointer; color: #536e60; font-size: 14px; line-height: 1.7; }
.site-content-publish { display: grid; gap: 16px; margin-top: 4px; padding-top: 22px; border-top: 1px solid #dce7e1; }
.site-content-publish-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 12px; }
.site-content-publish-actions > span { margin-right: auto; }
.site-content-history { margin-top: 24px; padding-top: 20px; border-top: 1px solid #dce7e1; }
.site-content-history .commerce-actions { padding-top: 16px; }
.site-content-history .commerce-actions label { min-width: 0; max-width: 100%; }
.site-content-history select { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.site-content-editor button { max-width: 100%; white-space: normal; }
#siteContentStatus { overflow-wrap: anywhere; line-height: 1.75; }
.site-content-mobile-picker { display: none; }
.site-content-review section { margin: 20px 0; padding-top: 20px; border-top: 1px solid #dce7e1; }
.site-content-review h2 { overflow-wrap: anywhere; }
.site-content-review .site-content-review-confirm { display: flex; gap: 10px; align-items: flex-start; line-height: 1.7; }
.site-content-review-confirm input { flex: 0 0 20px; width: 20px; min-height: 20px; margin: 4px 0 0; accent-color: #376c5b; }
.site-content-review .site-content-review-actions { position: sticky; bottom: -24px; padding: 16px 0; background: #fff; }
[data-management-panel="content"] [hidden], .site-content-review [hidden] { display: none !important; }
.site-content-library button:focus-visible { outline: 3px solid #3d9b79; outline-offset: 2px; }
@media(max-width:1160px) { .site-content-layout { grid-template-columns: 205px minmax(0,1fr); gap: 16px; } .site-content-editor { padding: 22px; } }
@media(max-width:900px) { .site-content-layout { grid-template-columns: minmax(0,1fr); } .site-content-library { display: none; } .site-content-mobile-picker { display: block; margin-bottom: 18px; } .site-content-mobile-picker select { width: 100%; min-width: 0; padding: 12px; font-size: 16px; } .site-content-intro { flex-wrap: wrap; gap: 12px; } }
@media(max-width:600px) { .site-content-editor { padding: 18px 14px; } .site-content-intro h1 { font-size: 27px; } .site-content-editor-heading h2 { font-size: 22px; } .site-content-metadata { grid-template-columns: minmax(0,1fr); } .site-content-publish-actions { justify-content: stretch; } .site-content-publish-actions > span { flex-basis: 100%; } .site-content-publish-actions button { flex: 1 1 140px; } }
/* Audit is a ledger: business tabs, four account columns, then drill-down. */
.audit-dashboard { --audit-ink: #223b34; --audit-accent: #0f7259; --audit-line: #d3e1da; --audit-paper: #f8fbf9; color: var(--audit-ink); font-size: 16px; }
.audit-dashboard [hidden] { display: none !important; }
.audit-dashboard .admin-page-hero h1 { font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; }
.audit-dashboard p { line-height: 1.65; }
.audit-business-switch, .audit-view-switch { display: flex; gap: 6px; flex-wrap: wrap; padding: 6px; border: 1px solid var(--audit-line); background: var(--audit-paper); border-radius: 10px; margin: 16px 0 24px; }
.audit-dashboard .audit-business-switch button, .audit-dashboard .audit-view-switch button { background: transparent; color: var(--audit-ink); padding: 12px 20px; border: 0; border-radius: 6px; font-size: 16px; cursor: pointer; }
.audit-dashboard .audit-business-switch button[aria-pressed=true] { background: var(--audit-accent); color: white; }
.audit-dashboard .audit-view-switch { border-width: 0 0 1px; border-radius: 0; background: transparent; padding: 0; gap: 24px; }
.audit-dashboard .audit-view-switch button { border-radius: 0; border-bottom: 3px solid transparent; padding: 12px 2px; }
.audit-dashboard .audit-view-switch button[aria-pressed=true] { color: var(--audit-accent); border-bottom-color: var(--audit-accent); font-weight: 700; }
.audit-dashboard button:focus-visible { outline: 3px solid #70bba6; outline-offset: 3px; }
.audit-account-section { margin: 24px 0; }
.audit-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.audit-section-heading h2 { margin: 0; font-size: 20px; }
.audit-section-heading button { color: var(--audit-accent); border: 1px solid var(--audit-line); border-radius: 6px; background: white; padding: 8px 14px; cursor: pointer; }
.audit-account-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.audit-account-card { background: white; border: 1px solid var(--audit-line); border-top: 3px solid var(--audit-accent); border-radius: 6px; padding: 18px; min-width: 0; }
.audit-account-card strong { display: block; font: 600 27px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: -.04em; margin: 8px 0; overflow-wrap: anywhere; }
.audit-account-card small { display: block; color: #5b746b; line-height: 1.6; }
.audit-account-card.is-inactive { opacity: .55; }
.audit-dashboard .admin-page-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.audit-dashboard .admin-page-metric { background: var(--audit-paper); border: 1px solid var(--audit-line); border-radius: 6px; padding: 16px; }
.audit-dashboard .admin-page-metric strong { font-variant-numeric: tabular-nums; font-size: 23px; }
.audit-dashboard .admin-page-metric span, .audit-dashboard .admin-page-status { font-size: 14px; }
.audit-dashboard .admin-page-panel { box-shadow: none; border: 1px solid var(--audit-line); border-radius: 8px; }
.audit-dashboard .admin-page-list, .audit-dashboard .admin-page-ops { max-height: 720px; overflow: auto; overscroll-behavior: contain; }
.audit-dashboard .admin-page-op { border-left: 3px solid var(--audit-line); }
.audit-dashboard .admin-page-op.error, .audit-dashboard .admin-page-op.interrupted { border-left-color: #ba5748; }
.audit-dashboard .admin-page-op.pending { border-left-color: #a88033; }
.audit-dashboard .admin-page-op span, .audit-dashboard .admin-page-job span { overflow-wrap: anywhere; line-height: 1.6; }
.audit-dashboard pre { font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.audit-child-tasks { margin: 0 0 16px 12px; padding: 12px; border-left: 2px solid var(--audit-accent); background: var(--audit-paper); }
.audit-child-tasks summary { cursor: pointer; line-height: 1.6; font-size: 14px; margin-bottom: 8px; }
.audit-stage-chain { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.audit-stage-chain button,.audit-stage-chain a { font:inherit; font-size:14px; color:var(--audit-accent); background:var(--audit-paper); border:1px solid var(--audit-line); border-radius:6px; padding:8px 12px; cursor:pointer; text-decoration:none; }
.audit-monitor-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.audit-monitor-grid article { border:1px solid var(--audit-line); padding:16px; background:var(--audit-paper); border-radius:6px; }
.audit-monitor-grid strong { display:block; font:600 24px/1.8 ui-monospace,monospace; overflow-wrap:anywhere; }
.audit-monitor-grid small { color:#5b746b; }
.audit-data-table { width:100%; min-width:640px; border-collapse:collapse; font-size:14px; }
.audit-data-table th,.audit-data-table td { padding:10px; text-align:left; border-bottom:1px solid var(--audit-line); }
.audit-table-scroll { overflow:auto; max-width:100%; }
@media(max-width:800px) { .audit-monitor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width: 1000px) { .audit-account-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px) { .audit-dashboard .admin-page-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .audit-account-grid { grid-template-columns: 1fr; } .audit-business-switch button { flex: 1 1 40%; } .audit-view-switch { gap: 16px; } .audit-dashboard .admin-page-metric strong { font-size: 20px; } }
.management-v2 { --admin-green:#136653; --admin-ink:#203831; --admin-muted:#71847e; --admin-bg:#f3f7f5; background:var(--admin-bg); color:var(--admin-ink); }
.management-v2 .management-layout { display:grid; grid-template-columns:214px minmax(0,1fr); max-width:1680px; margin:24px auto; gap:24px; padding:0 24px; align-items:start; }
.management-v2 .management-layout[hidden], .management-v2 [hidden] { display:none!important; }
.management-v2 .management-sidebar { position:sticky; top:96px; max-height:calc(100vh - 116px); overflow:auto; display:block; padding:18px 12px; background:#fff; border:1px solid #dce7e1; border-radius:16px; }
.management-brand-label { padding:4px 12px 16px; font-size:19px; font-weight:700; letter-spacing:.04em; }
.management-brand-label span { display:block; margin-top:6px; font:11px ui-monospace,SFMono-Regular,monospace; letter-spacing:.07em; color:#71847e; }
.management-nav-group + .management-nav-group { margin-top:16px; border-top:1px solid #e4ece8; padding-top:10px; }
.management-nav-group>p { margin:8px 12px; color:#71847e; font-size:11px; font-weight:650; letter-spacing:.1em; }
.management-v2 .management-sidebar button { display:block; width:100%; margin:3px 0; padding:11px 12px; border:0; border-radius:8px; text-align:left; font-size:14px; font-weight:500; background:transparent; color:#203831; cursor:pointer; }
.management-v2 .management-sidebar button[aria-selected="true"] { background:#e5f2ec; color:#136653; box-shadow:inset 3px 0 #136653; font-weight:700; }
.management-v2 .management-sidebar button:hover { background:#f0f5f2; }
.management-v2 .management-content { min-width:0; background:#fff; border:1px solid #dce7e1; border-radius:16px; padding:28px; box-shadow:0 5px 24px #20383105; }
.management-v2 h1 { font-family:Georgia,"Songti SC","Noto Serif CJK SC",serif; letter-spacing:.02em; font-size:28px; margin:0 0 12px; }
.management-v2 h2 { font-size:19px; margin:28px 0 14px; }
.management-v2 .commerce-muted { color:#71847e; line-height:1.7; }
.management-v2 .analytics-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
@media(max-width:1200px) { .management-v2 .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .management-v2 .analytics-metrics { grid-template-columns:minmax(0,1fr); } }
.management-v2 .analytics-metrics>div { border-radius:10px; box-shadow:none; border:1px solid #e1eae5; border-top:3px solid #136653; padding:16px; }
.management-v2 .analytics-metrics strong { font:650 27px ui-monospace,SFMono-Regular,monospace; font-variant-numeric:tabular-nums; }
.management-v2 .commerce-table { font-variant-numeric:tabular-nums; }
.management-v2 .commerce-table th { background:#f3f7f5; font-weight:600; }
.management-v2 .customer-filters { padding:16px; border-radius:10px; background:#f3f7f5; }
.management-v2 button:focus-visible, .admin-access-dialog button:focus-visible { outline:3px solid #49769b; outline-offset:3px; }
.management-chart { min-width:0; border:1px solid #e0e9e4; border-radius:10px; padding:12px; margin:12px 0; background:#fff; overflow:auto; }
.management-chart svg { display:block; width:100%; min-width:360px; height:auto; max-height:660px; }
.chart-grid { stroke:#e4ece8; stroke-width:1; }
.admin-page-trend-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-page-trend-columns>div { min-width:0; }
.admin-page-trend-columns .audit-chart-wide { grid-column:1/-1; }
.admin-page-trend-columns summary { cursor:pointer; color:#136653; font-size:13px; padding:8px 0; }
@media(max-width:760px) { .admin-page-trend-columns { grid-template-columns:minmax(0,1fr); } }
.chart-label { fill:#71847e; font:12px ui-monospace,"PingFang SC",sans-serif; }
.chart-series-0 { fill:#136653; }.chart-series-1 { fill:#49769b; }.chart-series-2 { fill:#b94c48; }
.chart-series:focus { stroke:#203831; stroke-width:2; outline:none; }
.chart-legend { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; margin:8px; color:#71847e; }
.chart-key:before { content:""; display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:7px; background:#136653; }
.chart-key-1:before { background:#49769b; }.chart-key-2:before { background:#b94c48; }
.wechat-task-policy { padding:14px; border:1px solid #dce7e1; border-radius:10px; margin-bottom:18px; min-width:0; }
.wechat-task-policy table { min-width:0; width:100%; font-size:13px; }.wechat-task-policy input[type=checkbox] { width:18px; min-height:18px; }
.wechat-task-policy .commerce-table { table-layout:fixed; }
.wechat-task-policy .commerce-table th, .wechat-task-policy .commerce-table td { min-width:0; padding:9px 6px; white-space:normal; overflow-wrap:anywhere; }
.wechat-task-policy .commerce-table th:first-child { width:58%; }
.admin-access-dialog { width:min(680px,calc(100vw - 32px)); max-height:85vh; overflow:auto; border:1px solid #dce7e1; border-radius:16px; padding:24px; box-sizing:border-box; }
.admin-access-dialog::backdrop { background:#20383165; }.admin-access-dialog p { font-size:14px; line-height:1.7; }
.admin-access-heading { position:sticky; top:-24px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; padding:16px 0; z-index:1; }
.admin-access-heading h2 { margin:0; font-size:20px; }.admin-access-heading button { flex-shrink:0; font-size:22px; min-width:40px; }
.management-v2:has(.admin-access-dialog[open]) { overflow:hidden; }
.admin-access-dialog fieldset { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; padding:16px; border:1px solid #dce7e1; border-radius:10px; }
.admin-access-dialog fieldset label { display:flex; align-items:center; gap:8px; font-size:14px; }.admin-access-dialog input[type=checkbox] { width:18px; min-height:18px; flex-shrink:0; }
.admin-access-dialog form>label { display:grid; gap:8px; margin-bottom:16px; }
.admin-access-dialog .admin-access-sensitive { grid-column:1/-1; border-top:1px solid #dce7e1; padding-top:14px; color:#8b493b; }
@media(max-width:900px) { .management-v2 .management-layout { grid-template-columns:170px minmax(0,1fr); padding:0 12px; gap:12px; }.management-v2 .management-content { padding:18px; } }
@media(max-width:650px) { .management-v2 .management-layout { display:block; margin:12px auto; }.management-v2 .management-sidebar { position:static; max-height:240px; margin-bottom:14px; }.management-brand-label { padding:4px 8px 10px; }.management-nav-group { display:flex; flex-wrap:wrap; gap:4px; }.management-nav-group>p { width:100%; margin:4px; }.management-v2 .management-sidebar button { width:auto; font-size:13px; padding:8px 10px; }.management-nav-group + .management-nav-group { margin-top:8px; padding-top:6px; }.management-v2 .management-content { padding:16px; }.management-v2 h1 { font-size:24px; }.management-chart svg { min-width:340px; }.admin-access-dialog fieldset { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .management-v2 * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }