/* 方案 3：仅调整顶部导航与“我的订单”上方概览区，订单明细保持现状。 */
:root {
  --dashboard-blue: #2878f0;
  --dashboard-cyan: #29b8e8;
  --dashboard-green: #20ac7a;
  --dashboard-orange: #ff8a2d;
  --dashboard-ink: #20283a;
  --dashboard-muted: #7e889e;
  --dashboard-line: #e5eaf2;
}

.topbar {
  height: 72px;
  padding: 0 28px;
  border-bottom: 1px solid #e7ebf2;
  background: rgba(255,255,255,.96);
  box-shadow: 0 3px 14px rgba(45,74,115,.06);
}

.brand { gap: 10px; }
.brand-mark {
  width: 36px;
  height: 42px;
  border-radius: 0;
  color: var(--dashboard-blue);
  background: transparent;
  box-shadow: none;
}
.brand-mark svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.brand b { color: #1d2738; font-size: 20px; font-weight: 750; }
.brand small { margin-top: 5px; color: #8a94a7; font-size: 10px; letter-spacing: .08em; }

.main-nav { height: 100%; gap: 18px; }
.nav-item {
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  color: #4f596c;
  font-size: 14px;
  font-weight: 650;
}
.nav-item .nav-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-item.active { color: var(--dashboard-blue); }
.nav-item.active::after { right: 11px; bottom: 0; left: 11px; height: 3px; background: var(--dashboard-blue); }
.nav-item i { display: none; }

.account-menu { gap: 8px; }
.account-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg,#6ea5ff,#4f76e8);
  font-size: 11px;
  font-weight: 750;
  box-shadow: 0 5px 14px rgba(65,113,211,.18);
}
.account-menu > span:not(.account-avatar) { color: #3c465a; font-size: 12px; }

.workspace { width: calc(100% - 48px); padding-top: 24px; background: transparent; }
.page-heading {
  min-height: 64px;
  margin-bottom: 15px;
  padding: 0 2px;
  border-bottom: 0;
  align-items: center;
}
.page-heading .eyebrow,
.page-heading #page-summary { display: none; }
.page-heading h1 { margin: 0; color: var(--dashboard-ink); font-size: 28px; font-weight: 750; letter-spacing: -.04em; }
.new-order {
  height: 42px;
  min-width: 132px;
  border-radius: 8px;
  background: linear-gradient(135deg,#387ff4,#2369e7);
  box-shadow: 0 7px 18px rgba(36,105,231,.2);
  font-size: 13px;
}
.new-order b { font-weight: 400; }
.batch-delete-orders {
  height: 38px;
  padding: 0 14px;
  border: 1px solid #ffc5cb;
  border-radius: 7px;
  color: #df4358;
  background: #fff3f4;
  font-size: 12px;
  font-weight: 700;
}
.batch-delete-orders:hover { border-color:#ef7080; background:#ffecef; }
.batch-delete-orders:disabled { opacity:.6; cursor:wait; }
.selection-actions {
  position: fixed;
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 142px;
  padding: 7px;
  border: 1px solid #dce4ef;
  border-radius: 10px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 12px 34px rgba(31,55,91,.2);
  backdrop-filter: blur(8px);
}
.selection-actions .batch-download,
.selection-actions .batch-delete-orders { width:100%; min-width:128px; height:38px; margin:0; justify-content:center; white-space:nowrap; }
.selection-actions .batch-download { border:1px solid #b8d2f7; color:#1769e0; background:#eef6ff; }
.selection-actions .batch-download:hover { border-color:#6ea6ee; background:#e5f1ff; }

/* Unified outlined action treatment. These controls keep their existing
   footprints so table rows and dashboard cards do not move. */
#new-order {
  height: 41px;
  min-width: 132px;
  border: 2px solid #315cfd;
  border-radius: 999px;
  background: #fff;
  color: #315cfd;
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
  transition: background-color .3s, color .3s, border-color .3s, font-size .3s, box-shadow .3s, transform .12s;
}

#new-order:hover,
#new-order:focus-visible {
  border-color: #315cfd;
  background: #315cfd;
  color: #fff;
  font-size: 14px;
  box-shadow: 0 7px 16px #315cfd2b;
  outline: none;
}

#repair-worker,
#cleanup,
#batch-delete-orders {
  border: 2px solid #ef536d;
  border-radius: 999px;
  background: #fff;
  color: #d84259;
  box-shadow: none;
  font-weight: 650;
  transition: background-color .3s, color .3s, border-color .3s, font-size .3s, box-shadow .3s, transform .12s;
}

#repair-worker:hover,
#repair-worker:focus-visible,
#repair-worker.recommended:hover,
#cleanup:hover,
#cleanup:focus-visible,
#batch-delete-orders:hover,
#batch-delete-orders:focus-visible {
  border-color: #ef536d;
  background: #ef536d;
  color: #fff;
  box-shadow: 0 7px 16px #ef536d2b;
  outline: none;
}

#repair-worker:hover,
#repair-worker:focus-visible { font-size: 12px; }
#cleanup:hover,
#cleanup:focus-visible,
#batch-delete-orders:hover,
#batch-delete-orders:focus-visible { font-size: 13px; }

#new-order:active,
#repair-worker:active,
#cleanup:active,
#batch-delete-orders:active { transform: scale(.97); }

#repair-worker:disabled,
#cleanup:disabled,
#batch-delete-orders:disabled {
  opacity: .6;
  cursor: wait;
  transform: none;
}

#add-voice {
  height: 40px;
  padding: 0 17px;
  border: 2px solid #315cfd;
  border-radius: 999px;
  background: #fff;
  color: #315cfd;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
  transition: background-color .3s, color .3s, border-color .3s, font-size .3s, box-shadow .3s, transform .12s;
}

