/*
 * “我的订单”页面淘宝黄色系主题
 * 作用域全部以 .order-index-yellow-page 或 body:has(.order-index-yellow-page) 开头，
 * 仅影响订单首页（orderIndexPage），不影响项目列表、统计、我的等其他菜单页面。
 */
.order-index-yellow-page {
  --tb-orange: #ff8a00;
  --tb-orange-deep: #ff6200;
  --tb-yellow: #ffb300;
  --tb-gold: #ffce3d;
  --tb-page: #f3f3f5;
  --tb-card: #ffffff;
  --tb-soft: #fff8e8;
  --tb-soft-orange: #fff3e4;
  --tb-border: #ffe1ad;
  --tb-border-strong: #ffd19a;
  --tb-text: #1f1f1f;
  --tb-muted: #6f6a58;
  --tb-light-text: #9b9277;
  min-height: calc(100vh - 136px);
  min-height: calc(100dvh - 136px);
  overflow-x: hidden;
  box-sizing: border-box;
  padding-top: 12px;
  background: var(--tb-page);
  color: var(--tb-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", sans-serif;
}

.order-index-yellow-page *,
.order-index-yellow-page *::before,
.order-index-yellow-page *::after {
  box-sizing: border-box;
}

body:has(.order-index-yellow-page) {
  --dtt-main-header-height: 64px;
  --dtt-main-footer-height: 72px;
}

/* 页面所在布局底色 */
body:has(.order-index-yellow-page) .q-layout,
body:has(.order-index-yellow-page) .q-layout[data-v-dd015606] {
  background: #f3f3f5 !important;
}

html:has(.order-index-yellow-page),
body:has(.order-index-yellow-page),
body:has(.order-index-yellow-page) #q-app,
body:has(.order-index-yellow-page) .q-page-container {
  background: #f3f3f5 !important;
}

body:has(.order-index-yellow-page) .q-page-container {
  padding-top: var(--dtt-main-header-height) !important;
}

body:has(.order-index-yellow-page) .q-page {
  min-height: calc(100vh - var(--dtt-main-header-height) - var(--dtt-main-footer-height)) !important;
  min-height: calc(100dvh - var(--dtt-main-header-height) - var(--dtt-main-footer-height)) !important;
  background: #f3f3f5 !important;
}

/* 顶部标题栏 */
body:has(.order-index-yellow-page) .header {
  min-height: var(--dtt-main-header-height);
  border-bottom: 0 !important;
  background: #ffffff !important;
  box-shadow: none;
  color: #1f1b13;
}

body:has(.order-index-yellow-page) .header .q-toolbar {
  height: var(--dtt-main-header-height);
  min-height: var(--dtt-main-header-height);
}

body:has(.order-index-yellow-page) .header .q-toolbar__title {
  color: #1f1b13 !important;
  font-weight: 800;
  letter-spacing: 0;
}

body:has(.order-index-yellow-page) .header .q-btn {
  color: #1f1b13 !important;
}

/* 选择日期卡片 */
.order-index-yellow-page .order-date-card.q-item,
.order-index-yellow-page .order-date-card {
  margin-top: 0;
  border: 0;
  border-radius: 10px;
  background: var(--tb-card) !important;
  box-shadow: none;
}

.order-index-yellow-page .order-date-card .q-item__label {
  color: var(--tb-text);
}

/* 日期选择按钮（原蓝色图标）改为橙色 */
.order-index-yellow-page .order-date-card .bg-blue-12,
.order-index-yellow-page .bg-blue-12 {
  background: var(--tb-orange) !important;
}

.order-index-yellow-page .text-blue-12 {
  color: var(--tb-orange) !important;
}

.q-date {
  --q-primary: #ff8a00;
}

.q-date .q-date__header.bg-primary,
.q-date .q-date__header.bg-blue-12,
.q-date .q-date__header.bg-orange {
  background: linear-gradient(180deg, #ffb300 0%, #ff8a00 100%) !important;
  color: #ffffff !important;
}

.q-date .q-date__header .q-btn,
.q-date .q-date__header .q-icon,
.q-date .q-date__header-link,
.q-date .q-date__header-title,
.q-date .q-date__header-subtitle {
  color: #ffffff !important;
}

.q-date .text-primary,
.q-date .text-blue-12,
.q-date .text-orange,
.q-date .q-btn.text-primary,
.q-date .q-btn.text-blue-12,
.q-date .q-btn.text-orange,
.q-date .q-date__navigation .q-btn,
.q-date .q-date__navigation .q-icon,
.q-date .q-date__actions .q-btn {
  color: #ff8a00 !important;
}

.q-date .bg-primary,
.q-date .bg-blue-12,
.q-date .bg-orange,
.q-date .q-btn.bg-primary,
.q-date .q-btn.bg-blue-12,
.q-date .q-btn.bg-orange,
.q-date .q-date__calendar-item .q-btn.bg-primary,
.q-date .q-date__calendar-item .q-btn.bg-blue-12,
.q-date .q-date__calendar-item .q-btn.bg-orange,
.q-date .q-date__months-item .q-btn.bg-primary,
.q-date .q-date__months-item .q-btn.bg-blue-12,
.q-date .q-date__months-item .q-btn.bg-orange,
.q-date .q-date__years-item .q-btn.bg-primary,
.q-date .q-date__years-item .q-btn.bg-blue-12,
.q-date .q-date__years-item .q-btn.bg-orange {
  background: linear-gradient(180deg, #ffb300 0%, #ff8a00 100%) !important;
  color: #ffffff !important;
}

.q-date .q-date__range::before,
.q-date .q-date__range-from::before,
.q-date .q-date__range-to::before,
.q-date .q-date__edit-range::before {
  background: rgba(255, 138, 0, 0.18) !important;
}

.q-date .q-date__calendar-weekdays {
  color: #ff8a00 !important;
}

.q-date .q-date__today {
  box-shadow: 0 0 1px 1px #ff8a00 !important;
}

.q-date .q-date__today:not(.bg-primary):not(.bg-blue-12):not(.bg-orange) {
  color: #ff8a00 !important;
}

.q-date .q-btn:focus-visible {
  outline: 2px solid #ffcf7a;
  outline-offset: 2px;
}

/* 主标签栏：进行中 / 已完成 / 申诉 */
.order-index-yellow-page .order-main-tabs.q-tabs,
.order-index-yellow-page .order-main-tabs {
  border-radius: 12px;
  background: linear-gradient(135deg, var(--tb-gold) 0%, var(--tb-orange) 100%) !important;
  box-shadow: none;
  color: #ffffff !important;
}

.order-index-yellow-page .order-main-tabs .q-tab {
  color: rgba(255, 255, 255, 0.82) !important;
  font-weight: 700;
}

.order-index-yellow-page .order-main-tabs .q-tab--active {
  color: #ffffff !important;
}

/* 主标签栏隐藏底部指示条，用高亮块表达选中 */
.order-index-yellow-page .order-main-tabs .q-tab__indicator {
  background: transparent !important;
}

.order-index-yellow-page .order-main-tabs .q-tab--active .q-tab__content {
  position: relative;
}

.order-index-yellow-page .order-main-tabs .q-tab--active .q-tab__content::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 26px;
  height: 3px;
  border-radius: 3px;
  background: #ffffff;
  transform: translateX(-50%);
}

/* 子标签栏：待完成 / 重做 / 审核中（成功/失败/超时） */
.order-index-yellow-page .order-sub-tabs.q-tabs,
.order-index-yellow-page .order-sub-tabs {
  border: 0;
  border-radius: 12px;
  background: var(--tb-card) !important;
  box-shadow: none;
  color: var(--tb-muted) !important;
}

.order-index-yellow-page .order-sub-tabs .q-tab {
  color: var(--tb-muted) !important;
  font-weight: 700;
}

.order-index-yellow-page .order-sub-tabs .q-tab--active {
  color: var(--tb-orange-deep) !important;
}

.order-index-yellow-page .order-sub-tabs .q-tab__indicator {
  background: var(--tb-orange) !important;
}

/* 订单卡片 */
.order-index-yellow-page .q-card {
  border: 0;
  border-radius: 12px;
  background: var(--tb-card);
  box-shadow: none;
}

.order-index-yellow-page .q-card .q-separator {
  background: var(--tb-border) !important;
}

/* 订单状态标签（原橙色 q-chip）统一为品牌橙 */
.order-index-yellow-page .q-chip.bg-orange {
  background: linear-gradient(135deg, var(--tb-yellow) 0%, var(--tb-orange) 100%) !important;
  color: #ffffff !important;
}

/* 审核不通过等提示文字保持醒目，但与黄系协调 */
.order-index-yellow-page .text-red {
  color: var(--tb-orange-deep) !important;
}

/* 申诉按钮 */
.order-index-yellow-page .q-btn.bg-deep-orange,
.order-index-yellow-page .q-btn.text-deep-orange {
  color: var(--tb-orange-deep) !important;
}

/* 空状态 */
.order-index-yellow-page .text-warning {
  color: var(--tb-light-text) !important;
}

/* 底部导航：当前“我的订单”高亮为橙色 */
body:has(.order-index-yellow-page) .my-footer {
  border-top: 1px solid rgba(255, 209, 154, 0.7);
  background: #ffffff !important;
  box-shadow: none;
}

body:has(.order-index-yellow-page) .my-footer .q-tab--active,
body:has(.order-index-yellow-page) .my-footer .q-tab--active .text {
  color: #ff8a00 !important;
}

body:has(.order-index-yellow-page) .my-footer .q-tab--active .q-tab__indicator {
  background: #ff8a00 !important;
}

body:has(.order-index-yellow-page) .my-footer .q-tab--active .task_icon {
  background: #ff8a00 !important;
  filter: none;
  -webkit-mask: url(/h5/assets/footer_task_fill_icon.fd518bc2.png) center / cover no-repeat;
  mask: url(/h5/assets/footer_task_fill_icon.fd518bc2.png) center / cover no-repeat;
}