@import url('./server-chat.css');
@import url('./auth-integrations-ui.css');
@import url('./telegram-bot-ui.css');
/* Service-backed pages only. The original prototype never loads this stylesheet. */
.server-app .demo-tools-wrap { display: none; }
.server-app .platform-strip > div { justify-content: space-between; gap: 12px; }
.server-environment { font-weight: 650; }
.server-app .server-page { max-width: 1120px; margin: 40px auto 64px; }
.server-app .server-login { max-width: 480px; margin: 48px auto 80px; }
.server-app .page-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
.server-app .page-head h1 { margin: 0 0 10px; overflow-wrap: anywhere; }
.server-app .page-head p { margin: 0; color: var(--muted); }
.server-app .server-login .page-head { display: block; }
.server-app .server-login > .notice { margin-bottom: 20px; }
.server-password-field { display: flex; flex-direction: column; gap: 8px; }
.server-password { display: flex; align-items: stretch; gap: 8px; }
.server-password input { flex: 1; min-width: 0; }
.server-password .btn { flex-shrink: 0; min-width: 64px; }
.server-auth-links { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.server-auth-links a { display: inline-flex; align-items: center; min-height: 44px; }
.server-app form.stack { display: flex; flex-direction: column; gap: 18px; }
.server-app .server-page label,.server-app .server-login label { display: flex; flex-direction: column; gap: 8px; font-size: .9375rem; }
.server-app .server-page input,.server-app .server-page textarea,.server-app .server-page select,.server-app .server-login input { width: 100%; max-width: 100%; min-width: 0; }
.server-app .server-page .check-label { flex-direction: row; align-items: flex-start; font-size: .875rem; line-height: 1.7; }
.server-app .check-label input { width: 18px; min-width: 18px; height: 18px; margin-top: 4px; }
.server-app textarea { resize: vertical; }
.server-app .form-error[hidden] { display: none; }
.server-app .form-error { overflow-wrap: anywhere; }
.server-app .server-cli,.server-app .server-share { margin: 24px 0; padding: 20px 0; border-block: 1px solid var(--line); }
.server-app summary { cursor: pointer; min-height: 36px; }
.server-app code { overflow-wrap: anywhere; word-break: break-word; white-space: normal; }
.server-back { display: inline-flex; align-items: center; min-height: 44px; }
.server-balances { display: flex; gap: 64px; padding: 28px 0; border-block: 1px solid var(--line); margin-bottom: 24px; }
.server-balances > div { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.server-balances > div > span { font-size: .875rem; color: var(--muted); }
.server-balances strong { font-size: 2rem; font-weight: 650; overflow-wrap: anywhere; }
.server-section { padding: 24px 0; margin: 16px 0 24px; border-bottom: 1px solid var(--line); }
.server-inline { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; }
.server-inline .form-error { flex-basis: 100%; }
.server-create-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 64px; }
.server-create-summary { border-left: 1px solid var(--line); padding-left: 28px; }
.server-create-summary h2 { font-size: 1.125rem; margin-top: 0; }
.server-app dl { margin: 20px 0; }
.server-app dt { color: var(--muted); font-size: .8125rem; margin-top: 16px; }
.server-app dd { margin: 5px 0 0; font-size: .9375rem; overflow-wrap: anywhere; }
.server-create-summary p { font-size: .875rem; color: var(--muted); }
.server-tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--line); }
.server-tabs a { padding: 14px 0; color: var(--muted); font-size: .9375rem; }
.server-tabs a[aria-current] { color: var(--ink); border-bottom: 3px solid var(--pro-yellow); font-weight: 650; }
.server-tabs span { font-size: .75rem; }
.server-tabs button { border: 0; background: transparent; padding: 14px 0; color: var(--ink); font: inherit; font-size: .9375rem; min-height: 44px; cursor: pointer; }
.server-order-row { display: grid; grid-template-columns: minmax(0, 1fr) 160px 170px 150px; gap: 24px; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--line); color: var(--ink); }
.server-order-row > div { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.server-order-row > div > span,.server-order-row time { color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
.server-order-row strong { font-weight: 600; overflow-wrap: anywhere; }
.server-order-row:hover { background: var(--surface); }
.server-home-orders { max-height: 540px; overflow-y: auto; }
.server-home-orders .server-order-row { grid-template-columns: minmax(0, 1fr) 110px; gap: 12px; }
.server-order-status { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; background: var(--surface); padding: 28px; border-radius: 10px; }
.server-order-status > strong { font-size: 1.75rem; font-weight: 650; }
.server-order-status small { font-size: .8125rem; font-weight: 400; }
.server-order-actions { grid-column: 1 / -1; padding-top: 20px; border-top: 1px solid var(--line); }
.server-order-actions p { margin: 0; }
.server-order-actions > .stack { align-items: flex-start; }
.server-order-actions form,.server-order-actions details { width: 100%; max-width: 680px; }
.server-action-detail { padding: 8px 0; }
.server-action-detail form { padding: 12px 0; }
.server-address { display: block; padding: 12px; border: 1px solid var(--line); }
.server-fee-summary { font-size: .8125rem; color: var(--muted); margin: 16px 0 24px; }
.server-share label { margin: 12px 0; }
.server-order-body { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; margin-top: 36px; }
.server-chat { min-width: 0; }
.server-messages { max-height: 480px; overflow-y: auto; padding: 12px 0 24px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.server-message { margin: 12px 0; padding: 16px; background: var(--surface); border-radius: 8px; }
.server-message.own { background: var(--soft); }
.server-message header { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.server-message header strong { font-size: .875rem; }
.server-message time { color: var(--muted); font-size: .75rem; }
.server-message p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9375rem; margin: 10px 0 0; }
.server-order-info { min-width: 0; }
.server-order-info details { padding: 16px 0; border-bottom: 1px solid var(--line); }
.server-order-info details:first-child { padding-top: 0; }
.server-history { padding-left: 20px; font-size: .8125rem; }
.server-history li { margin: 16px 0; overflow-wrap: anywhere; }
.server-history time,.server-history span { display: block; margin-top: 4px; color: var(--muted); }
.server-payout { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--line); font-size: .8125rem; }
.server-payout time { color: var(--muted); }
.server-loading,.server-unavailable { padding: 40px 0; }
.route-skeleton { position: relative; padding-block: 28px; min-height: 420px; }
.route-skeleton h1 { margin: 0 0 24px; font-size: 1.75rem; }
.route-loading-status,.route-refresh-status { color: var(--muted, #565c67); font-size: .875rem; }
.route-refresh-status { position: sticky; top: 12px; z-index: 2; width: fit-content; margin: 0 0 12px auto; padding: 8px 14px; background: var(--surface, #f4f5f7); border-radius: 6px; }
.route-skeleton-body { margin-top: 24px; }
.route-skeleton-row { display: flex; gap: 24px; padding-block: 25px; border-bottom: 1px solid var(--line, #e3e5e8); }
.route-skeleton-row i { display: block; background: var(--surface, #f4f5f7); height: 18px; width: 22%; border-radius: 4px; }
.route-skeleton-row i:first-child { width: 45%; }
.route-skeleton-body.is-form { max-width: 620px; }
.route-skeleton-body.is-form .route-skeleton-row { flex-direction: column; gap: 14px; border: 0; padding-block: 18px; }
.route-skeleton-body.is-form i:first-child { width: 24%; }
.route-skeleton-body.is-form i:nth-child(2) { width: 100%; height: 44px; }
.route-skeleton-body.is-form i:last-child { display: none; }
.order-timeline { margin-block: 36px; padding-top: 28px; border-top: 1px solid var(--line); }
.order-timeline > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.order-timeline h2 { margin: 0; font-size: 1.125rem; }
.order-timeline header p,.order-timeline [data-timeline-status] { color: var(--muted); font-size: .8125rem; }
.order-timeline-contract { overflow-wrap: anywhere; font-family: monospace; font-size: .8125rem; padding-block: 12px; }
.order-timeline ol { padding: 0; list-style: none; }
.order-timeline li { display: grid; grid-template-columns: 155px minmax(0, 1fr); gap: 24px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.order-timeline-meta { display: flex; flex-direction: column; gap: 6px; color: var(--muted); font-size: .75rem; }
.order-timeline-event { min-width: 0; overflow-wrap: anywhere; }
.order-timeline-event > strong { font-size: .9375rem; }
.order-timeline-event p,.order-timeline-event summary { font-size: .8125rem; }
.order-timeline-event p { margin-block: 8px; }
.order-timeline-event code { word-break: break-all; }
.order-timeline [hidden] { display: none !important; }
@media (max-width: 767px) { .order-timeline li { grid-template-columns: minmax(0, 1fr); gap: 10px; } .order-timeline-meta { flex-direction: row; flex-wrap: wrap; gap: 12px; } }
.server-settlements { padding: 32px 0; border-top: 1px solid var(--line); }
.server-app .pro-lookup .form-error { flex-basis: 100%; }
.server-app #toast { max-width: min(520px, calc(100vw - 32px)); overflow-wrap: anywhere; }
.server-business-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.server-business-grid > * { min-width: 0; }
.server-app .server-business-form { max-width: 680px; }
.server-business-form button { align-self: flex-start; }
.server-app .server-categories { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 16px; border: 1px solid var(--input-line); border-radius: 8px; }
.server-categories legend { font-size: .9375rem; padding: 0 6px; }
.server-security { display: flex; flex-direction: column; gap: 12px; padding: 16px 0; border-block: 1px solid var(--line); }
.server-security p { margin: 0; }
.server-security label { max-width: 220px; }
.server-records > article { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid var(--line); }
.server-records > article > * { min-width: 0; }
.server-records p { margin: 8px 0 0; overflow-wrap: anywhere; }
.server-records time,.server-review time { color: var(--muted); font-size: .8125rem; }
.server-records .server-business-form { flex-shrink: 0; }
.server-records .form-error { max-width: 36ch; }
.server-app .server-records form .form-error[hidden] { display: none; }
.server-details-grid { display: flex; gap: 48px; flex-wrap: wrap; padding: 24px 0; border-block: 1px solid var(--line); }
.server-details-grid dd { font-weight: 600; }
.server-filter { max-width: 360px; margin: 24px 0; }
.server-directory > article { padding: 24px 0; border-bottom: 1px solid var(--line); }
.server-directory summary { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; list-style: none; }
.server-directory summary > span:last-child { margin-left: auto; }
.server-directory details p { max-width: 70ch; white-space: pre-wrap; overflow-wrap: anywhere; }
.server-review { padding: 20px 0; border-bottom: 1px solid var(--line); }
.server-review h2 { margin: 0 0 10px; font-size: 1.125rem; }
.server-review p { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 70ch; }
.server-review .badge { margin-left: 12px; }
.server-prose { max-width: 70ch; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.server-unread { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--ink); }
.server-admin-section { border-bottom: 1px solid var(--line); padding: 24px 0; }
.server-admin-section > summary { font-weight: 650; font-size: 1.125rem; }
.server-admin-section > form,.server-admin-section > div { margin-top: 24px; }
.server-public-feed { max-height: 680px; overflow-y: auto; overscroll-behavior: contain; }
.server-public-feed > article { padding: 20px 0; border-bottom: 1px solid var(--line); }
.server-public-feed article > div,.server-public-feed footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.server-public-feed p { overflow-wrap: anywhere; margin: 12px 0; font-size: .9375rem; }
.server-public-feed time { color: var(--muted); font-size: .75rem; }
.server-public-feed footer { justify-content: space-between; }
.server-public-feed .badge { font-size: .75rem; }
.server-live-notice { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.server-live-notice .btn { flex-shrink: 0; }
.server-settlement-feed { max-height: 440px; }
.server-promo { background: var(--promo-bg); color: var(--promo-ink, #181A20); }
.server-promo .promo-label { font-size: .75rem; }
.server-promo h3 { margin: 8px 0; color: inherit; font-size: 1.125rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-promo p { margin: 0; font-size: .875rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.server-promo a { color: inherit; }
.server-promo footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; font-size: .75rem; }
.server-promo footer a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.server-app .new-shop-bond .numeric { color: var(--ink); font-size: 1rem; font-weight: 600; }
.server-public-images { display: flex; flex-wrap: wrap; gap: 16px; }
.server-public-images img { display: block; max-width: 100%; max-height: 480px; height: auto; border: 1px solid var(--line); border-radius: 8px; }
.server-evidence-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 20px; margin: 24px 0; }
.server-evidence-grid > article { min-width: 0; }
.server-evidence-grid img { display: block; width: 100%; max-width: 100%; height: 140px; object-fit: contain; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
.server-evidence-grid p { overflow-wrap: anywhere; font-size: .875rem; }
.server-app [data-evidence-editor] { margin-top: 24px; }
.server-app [data-evidence-editor] .toolbar { flex-wrap: wrap; margin-top: 16px; }
.server-app form[aria-busy="true"] { cursor: progress; }
.server-app button:disabled { cursor: not-allowed; opacity: .6; }
.server-app .server-page :is(h1,h2,h3) { text-wrap: balance; }
@media (max-width: 767px) {
  .server-app .server-page,.server-app .server-login { margin: 28px auto 48px; }
  .server-app .page-head h1 { font-size: 1.5rem; }
  .server-create-grid,.server-order-body { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .server-create-summary { border-left: 0; border-top: 1px solid var(--line); padding: 24px 0 0; }
  .server-balances { gap: 28px; flex-wrap: wrap; }
  .server-balances strong { font-size: 1.5rem; }
  .server-inline { align-items: stretch; flex-direction: column; }
  .server-order-row { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 20px 0; }
  .server-order-status { padding: 20px; gap: 16px; grid-template-columns: minmax(0, 1fr); }
  .server-order-status > strong { font-size: 1.5rem; }
  .server-tabs { gap: 20px; }
  .server-app .platform-strip > div { align-items: flex-start; flex-direction: column; gap: 3px; padding-block: 10px; }
  .server-app .server-order .toolbar { flex-wrap: wrap; }
  .server-app .server-order-actions .btn { white-space: normal; }
  .server-app .server-page .btn,.server-app .server-login .btn { max-width: 100%; }
  .server-business-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .server-records > article { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
  .server-records .toolbar { flex-wrap: wrap; }
  .server-app .server-tabs { overflow-x: auto; white-space: nowrap; }
  .server-directory summary { gap: 12px; }
  .server-directory summary > span:last-child { margin-left: 0; flex-basis: 100%; }
  .server-details-grid { gap: 24px; }
  .server-public-feed { max-height: 560px; }
  .server-records .server-business-form { flex-shrink: 1; }
  .server-app .mobile-nav-personal { flex-wrap: wrap; }
  .server-promo.promo-card { height: 180px; }
}
.shop-overdue { background: #f1f2f4; color: #555b64; }
.shop-overdue .merchant-avatar, .shop-overdue .new-shop-avatar { filter: grayscale(1); }
.shop-overdue .new-shop-date::after { content: ' · 月费待缴'; }
.incoming-exceptions .section-head,.incoming-record > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.incoming-exceptions h2 { margin: 0; font-size: 1.125rem; }
.incoming-exceptions p { max-width: 72ch; line-height: 1.7; overflow-wrap: anywhere; }
.incoming-boundary { border: 1px solid var(--line); background: var(--surface); border-radius: 6px; padding: 12px 16px; }
.incoming-register { border-block: 1px solid var(--line); padding: 8px 0; }
.incoming-exceptions summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 600; }
.incoming-register form { max-width: 680px; padding: 12px 0 20px; }
.incoming-register form > .btn { align-self: flex-start; }
.incoming-record { padding: 24px 0; border-bottom: 1px solid var(--line); }
.incoming-record .badge.warning { background: #fff5d6; color: #755600; }
.incoming-record:last-child { border-bottom: 0; }
.incoming-amount { font-size: 1.125rem; font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.incoming-amount small { font-size: .75rem; font-weight: 400; color: var(--muted); }
.incoming-record dl { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(0, 3fr); gap: 12px 24px; font-size: .875rem; padding: 12px 0; }
.incoming-record dt { color: var(--muted); }
.incoming-record dd { margin: 0; overflow-wrap: anywhere; }
.incoming-record .incoming-review-note { white-space: pre-wrap; }
.incoming-empty { padding: 12px 0; color: var(--muted); }
.incoming-skeleton { height: 48px; width: min(480px, 100%); background: var(--surface); border-radius: 6px; }
.incoming-exceptions [data-incoming-status]:empty { display: none; }
@media (max-width: 767px) {
  .incoming-record dl { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .incoming-record dd { margin-bottom: 10px; }
  .incoming-record > header { align-items: flex-start; }
}
.independent-pending{border-left:3px solid var(--pro-yellow,#f0b90b);padding-left:20px}
.independent-list{display:grid;gap:0}
.independent-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line,#e4e6eb)}
.independent-row>div{min-width:0}
.independent-row p{overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;color:var(--muted,#616671)}
.independent-row .btn{flex-shrink:0}
@media(max-width:640px){.independent-row{align-items:stretch;flex-direction:column}.independent-row .btn{text-align:center}}