#add-voice:hover,
#add-voice:focus-visible {
  border-color: #315cfd;
  background: #315cfd;
  color: #fff;
  font-size: 13px;
  box-shadow: 0 7px 16px #315cfd2b;
  outline: none;
}

.voice-delete-button {
  border: 2px solid #ef536d !important;
  border-radius: 999px !important;
  background: #fff;
  color: #d84259;
  box-shadow: none;
  font-weight: 650;
  transition: opacity .15s, background-color .3s, color .3s, border-color .3s, font-size .3s, box-shadow .3s, transform .12s;
}

.voice-delete-button:hover,
.voice-delete-button:focus-visible {
  border-color: #ef536d !important;
  background: #ef536d !important;
  color: #fff !important;
  font-size: 12px;
  box-shadow: 0 7px 16px #ef536d2b !important;
  outline: none;
}

#add-voice:active,
.voice-delete-button:active { transform: scale(.97); }

.audio-hover-actions .audio-action,
#modal-download {
  border: 2px solid #315cfd;
  border-radius: 999px;
  background: #fff;
  color: #315cfd;
  box-shadow: none;
  font-weight: 650;
  transition: background-color .3s, color .3s, border-color .3s, font-size .3s, box-shadow .3s, transform .12s;
}

.audio-hover-actions .audio-action:hover,
.audio-hover-actions .audio-action:focus-visible,
#modal-download:hover,
#modal-download:focus-visible {
  border-color: #315cfd;
  background: #315cfd;
  color: #fff;
  box-shadow: 0 6px 14px #315cfd2b;
  outline: none;
}

.audio-hover-actions .audio-action:hover,
.audio-hover-actions .audio-action:focus-visible { font-size: 11px; }
#modal-download:hover,
#modal-download:focus-visible { font-size: 13px; }

.audio-hover-actions .audio-action:active,
#modal-download:active { transform: scale(.97); }

/* Keep both order and audio delete actions aligned with the pill controls. */
.order-delete,
.audio-delete {
  border-color: #ef536d !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #ef536d !important;
}

.order-delete:hover,
.order-delete:focus-visible,
.audio-delete:hover,
.audio-delete:focus-visible {
  border-color: #ef536d !important;
  background: #ef536d !important;
  color: #fff !important;
  box-shadow: 0 6px 14px #ef536d2b !important;
}

