/* UE Sheet2 reader skin. Loaded after app.css/wechat-owner.css on purpose. */
.store-ue-detail-card .ue-month-detail-grid,
.store-ue-detail-card .ue-reader-sheet {
  background: #f7faf8 !important;
}

.store-ue-detail-card .ue-reader-frame {
  min-width: 880px !important;
  overflow: hidden !important;
  border: 2px solid #07110f !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .16) !important;
}

.store-ue-detail-card .ue-reader-cover,
.store-ue-detail-card .ue-reader-statline,
.store-ue-detail-card .ue-reader-tabs {
  display: none !important;
}

.store-ue-detail-card .ue-month-switch {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 14px 16px 12px !important;
  border: 2px solid #07110f !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #eef5f0 !important;
}

.store-ue-detail-card .ue-month-switch button {
  min-width: 86px !important;
  height: 38px !important;
  border: 2px solid #07110f !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #050908 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.store-ue-detail-card .ue-month-switch button.active {
  background: #a9d18e !important;
}

.store-ue-detail-card .ue-finance-table {
  width: 100% !important;
  min-width: 880px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #050908 !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

.store-ue-detail-card .ue-finance-head,
.store-ue-detail-card .ue-finance-row {
  display: grid !important;
  grid-template-columns: 230px minmax(260px, .9fr) minmax(300px, 1.1fr) !important;
  min-height: 42px !important;
  align-items: stretch !important;
}

.store-ue-detail-card .ue-finance-head {
  min-height: 92px !important;
  background: #bed7ec !important;
}

.store-ue-detail-card .ue-finance-head b,
.store-ue-detail-card .ue-finance-row span,
.store-ue-detail-card .ue-finance-row strong,
.store-ue-detail-card .ue-finance-row em,
.owner-ue-reader-head b,
.owner-ue-reader-row span,
.owner-ue-reader-row strong,
.owner-ue-reader-row em {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-right: 2px solid #07110f !important;
  border-bottom: 2px solid #07110f !important;
  color: #050908 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  word-break: keep-all !important;
}

.store-ue-detail-card .ue-finance-head b:last-child,
.store-ue-detail-card .ue-finance-row em,
.owner-ue-reader-head b:last-child,
.owner-ue-reader-row em {
  border-right: 0 !important;
}

.store-ue-detail-card .ue-finance-head b,
.owner-ue-reader-head b {
  background: #bed7ec !important;
  font-weight: 950 !important;
  text-align: center !important;
}

.store-ue-detail-card .ue-finance-head b {
  font-size: clamp(22px, 1.85vw, 34px) !important;
}

.store-ue-detail-card .ue-finance-head b:last-child,
.owner-ue-reader-head b:last-child {
  white-space: normal !important;
}

.store-ue-detail-card .ue-finance-row span,
.owner-ue-reader-row span {
  background: #f4b183 !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .ue-finance-row span {
  font-size: clamp(18px, 1.35vw, 28px) !important;
}

.store-ue-detail-card .ue-finance-row.category-income span,
.owner-ue-reader-row.category-income span {
  background: #a9d18e !important;
}

.store-ue-detail-card .ue-finance-row.profit-final span,
.owner-ue-reader-row.profit-final span {
  background: #9dc3e6 !important;
}

.store-ue-detail-card .ue-finance-row strong,
.owner-ue-reader-row strong {
  overflow: hidden !important;
  background: #fff !important;
  font-weight: 950 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.store-ue-detail-card .ue-finance-row strong {
  font-size: clamp(17px, 1.25vw, 26px) !important;
}

.store-ue-detail-card .ue-finance-row.profit-final strong,
.owner-ue-reader-row.profit-final strong {
  background: #a9d18e !important;
}

.store-ue-detail-card .ue-finance-row em,
.owner-ue-reader-row em {
  justify-content: center !important;
  overflow: hidden !important;
  background: #fff !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-style: normal !important;
  font-weight: 950 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.store-ue-detail-card .ue-finance-row em {
  font-size: clamp(18px, 1.35vw, 29px) !important;
}

.store-ue-detail-card .ue-finance-row.profit-final {
  min-height: 74px !important;
}

.store-ue-detail-card .ue-finance-row.profit-final em,
.owner-ue-reader-row.profit-final em {
  background: #a9d18e !important;
}

.owner-ue-reader-tabs {
  display: none !important;
}

.owner-ue-reader-frame {
  width: 100% !important;
  overflow-x: auto !important;
  border: 2px solid #07110f !important;
  border-bottom: 0 !important;
  background: #fff !important;
  -webkit-overflow-scrolling: touch !important;
}

.owner-ue-reader-head,
.owner-ue-reader-row {
  display: grid !important;
  grid-template-columns: 78px minmax(132px, 1fr) minmax(140px, .92fr) !important;
  min-width: 360px !important;
}

.owner-ue-reader-head {
  min-height: 70px !important;
  background: #bed7ec !important;
}

.owner-ue-reader-head b {
  font-size: 18px !important;
}

.owner-ue-reader-row {
  min-height: 36px !important;
}

.owner-ue-reader-row span {
  font-size: 17px !important;
}

.owner-ue-reader-row strong {
  font-size: 16px !important;
}

.owner-ue-reader-row em {
  font-size: 17px !important;
}

.owner-ue-reader-row.profit-final {
  min-height: 58px !important;
}

/* Final lock: old dark-dashboard UE rules use equal specificity and !important. */
.store-ue-panel .store-ue-detail-card .ue-finance-table .ue-finance-row strong,
.store-ue-panel .store-ue-detail-card .ue-finance-table .ue-finance-row em,
.owner-ue-reader-frame .owner-ue-reader-row strong,
.owner-ue-reader-frame .owner-ue-reader-row em {
  justify-content: center !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #050908 !important;
  text-align: center !important;
}

.store-ue-panel .store-ue-detail-card .ue-finance-table .ue-finance-row.profit-final strong,
.store-ue-panel .store-ue-detail-card .ue-finance-table .ue-finance-row.profit-final em,
.owner-ue-reader-frame .owner-ue-reader-row.profit-final strong,
.owner-ue-reader-frame .owner-ue-reader-row.profit-final em {
  background: #a9d18e !important;
  color: #050908 !important;
}

.store-ue-panel .store-ue-detail-card .ue-finance-table .ue-finance-row span,
.owner-ue-reader-frame .owner-ue-reader-row span {
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #050908 !important;
}

/* H5 reader rows live inside .ue-detail-list, whose generic article rule turns them into cards. */
.ue-detail-list .owner-ue-reader-frame .owner-ue-reader-row {
  display: grid !important;
  grid-template-columns: 78px 132px 140px !important;
  gap: 0 !important;
  min-width: 350px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.ue-detail-list .owner-ue-reader-frame .owner-ue-reader-row span {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.ue-detail-list .owner-ue-reader-frame .owner-ue-reader-row strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 16px !important;
}

.ue-detail-list .owner-ue-reader-frame .owner-ue-reader-row em {
  grid-column: 3 !important;
  grid-row: 1 !important;
  font-size: 17px !important;
}

/* V10: WeChat H5 UE page becomes a focused Sheet2 reader, no heavy store preface. */
body[data-service="ue"] .store-card,
body[data-service="ue"] .kpi-grid,
body[data-service="ue"] .next-card {
  display: none !important;
}

body[data-service="ue"] .owner-overview {
  padding: 12px !important;
  border-radius: 16px !important;
}

body[data-service="ue"] .owner-overview > div:first-child {
  display: none !important;
}

body[data-service="ue"] .store-switch {
  width: 100% !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(168px, 1fr) !important;
  gap: 8px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body[data-service="ue"] .owner-tab-panel[data-panel="ue"] {
  padding: 12px !important;
}

body[data-service="ue"] .panel-title {
  display: none !important;
}

.owner-ue-table-title {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 14px 14px 12px !important;
  border: 2px solid #07110f !important;
  border-bottom: 0 !important;
  background: #e9efec !important;
  color: #050908 !important;
}

.owner-ue-table-title span {
  display: block !important;
  margin-bottom: 5px !important;
  color: rgba(5, 9, 8, .58) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.owner-ue-table-title strong {
  display: block !important;
  color: #050908 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

.owner-ue-table-title em {
  flex: 0 0 auto !important;
  align-self: center !important;
  padding: 8px 9px !important;
  border: 2px solid #07110f !important;
  border-radius: 0 !important;
  background: #ffc000 !important;
  color: #050908 !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 950 !important;
}

body[data-service="ue"] .owner-ue-card {
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-service="ue"] .owner-ue-month-tabs {
  margin-bottom: 10px !important;
}

body[data-service="ue"] .owner-ue-month-tabs > div,
body[data-service="ue"] .owner-ue-month-tabs button {
  border-radius: 0 !important;
}

body[data-service="ue"] .ue-detail-list .owner-ue-reader-frame .owner-ue-reader-head,
body[data-service="ue"] .ue-detail-list .owner-ue-reader-frame .owner-ue-reader-row {
  grid-template-columns: 82px minmax(148px, 1fr) minmax(150px, .96fr) !important;
  min-width: 380px !important;
}

body[data-service="ue"] .owner-ue-reader-head b,
body[data-service="ue"] .owner-ue-reader-row span,
body[data-service="ue"] .owner-ue-reader-row strong,
body[data-service="ue"] .owner-ue-reader-row em {
  padding: 7px 8px !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body[data-service="ue"] .owner-ue-reader-row strong,
body[data-service="ue"] .owner-ue-reader-row em {
  white-space: nowrap !important;
}

body[data-service="ue"] .owner-ue-note {
  margin: 0 !important;
  border: 2px solid #07110f !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: #eef5f0 !important;
}

/* V11: PC 云枢 UE看板使用与 H5 同源的 Sheet2 阅读器口径。 */
.store-ue-detail-card .pc-ue-template-card {
  overflow: hidden !important;
  border: 1px solid rgba(119, 240, 208, .28) !important;
  border-radius: 10px !important;
  background: rgba(3, 18, 15, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 54px rgba(0,0,0,.26) !important;
}

.store-ue-detail-card .pc-ue-template-title {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(119, 240, 208, .22) !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(119,240,208,.20), transparent 36%),
    linear-gradient(135deg, rgba(9,39,32,.96), rgba(4,16,14,.92)) !important;
  color: #f7fffc !important;
}

.store-ue-detail-card .pc-ue-template-title span {
  display: block !important;
  margin-bottom: 7px !important;
  color: rgba(119,240,208,.92) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.store-ue-detail-card .pc-ue-template-title strong {
  display: block !important;
  color: #ffffff !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 26px !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.store-ue-detail-card .pc-ue-template-title small {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(239,255,250,.68) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.store-ue-detail-card .pc-ue-template-title > b {
  flex: 0 0 auto !important;
  min-width: 92px !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(119,240,208,.36) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #92f4dc, #e7d768) !important;
  color: #06110f !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .pc-ue-template-title > b.loss {
  background: linear-gradient(135deg, #ff8d7d, #ffc45a) !important;
}

.store-ue-detail-card .pc-ue-template-months {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(136px, 1fr) !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(119,240,208,.18) !important;
  background: rgba(255,255,255,.035) !important;
  -webkit-overflow-scrolling: touch !important;
}

.store-ue-detail-card .pc-ue-template-months button {
  min-height: 74px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(167,226,210,.16) !important;
  border-radius: 8px !important;
  background: rgba(7,28,24,.88) !important;
  color: rgba(239,255,250,.72) !important;
  text-align: left !important;
  cursor: pointer !important;
}

.store-ue-detail-card .pc-ue-template-months button.active {
  border-color: rgba(119,240,208,.92) !important;
  background: linear-gradient(135deg, rgba(119,240,208,.28), rgba(240,191,91,.20)) !important;
  box-shadow: inset 4px 0 0 #77f0d0 !important;
}

.store-ue-detail-card .pc-ue-template-months b,
.store-ue-detail-card .pc-ue-template-months strong,
.store-ue-detail-card .pc-ue-template-months small {
  display: block !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0 !important;
}

.store-ue-detail-card .pc-ue-template-months b {
  color: #ffffff !important;
  font-size: 15px !important;
}

.store-ue-detail-card .pc-ue-template-months strong {
  margin-top: 6px !important;
  color: #89f8dc !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.store-ue-detail-card .pc-ue-template-months small {
  margin-top: 6px !important;
  color: rgba(239,255,250,.55) !important;
  font-size: 12px !important;
}

.store-ue-detail-card .pc-ue-reader-frame {
  overflow-x: auto !important;
  padding: 16px !important;
  background: #edf4f0 !important;
  -webkit-overflow-scrolling: touch !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-head,
.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row {
  display: grid !important;
  grid-template-columns: 130px minmax(250px, 1fr) minmax(270px, 1fr) !important;
  min-width: 720px !important;
  gap: 0 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-head b,
.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row span,
.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row strong,
.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row em {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 9px 12px !important;
  border: 1px solid #16211e !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #04100d !important;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-head b {
  min-height: 54px !important;
  background: #bdd7ee !important;
  color: #06110f !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row span {
  font-size: 17px !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.category-income span {
  background: #a9d18e !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.category-expense span {
  background: #f4b183 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.balance span,
.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.balance-subtotal span {
  background: #9dc3e6 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row strong {
  justify-content: flex-start !important;
  background: #ffffff !important;
  color: #04100d !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  text-align: left !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.category-income strong {
  background: #7edb76 !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.profit-final strong {
  justify-content: center !important;
  background: #a9d18e !important;
  font-size: 20px !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row em {
  justify-content: flex-end !important;
  background: #ffffff !important;
  color: #04100d !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.store-ue-detail-card .pc-ue-reader-frame .owner-ue-reader-row.profit-final em {
  justify-content: center !important;
  background: #a9d18e !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .pc-ue-template-note {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  padding: 13px 16px !important;
  border-top: 1px solid rgba(119,240,208,.18) !important;
  background: rgba(7,28,24,.90) !important;
}

.store-ue-detail-card .pc-ue-template-note b {
  flex: 0 0 auto !important;
  color: #89f8dc !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.store-ue-detail-card .pc-ue-template-note span {
  color: rgba(239,255,250,.68) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}