/*
 * Store manager UI — quiet, work-first visual layer.
 * Business behaviour remains in the page templates; this file only normalises
 * colour, hierarchy, density and interactive affordances across manager pages.
 */
body.store-manager-page {
  --manager-primary: #176b70;
  --manager-primary-hover: #10575c;
  --manager-navy: #173b57;
  --manager-ink: #203442;
  --manager-muted: #6b7d89;
  --manager-border: #dbe4e9;
  --manager-surface: #ffffff;
  --manager-subtle: #f5f8f9;
  --manager-info: #edf6f7;
  --manager-warning: #fff8e8;
  --manager-warning-border: #ead39b;
  --manager-danger: #b4433d;
  --manager-danger-bg: #fff2f1;
  margin: 0;
  color: var(--manager-ink) !important;
  background: #f4f7f8 !important;
  background-image: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif !important;
}

body.store-manager-page::before,
body.store-manager-page::after,
body.store-manager-page .hero::before,
body.store-manager-page .hero::after,
body.store-manager-page .top-status::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

body.store-manager-page .hero-scan,
body.store-manager-page .hero-kicker,
body.store-manager-page .culture-console,
body.store-manager-page .motivation-grid {
  display: none !important;
}

body.store-manager-page .login-gate::before,
body.store-manager-page .login-gate::after {
  display: none !important;
  content: none !important;
}

body.store-manager-page .page,
body.store-manager-page main,
body.store-manager-page .wrap {
  max-width: 1180px !important;
}