.order-number-cell.grid-cell { cursor: cell; }
.order-number-cell.grid-cell.selected { background:#eef5ff !important; box-shadow:inset 0 0 0 1px #6da7f6; }
.order-number-cell.grid-cell.active-cell { box-shadow:inset 0 0 0 2px #2878f0; }

.mine-overview {
  display: grid;
  grid-template-columns: minmax(0,2.08fr) minmax(320px,1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.mine-overview > article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e7f0;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(42,72,112,.055);
}
.mine-batch-hero {
  min-height: 145px;
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 14px 14px 0;
  padding: 20px 24px;
  border-radius: 9px;
  background:
    radial-gradient(circle at 92% 20%,rgba(120,172,255,.25),transparent 30%),
    linear-gradient(110deg,#f9fbff 0%,#f6f9ff 55%,#eaf3ff 100%);
  position: relative;
}
.mine-batch-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  bottom: -68px;
  width: 54%;
  height: 130px;
  border-radius: 50%;
  border-top: 1px solid rgba(81,140,232,.14);
  transform: rotate(-7deg);
}
.mine-batch-icon {
  width: 84px;
  height: 84px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(145deg,#78a9ff,#4e76f0);
  box-shadow: 0 13px 27px rgba(67,112,224,.26), inset 0 1px rgba(255,255,255,.5);
}
.mine-batch-icon svg { width: 58px; height: 58px; fill: rgba(255,255,255,.17); stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.mine-batch-copy { min-width: 0; flex: 1; position: relative; z-index: 1; }
.mine-batch-copy h2,
.mine-worker-hero h2 { margin: 0; color: var(--dashboard-ink); font-size: 19px; font-weight: 750; }
.mine-batch-copy > p { margin: 8px 0 20px; color: var(--dashboard-muted); font-size: 12px; }
.mine-batch-progress { display: grid; grid-template-columns:auto minmax(100px,1fr) auto; align-items:center; gap:14px; }
.mine-batch-progress > span { color: #566176; font-size: 12px; font-weight: 650; }
.mine-batch-progress > div { height: 8px; overflow: hidden; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1px #e9eef6; }
.mine-batch-progress i { display:block; width:0; height:100%; border-radius:inherit; background: linear-gradient(90deg,#2e72f0,#28b9e7); transition: width .25s ease; }
.mine-batch-progress i.is-active { background:linear-gradient(90deg,#2e72f0 0%,#28b9e7 40%,#8bdcff 50%,#28b9e7 60%,#2e72f0 100%); background-size:220% 100%; animation:batch-progress-flow 1.4s linear infinite; box-shadow:0 0 8px rgba(40,185,231,.42); }
@keyframes batch-progress-flow { from { background-position:100% 0; } to { background-position:-120% 0; } }
.mine-batch-progress b { min-width: 40px; color:#526078; font-size:12px; text-align:right; }
.mine-batch-stats { min-height: 82px; display:grid; grid-template-columns:repeat(6,1fr); align-items:center; padding: 10px 22px 13px; }
.mine-batch-stats > span { min-width:0; text-align:center; border-right:1px solid #e5eaf2; }
.mine-batch-stats > span:last-child { border-right:0; }
.mine-batch-stats small { display:block; color:#758095; font-size:11px; }
.mine-batch-stats b { display:block; margin-top:7px; color:#293348; font-size:21px; line-height:1; }
.mine-batch-stats b.orange { color:var(--dashboard-orange); }
.mine-batch-stats b.blue { color:#2674ef; }
.mine-batch-stats b.green { color:var(--dashboard-green); }
.mine-batch-stats b.cyan { color:#1498ba; }
.mine-batch-stats b.gray { color:#8d96a7; }
.mine-batch-stats b.red { color:#d8495d; }
.mine-batch-stats.all-orders-stats { grid-template-columns:repeat(4,1fr); }

.mine-worker-card { display:flex; flex-direction:column; }
.mine-worker-hero {
  min-height: 145px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 14px 0;
  padding:20px 24px;
  border-radius:9px;
  background:
    radial-gradient(circle at 80% 18%,rgba(57,205,166,.19),transparent 33%),
    linear-gradient(110deg,#fbfffd,#eefaf6);
}
.mine-worker-state { display:flex; align-items:center; gap:8px; margin-top:18px; color:#169768; font-size:17px; font-weight:750; }
.mine-worker-state::before { content:""; width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px rgba(25,167,115,.1); }
.mine-worker-state.offline { color:#dc5062; }
.mine-worker-state.warning { color:#f08a2c; }
.mine-worker-hero p { margin:7px 0 0; color:#768195; font-size:12px; }
.mine-worker-icon {
  width: 88px;
  height: 78px;
  flex: 0 0 auto;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#4fc7a6,#20a983);
  box-shadow:0 13px 27px rgba(32,169,131,.2), inset 0 1px rgba(255,255,255,.5);
}
.mine-worker-icon svg { width:68px; height:68px; fill:rgba(255,255,255,.12); stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.mine-worker-stats { flex:1; min-height:82px; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:10px 18px 13px; }
.mine-worker-stats > span { text-align:center; border-right:1px solid #e5eaf2; }
.mine-worker-stats > span:last-child { border-right:0; }
.mine-worker-stats small { display:block; color:#758095; font-size:11px; }
.mine-worker-stats b { display:block; margin-top:7px; color:var(--dashboard-green); font-size:21px; line-height:1; }
.mine-worker-stats em { margin-left:4px; color:#69758b; font-size:11px; font-style:normal; font-weight:500; }

@media (max-width: 1180px) {
  .main-nav { gap: 5px; }
  .nav-item { padding: 0 10px; }
  .mine-overview { grid-template-columns:1fr; }
  .mine-worker-card { min-height:230px; }
}
@media (max-width: 760px) {
  .workspace { width:calc(100% - 28px); }
  .page-heading { min-height:62px; }
  .mine-batch-hero,.mine-worker-hero { align-items:flex-start; padding:18px; }
  .mine-batch-icon,.mine-worker-icon { width:58px; height:58px; }
  .mine-batch-icon svg,.mine-worker-icon svg { width:44px; height:44px; }
  .mine-batch-stats { grid-template-columns:repeat(3,1fr); row-gap:18px; }
  .mine-batch-stats > span:nth-child(3) { border-right:0; }
  .mine-batch-stats.all-orders-stats { grid-template-columns:repeat(2,1fr); }
  .mine-batch-stats.all-orders-stats > span:nth-child(2) { border-right:0; }
  .mine-batch-progress { grid-template-columns:1fr auto; }
  .mine-batch-progress > span { grid-column:1/-1; }
  .nav-item .nav-icon { display:none; }
}