/* Approved agency design v6. Scope all rules to the agency and its checkout. */
.page.agency-page, .agency-order-overlay {
  --agency-paper: #ffffff;
  --agency-canvas: #f6f5f2;
  --agency-stone: #f0ede7;
  --agency-ink: #302e2a;
  --agency-muted: #746f67;
  --agency-line: #e8e4dd;
  --agency-accent: #866c47;
  color: var(--agency-ink);
}
.page.agency-page { background: var(--agency-canvas); min-height: 100vh; padding-top: 0; }
.agency-page .agency-header { background: #fff; border-color: var(--agency-line); margin-bottom: 18px; }
.agency-page .agency-header-title { color: var(--agency-ink); font-size: 18px; }
.agency-page .agency-mall-link, .agency-page .agency-muted, .agency-page .muted,
.agency-page .agency-note, .agency-page .agency-identity-meta, .agency-page .cloud-note,
.agency-page .cloud-address-detail, .agency-page .agency-contact, .agency-page .agency-month,
.agency-page .agency-disclosure, .agency-page .agency-invite-url, .agency-page .end-note,
.agency-order-overlay .muted { color: var(--agency-muted); }
.agency-page .agency-heading, .agency-page .agency-section, .agency-page .section-title { color: var(--agency-ink); font-size: 17px; }
.agency-page .agency-name { color: var(--agency-ink); font-size: 19px; }
.agency-page .agency-identity { margin-bottom: 16px; }
.agency-page .qj-icon, .agency-order-overlay .qj-icon { filter: grayscale(1); }
.agency-page .agency-avatar { background: var(--agency-stone); color: var(--agency-muted); border-radius: 12px; }
.agency-page .agency-tier, .agency-page .agency-status, .agency-page .agency-status.neutral,
.agency-page .pill, .page.agency-page .pill:not(.amber):not(.neutral), .agency-page .pill.amber, .agency-page .label-chip {
  background: #f3eee5; color: #765f3f; border-radius: 4px; font-size: 12px;
}
.agency-page .agency-panel, .agency-page .card, .agency-page .agency-member,
.agency-page .agency-ledger, .agency-page .agency-services, .agency-page .agency-empty,
.agency-page .agency-invite-card, .agency-page .detail-card {
  background: #fff; border: 1px solid var(--agency-line); border-radius: 12px; box-shadow: none;
}
.agency-page .agency-income, .agency-page .agency-summary {
  color: var(--agency-ink); background: var(--agency-stone); border: 0; border-radius: 12px; padding: 18px;
}
.agency-page .agency-income-link, .agency-page .agency-income-label { color: var(--agency-muted); font-size: 13px; }
.agency-page .agency-income-values { display: block; margin-top: 12px; }
.agency-page .agency-income-number { color: var(--agency-ink); font-size: 32px; font-weight: 650; line-height: 1.3; }
.agency-page .agency-income-values > uni-view + uni-view { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-top: 8px; }
.agency-page .agency-income-number.agency-income-secondary { font-size: 16px; line-height: 1.5; }
.agency-page .agency-summary-amount, .agency-page .agency-ledger-amount,
.agency-page .amount, .agency-page .order-card .amount, .agency-page .goods-price,
.agency-page .price-prefix, .agency-page .detail-price, .agency-page .dock-amount,
.agency-order-overlay .amount { color: var(--agency-ink); font-variant-numeric: tabular-nums; }
.agency-page .agency-todo { display: flex; flex-wrap: nowrap; background: #fff; border: 1px solid var(--agency-line); border-radius: 12px; padding: 12px 0; margin: 12px 0 0; }
.agency-page .agency-todo uni-button { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0; min-width: 0; min-height: 82px; padding: 4px 2px; font-size: 12px; color: var(--agency-muted); }
.agency-page .agency-todo uni-button + uni-button { border-color: var(--agency-line); }
.agency-page .agency-todo-count { color: var(--agency-ink); font-size: 21px; line-height: 1.2; }
.agency-page .agency-restock-entry { display: inline-flex; vertical-align: top; width: calc(50% - 5px); min-height: 112px; padding: 12px 10px; margin-top: 12px; gap: 8px; border: 1px solid var(--agency-line); background: #fff; border-radius: 12px; }
.agency-page .agency-restock-entry + .agency-restock-entry { margin-left: 10px; }
.agency-page .agency-restock-entry .agency-avatar { width: 28px; height: 36px; background: transparent; }
.agency-page .agency-restock-entry > .qj-icon { display: none; }
.agency-page .agency-restock-entry .agency-heading { font-size: 15px; line-height: 1.5; }
.agency-page .agency-restock-entry .agency-muted { display: block; font-size: 12px; line-height: 1.7; margin-top: 4px; }
.agency-page .agency-section { margin: 20px 0 10px; }
.agency-page .agency-services { padding: 4px 0; }
.agency-page .agency-services uni-button { color: var(--agency-ink); font-size: 14px; min-height: 88px; }
.agency-page .agency-tabbar { background: #fff; border-color: var(--agency-line); }
.agency-page .agency-tabbar .agency-tab { color: var(--agency-muted); background: transparent; border-radius: 0; min-height: 52px; font-size: 13px; }
.agency-page .agency-tabbar .agency-tab.is-active { color: var(--agency-accent); background: transparent; }
.agency-page .agency-tabbar .is-active .qj-icon { filter: grayscale(1) sepia(.8) saturate(1.5); }
.agency-page .primary, .agency-page .add-button, .agency-page .cart-dock > uni-button,
.agency-order-overlay .primary { background: var(--agency-accent); color: #fff; border: 0; border-radius: 8px; box-shadow: none; }
.agency-page .primary, .agency-order-overlay .primary { min-height: 46px; }
.agency-page .secondary, .agency-order-overlay .secondary { background: #fff; color: var(--agency-ink); border: 1px solid var(--agency-line); border-radius: 8px; box-shadow: none; }
.agency-page .agency-contact uni-button, .agency-page .agency-profile-action, .agency-page .text-action { color: var(--agency-accent); }
.agency-page .agency-ledger-row, .agency-page .agency-member-details, .agency-page .info-row,
.agency-page .agency-disclosure, .agency-page .cloud-line { border-color: var(--agency-line); }
.agency-page .agency-ledger-amount { font-size: 23px; }
.agency-page .agency-member-name { font-size: 16px; }
.agency-page .agency-search, .agency-page .search-box, .agency-page .qj-search,
.agency-page .input { background: #f8f7f4; border-color: var(--agency-line); color: var(--agency-ink); }
.agency-page .field-label { color: var(--agency-muted); }
.agency-page .qj-search-bar { background: #fff; border-color: var(--agency-line); }
.agency-page .qj-search-bar .qj-search-submit { color: var(--agency-accent); }
.agency-page .shop-announcement { background: #f2eee6; color: #765f3f; font-size: 14px; }
.agency-page .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
.agency-page .goods-card { background: #fff; border: 1px solid var(--agency-line); border-radius: 12px; overflow: hidden; }
.agency-page .goods-title { color: var(--agency-ink); font-size: 15px; padding: 0 10px; min-height: 44px; }
.agency-page .goods-card .retail { display: block; margin: 0 10px; font-size: 12px; }
.agency-page .goods-bottom { padding: 8px 10px 12px; }
.agency-page .goods-price { font-size: 21px; }
.agency-page .add-button { width: 32px; height: 32px; line-height: 32px; border-radius: 50%; font-size: 16px; }
.page.agency-page .product-art.product-art { background: var(--agency-stone); border-radius: 0; }
.page.agency-page .box-illustration { background: #e8e3d9; box-shadow: none; color: var(--agency-muted); }
.page.agency-page .box-seal, .page.agency-page .box-line { background: #aaa18f; }
.page.agency-page .image-note { color: var(--agency-muted); }
.page.agency-page .order-thumbnail { background: var(--agency-stone); }
.agency-page .cart-dock { color: var(--agency-ink); background: #fff; border: 1px solid var(--agency-line); box-shadow: 0 3px 16px #302e2a0a; border-radius: 12px; }
.agency-page .cart-dock .cart-count, .agency-page .cart-dock .dock-hint { color: var(--agency-muted); border-color: var(--agency-line); }
.agency-page .cart-dock > uni-button { border-radius: 8px; }
.agency-page .sorts, .agency-page .sorts .selected { color: var(--agency-muted); }
.agency-page .sorts .selected { color: var(--agency-accent); }
.agency-page .stepper uni-button, .agency-order-overlay .stepper uni-button { background: #f5f3ef; color: var(--agency-ink); border: 1px solid var(--agency-line); border-radius: 6px; }
.agency-page .order-card .card { background: #f8f7f4; }
.agency-page .order-card .order-footer, .agency-page .order-card .cancel-order-button { border-color: var(--agency-line); }
.agency-page .agency-invite-intro { margin: 20px 0; }
.agency-page .agency-invite-card { padding: 24px 16px; }
.agency-page .agency-invite-card .agency-heading { font-size: 18px; }
.agency-page .cloud-stock-counts { font-size: 14px; }
.agency-page .cloud-package-tabs + .cloud-note { background: var(--agency-stone); color: var(--agency-muted); border-radius: 12px; padding: 14px 16px; }
.agency-page .success { background: var(--agency-stone); color: var(--agency-ink); }
.agency-order-overlay .sheet { background: #fff; }
@media (max-width: 360px) {
  .agency-page .agency-restock-entry { flex-direction: column; align-items: flex-start; min-height: 140px; }
  .agency-page .agency-restock-entry .agency-heading { font-size: 14px; }
  .agency-page .goods-price { font-size: 19px; }
  .agency-page .agency-income-number { font-size: 29px; }
}