/* Compact, image-free page headers. */
body.store-manager-page .hero,
body.store-manager-page > header,
body.store-manager-page .head {
  min-height: 0 !important;
  color: #fff !important;
  background: var(--manager-navy) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.store-manager-page .hero {
  padding: 24px 26px !important;
}

body.store-manager-page .hero-grid {
  display: block !important;
}

body.store-manager-page .hero h1,
body.store-manager-page .hero h1 span,
body.store-manager-page .head h1,
body.store-manager-page > header h1 {
  margin: 18px 0 7px !important;
  color: #fff !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

body.store-manager-page .hero h1 span {
  display: inline !important;
  font-size: inherit !important;
}

body.store-manager-page .hero p,
body.store-manager-page .head p,
body.store-manager-page > header p {
  color: #d7e2e8 !important;
  font-weight: 400 !important;
}

body.store-manager-page .brand small {
  color: #b8cbd5 !important;
  font-family: inherit !important;
  letter-spacing: .08em !important;
}

body.store-manager-page .brand strong { color: #fff !important; }

body.store-manager-page .logo {
  color: #fff !important;
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.store-manager-page .tags { margin-top: 14px !important; }
body.store-manager-page .tag,
body.store-manager-page .scope span {
  color: #dce8ed !important;
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

/* Navigation looks clickable; information does not. */
body.store-manager-page .hero-links {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 0 20px !important;
}

body.store-manager-page .hero-links .admin-link,
body.store-manager-page .back,
body.store-manager-page .logout {
  min-height: 40px !important;
  padding: 9px 13px !important;
  color: #fff !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .45) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  clip-path: none !important;
  text-decoration: none !important;
  transition: background-color .15s ease, border-color .15s ease !important;
}

body.store-manager-page .hero-links .admin-link::before,
body.store-manager-page .menu-pixel-no { display: none !important; }

body.store-manager-page .menu-pixel-icon {
  width: 26px !important;
  height: 26px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.store-manager-page .menu-copy strong {
  color: #fff !important;
  font-size: 13px !important;
}
body.store-manager-page .menu-copy small { display: none !important; }

body.store-manager-page .hero-links .admin-link:hover,
body.store-manager-page .back:hover,
body.store-manager-page .logout:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Surfaces: one border, restrained radius, almost no shadow. */
body.store-manager-page :is(
  .card, .login-gate, .download-template-card, .top-status,
  .workbench-identity, .wechat-binding-card, .operations-menu,
  .workbench-alert, .penalty-dashboard, .toolbar, .summary,
  .item, .record, .state, .identity, .notice, .guide, .scope
) {
  color: var(--manager-ink) !important;
  background: var(--manager-surface) !important;
  background-image: none !important;
  border: 1px solid var(--manager-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.store-manager-page .card,
body.store-manager-page .login-gate,
body.store-manager-page .download-template-card { padding: 20px !important; }

body.store-manager-page :is(.section-title, .login-gate h2, .download-template-card h2,
  .operations-title strong, .pending-work-copy strong, .identity strong,
  .identity-title strong, .record strong, .record h2, .item strong) {
  color: var(--manager-ink) !important;
}

body.store-manager-page :is(.guide-intro, .download-template-card p, .login-gate p,
  .status-date, .status-foot, .monthly-store-name, .calendar-note,
  .operations-title span, .pending-work-copy > span, .identity span,
  .identity-title span, .record span, .item span, .sub) {
  color: var(--manager-muted) !important;
}

body.store-manager-page .workbench-identity {
  border-left: 4px solid var(--manager-primary) !important;
}

body.store-manager-page .step,
body.store-manager-page .sheet-no {
  color: var(--manager-primary) !important;
  background: var(--manager-info) !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.store-manager-page .workspace-logout {
  color: var(--manager-primary) !important;
  background: #fff !important;
  border: 1px solid var(--manager-primary) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.store-manager-page .workspace-logout:hover {
  color: #fff !important;
  background: var(--manager-primary) !important;
  transform: none !important;
}

/* Workbench sections are quiet containers; cards inside are the actions. */
body.store-manager-page .operations-menu {
  overflow: hidden !important;
  margin-bottom: 14px !important;
}

body.store-manager-page .operations-menu > summary {
  padding: 17px 18px !important;
  background: #fff !important;
}

body.store-manager-page .operations-menu > summary::before {
  width: 38px !important;
  height: 38px !important;
  color: var(--manager-primary) !important;
  background: var(--manager-info) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 16px !important;
}

body.store-manager-page .pending-menu > summary::before {
  color: #a85c18 !important;
  background: #fff3df !important;
}

body.store-manager-page .operations-menu > summary::after,
body.store-manager-page .pending-menu > summary::after {
  color: var(--manager-primary) !important;
  font-size: 13px !important;
}

body.store-manager-page .operations-tags b {
  padding: 4px 7px !important;
  color: var(--manager-muted) !important;
  background: var(--manager-subtle) !important;
  border: 1px solid var(--manager-border) !important;
  border-radius: 5px !important;
}

body.store-manager-page .operations-grid,
body.store-manager-page .pending-menu-content {
  border-color: var(--manager-border) !important;
}

body.store-manager-page :is(
  .pending-work-card, .followup-work-card, .channel-work-card,
  .payment-work-card, .external-work-card, .analysis-work-card,
  .ranking-work-card
) {
  color: var(--manager-ink) !important;
  background: #fff !important;
  border: 1px solid var(--manager-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  clip-path: none !important;
}

body.store-manager-page :is(
  .pending-work-card, .followup-work-card, .channel-work-card,
  .payment-work-card, .external-work-card, .analysis-work-card,
  .ranking-work-card
):hover {
  color: var(--manager-ink) !important;
  background: #f5fbfb !important;
  border-color: var(--manager-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.store-manager-page :is(
  .pending-work-icon, .followup-work-card .pending-work-icon,
  .channel-work-card .pending-work-icon, .payment-work-card .pending-work-icon,
  .external-work-card .pending-work-icon
) {
  width: 38px !important;
  height: 38px !important;
  color: var(--manager-primary) !important;
  background: var(--manager-info) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 16px !important;
}

body.store-manager-page .pending-work-stat {
  color: #526875 !important;
  background: var(--manager-subtle) !important;
  border: 1px solid var(--manager-border) !important;
  border-radius: 999px !important;
}
body.store-manager-page .pending-work-stat b { color: var(--manager-primary) !important; }
body.store-manager-page .pending-work-stat.overdue,
body.store-manager-page .pending-work-stat.overdue b { color: var(--manager-danger) !important; }
body.store-manager-page :is(.pending-work-action, .menu-action) { color: var(--manager-primary) !important; }
body.store-manager-page .hero-links .menu-action { color: #dce8ed !important; }

/* Alerts keep meaning without decorative blocks. */
body.store-manager-page .workbench-alert:not(.is-clear):not(.is-loading),
body.store-manager-page .penalty-dashboard.urgent {
  background: var(--manager-danger-bg) !important;
  border-color: #e4aaa6 !important;
}
body.store-manager-page .workbench-alert.is-clear { background: #eef8f3 !important; border-color: #abd7c3 !important; }
body.store-manager-page .workbench-alert.is-loading { background: var(--manager-subtle) !important; }
body.store-manager-page :is(.workbench-alert-icon, .penalty-dashboard-icon) {
  width: 38px !important;
  height: 38px !important;
  color: var(--manager-danger) !important;
  background: #fff !important;
  border: 1px solid currentColor !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-size: 16px !important;
}
body.store-manager-page .workbench-alert-kicker,
body.store-manager-page .penalty-dashboard-kicker { display: none !important; }
body.store-manager-page .workbench-alert-item {
  color: #6d4a22 !important;
  background: #fff !important;
  border: 1px solid var(--manager-warning-border) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Forms and controls. */
body.store-manager-page :is(input, select, textarea, .month-picker) {
  color: var(--manager-ink) !important;
  background: #fff !important;
  border: 1px solid #c9d6dd !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
body.store-manager-page :is(input, select, textarea, .month-picker):focus {
  border-color: var(--manager-primary) !important;
  box-shadow: 0 0 0 3px rgba(23, 107, 112, .12) !important;
}

body.store-manager-page :is(
  .gate-login, .submit, .save, .primary, .download-template-btn,
  .wechat-binding-button, .penalty-dashboard-action, button[type="submit"],
  .refresh, .filter-btn, .filters button
) {
  color: #fff !important;
  background: var(--manager-primary) !important;
  background-image: none !important;
  border: 1px solid var(--manager-primary) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  clip-path: none !important;
}
body.store-manager-page :is(
  .gate-login, .submit, .save, .primary, .download-template-btn,
  .wechat-binding-button, .penalty-dashboard-action, button[type="submit"],
  .refresh, .filter-btn, .filters button
):not(:disabled):hover {
  background: var(--manager-primary-hover) !important;
  border-color: var(--manager-primary-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.store-manager-page :is(button:disabled, [aria-disabled="true"], .disabled) {
  color: #7f8d96 !important;
  background: #e8edef !important;
  border-color: #d6dfe3 !important;
  box-shadow: none !important;
}

/* Data blocks stay neutral; status colour is reserved for status. */
body.store-manager-page :is(.metric, .fact, .status-summary > div, .monthly-summary > div,
  .guide-item, .reason, .evidence, .sale) {
  color: var(--manager-ink) !important;
  background: var(--manager-subtle) !important;
  background-image: none !important;
  border: 1px solid var(--manager-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.store-manager-page :is(.metric span, .fact span) { color: var(--manager-muted) !important; }
body.store-manager-page :is(.metric strong, .metric b, .fact strong, .count strong) { color: var(--manager-navy) !important; }
body.store-manager-page .money { color: var(--manager-danger) !important; }

body.store-manager-page .notice,
body.store-manager-page .guide,
body.store-manager-page .scope {
  color: #5d4a2c !important;
  background: var(--manager-warning) !important;
  border-color: var(--manager-warning-border) !important;
}

body.store-manager-page .table-wrap { border-radius: 8px !important; box-shadow: none !important; }
body.store-manager-page th { color: #536a78 !important; background: #f1f5f6 !important; }
body.store-manager-page tbody tr:nth-child(even) td { background: #fafcfc !important; }

body.store-manager-page .wechat-binding-dialog {
  border: 1px solid var(--manager-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(25, 52, 70, .18) !important;
}
body.store-manager-page .wechat-binding-code {
  border: 1px dashed var(--manager-warning-border) !important;
  background: var(--manager-warning) !important;
}

@media (max-width: 700px) {
  body.store-manager-page .page { padding: 10px 10px 34px !important; }
  body.store-manager-page .hero { padding: 18px 16px !important; }
  body.store-manager-page .hero-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
  }
  body.store-manager-page .hero-links .admin-link {
    width: 100% !important;
    min-height: 40px !important;
    padding: 7px 9px !important;
  }
  body.store-manager-page .hero h1,
  body.store-manager-page .head h1,
  body.store-manager-page > header h1 { font-size: 24px !important; }
  body.store-manager-page .operations-grid,
  body.store-manager-page .pending-menu .operations-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 390px) {
  body.store-manager-page .hero-links { grid-template-columns: 1fr !important; }
  body.store-manager-page .status-head { display: block !important; }
  body.store-manager-page .status-head .section-title { white-space: nowrap !important; }
  body.store-manager-page .status-head .live-mark { margin-top: 7px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.store-manager-page * { scroll-behavior: auto !important; transition: none !important; }
}