:root {
  color-scheme: light dark;
  font-size:14px;
  line-height:1.5;
  --ui-bg: light-dark(#f6f7f9, #15181e);
  --ui-panel: light-dark(#ffffff, #1c2028);
  --ui-text: light-dark(#202631, #e6e9ee);
  --ui-muted: light-dark(#697180, #a6adbb);
  --ui-line: light-dark(#e7eaf0, #333945);
  --ui-soft: light-dark(#f0f3f7, #252c36);
  --ui-active: light-dark(#eaf1ff, #273c5c);
  --ui-blue: light-dark(#427ce5, #78a6ff);
  --ui-red: light-dark(#eb7475, #f58b8b);
  --ui-green: light-dark(#42a882, #66cba3);
  --ui-orange: light-dark(#9a650b, #eac17a);
  --ui-orange-bg: light-dark(#fff5df, #3c321f);
  --ui-modal-backdrop: light-dark(rgb(0 0 0 / 10%), rgb(0 0 0 / 22%));
}
:root {
  color-scheme: light dark;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --bg: var(--ui-bg);
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-line);
  --panel: var(--ui-panel);
  --panel-strong: var(--ui-soft);
  --brand: var(--ui-blue);
  --brand-strong: var(--ui-blue);
  --brand-ink: var(--ui-text);
  --brand-soft: var(--ui-active);
  --accent: var(--ui-blue);
  --accent-soft: var(--ui-active);
  --sidebar-bg: var(--ui-panel);
  --sidebar-panel: var(--ui-soft);
  --sidebar-line: var(--ui-line);
  --warn-bg: var(--ui-orange-bg);
  --warn-line: var(--ui-orange);
  --warn-ink: var(--ui-orange);
  --shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}


.employee-daily-recommendation-toolbar {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) auto;
  margin: 14px 0;
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  padding: 12px;
}

.employee-daily-group-filter option { color: var(--ink); }
.employee-daily-group-filter.is-complete,
.employee-daily-group-filter option.is-complete { color: var(--ui-muted); }
/* Render the native picker in-page so completed option colors also work on macOS. */
@supports (appearance: base-select) {
  .employee-daily-group-filter,
  .employee-daily-group-filter::picker(select) { appearance: base-select; }
  .employee-daily-group-filter::picker(select) {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    max-height: 360px;
    overflow-y: auto;
    padding: 4px;
  }
  .employee-daily-group-filter option { padding: 6px 10px; }
  .employee-daily-group-filter option:checked { background: var(--brand-soft); }
  .employee-daily-group-filter option:hover { background: var(--ui-soft); }
}

.employee-daily-recommendation-workspace {
  background: var(--ui-panel);
  border-color: var(--ui-line);
}

.employee-daily-recommendation-head {
  border-bottom: 1px solid var(--ui-line);
  padding-bottom: 14px;
}

.employee-daily-category-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.employee-daily-category-card {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  min-width: 0;
  padding: 11px 13px;
}

.employee-daily-category-card span,
.employee-daily-category-card small {
  color: var(--muted);
  display: block;
  font-size: 11px;
  font-weight: 500;
}

.employee-daily-category-card strong {
  color: var(--ui-text);
  display: block;
  font-size: 24px;
  line-height: 1.15;
  margin: 4px 0;
}

.employee-daily-category-summary > p {
  color: var(--ui-text);
  font-size: 12px;
  grid-column: 1 / -1;
  margin: 0;
}

.employee-daily-recommendation-toolbar label {
  display: grid;
  gap: 6px;
}

.employee-daily-recommendation-toolbar label > span,
.employee-daily-usage-panel span,
.employee-daily-detail-grid span {
  color: var(--employee-muted, var(--ui-muted));
  font-size: 12px;
}

.employee-daily-recommendation-toolbar > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  grid-column: 1 / -1;
  justify-content: flex-end;
}

.employee-daily-recommendation-toolbar .employee-daily-relay-filter {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 7px;
  white-space: nowrap;
}

.employee-daily-master-detail {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.55fr) minmax(310px, .8fr);
}

.employee-daily-master-detail > .employee-analysis-table-wrap {
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  margin: 0;
  overflow: auto;
}

.employee-daily-master-detail .employee-analysis-table {
  min-width: 920px;
  table-layout: fixed;
}

.employee-daily-col-select { width: 42px; }
.employee-daily-col-store { width: 95px; }
.employee-daily-col-group { width: 120px; }
.employee-daily-col-product { width: 210px; }
.employee-daily-col-progress { width: 190px; }
.employee-daily-col-relay-result { width: 150px; }
.employee-daily-col-action { width: 85px; }

.employee-daily-recommendation-row > td:nth-child(2),
.employee-daily-recommendation-row > td:nth-child(3) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-daily-product-cell {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.employee-daily-product-cell .employee-daily-category-badge {
  justify-self: start;
  margin-top: 5px;
}

.employee-daily-list-reason {
  color: var(--ui-muted);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.45;
  overflow: hidden;
  white-space: normal;
}

.employee-daily-product-name,
.employee-daily-product-id {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-daily-product-name {
  font-weight: 500;
}

.employee-daily-product-id {
  color: var(--muted);
  font-size: 11px;
}

.employee-daily-progress {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0 4px;
  line-height: 1.25;
}

.employee-daily-progress > span {
  white-space: nowrap;
}

.employee-daily-relay-result {
  display: grid;
  gap: 3px;
  line-height: 1.25;
}

.employee-daily-relay-result strong {
  color: var(--ui-muted);
  white-space: nowrap;
}

.employee-daily-relay-result small {
  color: var(--muted);
  display: -webkit-box;
  font-size: 11px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.employee-daily-relay-result.is-delivered strong { color: var(--ui-text); }
.employee-daily-relay-result.is-not_sent strong { color: var(--ui-blue); }
.employee-daily-relay-result.is-unknown strong { color: var(--ui-blue); }
.employee-daily-relay-result.is-pending strong { color: var(--ui-blue); }

.employee-daily-relay-button {
  white-space: nowrap;
}

.employee-daily-relay-button:disabled,
.employee-daily-recommendation-row input:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.employee-daily-recommendation-row {
  cursor: pointer;
}

.employee-daily-recommendation-row.is-selected {
  background: var(--ui-soft);
  box-shadow: inset 3px 0 #397755;
}

.employee-daily-recommendation-detail {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  min-width: 0;
  overflow: hidden;
}

.employee-daily-detail-title {
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

.employee-daily-detail-title h3 {
  min-width: 0;
}

.employee-daily-category-badge {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  color: var(--ui-text);
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 8px;
  white-space: nowrap;
}

.employee-daily-recommendation-detail > header,
.employee-daily-recommendation-detail > section {
  border-bottom: 1px solid var(--ui-line);
  padding: 14px;
}

.employee-daily-recommendation-detail > section:last-child {
  border-bottom: 0;
}

.employee-daily-recommendation-detail h3,
.employee-daily-recommendation-detail h4,
.employee-daily-recommendation-detail p {
  margin: 0;
}

.employee-daily-recommendation-detail h3 {
  overflow: visible;
  overflow-wrap: anywhere;
  white-space: normal;
}

.employee-daily-recommendation-detail header p,
.employee-daily-recommendation-detail section > p {
  color: var(--employee-muted, var(--ui-muted));
  font-size: 13px;
  line-height: 1.65;
  margin-top: 6px;
}

.employee-daily-usage-panel {
  align-items: center;
  background: var(--ui-soft);
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.employee-daily-usage-panel > div {
  display: grid;
  gap: 3px;
}

.employee-daily-usage-panel > .employee-daily-usage-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.employee-daily-usage-panel small {
  color: var(--employee-muted, var(--ui-muted));
}

.employee-daily-detail-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.employee-daily-detail-grid > div {
  background: var(--ui-soft);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 10px;
}

@media (max-width: 820px) {
  .employee-daily-category-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .employee-daily-recommendation-toolbar,
  .employee-daily-master-detail,
  .employee-daily-detail-grid {
    grid-template-columns: 1fr;
  }

  .employee-daily-recommendation-toolbar > div {
    justify-content: flex-start;
  }
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--ui-bg);
  color: var(--ink);
}

button,
input,
select,
textarea {
  font: inherit;
}

[hidden] {
  display: none !important;
}

.employee-app {
  min-height: 100vh;
}

.employee-login {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  margin: 0 auto;
  max-width: 1160px;
  min-height: 100vh;
  padding: 40px 24px;
}

.employee-login-copy {
  display: grid;
  gap: 14px;
}

.employee-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

.employee-login-copy h1 {
  font-size: 24px;
  line-height: 0.98;
  margin: 0;
}

.employee-login-copy p:last-child {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  max-width: 640px;
}

.employee-login-card {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 14px;
  padding: 24px;
}

.employee-login-card label {
  display: grid;
  gap: 7px;
}

.employee-login-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-login-card input {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  min-height: 42px;
  outline: none;
  padding: 0 12px;
}

.employee-login-card input:focus {
  border-color: var(--brand-strong);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.employee-login-card button,
.employee-ghost-button,
.employee-module-button,
.employee-subview-button {
  border-radius: 7px;
  cursor: pointer;
  font-weight: 500;
}

.employee-login-card button {
  background: var(--ui-panel);
  border: 0;
  color: var(--brand-ink);
  min-height: 36px;
}

.employee-login-card button:hover {
  filter: brightness(1.02);
}

.form-message {
  color: var(--ui-blue);
  min-height: 20px;
}

.employee-workspace {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.employee-sidebar {
  background: linear-gradient(180deg, color-mix(in srgb, var(--ui-panel) 99%, transparent), color-mix(in srgb, var(--ui-soft) 94%, transparent)),
    var(--sidebar-bg);
  border-right: 1px solid var(--sidebar-line);
  box-shadow: inset -1px 0 0 rgba(234, 223, 180, 0.78);
  color: var(--ink);
  display: grid;
  gap: 18px;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px 16px;
}

.employee-brand {
  background: var(--sidebar-panel);
  border: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 10px;
  padding: 14px;
}

.employee-brand h2 {
  font-size: 28px;
  line-height: 1;
  margin: 0;
}

.employee-identity {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.employee-module-nav {
  display: grid;
  gap: 8px;
  align-content: start;
}

.employee-module-button {
  align-items: center;
  background: color-mix(in srgb, var(--ui-panel) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  color: inherit;
  display: grid;
  gap: 4px;
  justify-items: start;
  padding: 10px 12px;
  text-align: left;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.employee-module-button:hover {
  background: color-mix(in srgb, var(--ui-soft) 92%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 56%, transparent);
  transform: translateX(1px);
}

.employee-module-button.is-active {
  background: var(--brand-soft);
  border-color: color-mix(in srgb, var(--ui-line) 48%, transparent);
  color: var(--brand-ink);
  box-shadow: inset 0 0 0 1px rgba(255, 247, 214, 0.56);
}

.employee-module-label {
  font-size: 14px;
}

.employee-module-meta {
  color: var(--muted);
  font-size: 11px;
  opacity: 1;
}

.employee-ghost-button {
  background: color-mix(in srgb, var(--ui-panel) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  color: inherit;
  min-height: 36px;
}

.employee-ghost-button:hover {
  background: color-mix(in srgb, var(--ui-soft) 92%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 56%, transparent);
}

.employee-main {
  align-content: start;
  display: grid;
  gap: 14px;
  grid-auto-rows: max-content;
  height: 100vh;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 20px;
  position: relative;
}

.employee-main-head {
  align-items: start;
  background: color-mix(in srgb, var(--ui-panel) 94%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 18px 20px;
}

.employee-main-head h1 {
  font-size: 24px;
  line-height: 1.05;
  margin: 0;
}

.employee-module-scope,
.employee-module-description {
  margin: 0;
}

.employee-module-scope {
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.employee-module-description {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin-top: 10px;
}

.employee-head-actions {
  display: flex;
  gap: 8px;
}

.employee-tag {
  align-items: center;
  background: var(--accent-soft);
  border: 1px solid color-mix(in srgb, var(--ui-line) 46%, transparent);
  border-radius: 999px;
  color: var(--ui-text);
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  min-height: 30px;
  padding: 0 12px;
  white-space: nowrap;
}

.employee-notice,
.employee-status,
.employee-subview-nav,
.employee-loader,
.employee-native-panel {
  background: color-mix(in srgb, var(--ui-panel) 94%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.employee-notice,
.employee-status {
  color: var(--warn-ink);
  padding: 12px 16px;
}

.employee-notice {
  background: var(--warn-bg);
  border-color: var(--warn-line);
}

.employee-subview-nav {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  height: 60px;
  max-height: 60px;
  min-height: 60px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  padding: 12px;
  scrollbar-width: thin;
}

.employee-loader {
  align-items: center;
  display: grid;
  inset: 162px 20px auto 20px;
  justify-items: center;
  min-height: 320px;
  padding: 24px;
  position: absolute;
  z-index: 2;
}

.employee-loader-card {
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 10px;
  max-width: 460px;
  padding: 26px 28px;
  text-align: center;
}

.employee-loader-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

.employee-loader-card h2,
.employee-loader-card p {
  margin: 0;
}

.employee-loader-card p:last-child {
  color: var(--muted);
  line-height: 1.7;
}

.employee-subview-button {
  align-items: center;
  background: var(--ui-panel);
  border: 1px solid var(--line);
  color: var(--muted);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  height: 36px;
  justify-content: center;
  line-height: 1;
  min-height: 36px;
  padding: 0 14px;
  white-space: nowrap;
}

.employee-subview-button:hover {
  background: color-mix(in srgb, var(--ui-soft) 86%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 52%, transparent);
}

.employee-subview-button.is-active {
  background: var(--brand-soft);
  border-color: var(--brand-strong);
  color: var(--brand-ink);
}

.employee-native-panel {
  align-self: start;
  height: auto;
  min-height: 720px;
  overflow: visible;
  padding: 20px;
}

.employee-center-toolbar,
.employee-center-card,
.employee-center-metric,
.employee-center-table-wrap,
.employee-center-detail-grid {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.employee-center-toolbar,
.employee-center-card {
  padding: 18px 20px;
}

.employee-center-toolbar {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.employee-center-toolbar-copy {
  display: grid;
  gap: 6px;
}

.employee-center-toolbar-copy h2,
.employee-center-card-head h3 {
  margin: 0;
}

.employee-center-toolbar-copy p,
.employee-center-card-head p,
.employee-center-helper {
  color: var(--muted);
  margin: 0;
}

.employee-center-toolbar-actions,
.employee-center-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.employee-center-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin: 0;
  text-transform: uppercase;
}

.employee-center-metric-grid,
.employee-center-grid,
.employee-center-filter-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.employee-center-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.employee-center-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.employee-center-metric {
  display: grid;
  gap: 6px;
  padding: 16px;
}

.employee-center-metric span,
.employee-center-detail-grid span {
  color: var(--muted);
  font-size: 12px;
}

.employee-center-metric strong {
  color: var(--brand-ink);
  font-size: 24px;
}

.employee-center-metric small {
  color: var(--muted);
}

.employee-analysis-forward {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: 200px 280px auto 1fr;
  margin-bottom: 16px;
}

.employee-analysis-forward label {
  display: grid;
  gap: 6px;
}

.employee-analysis-forward label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-analysis-forward input,
.employee-analysis-forward select {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  min-height: 38px;
  padding: 0 10px;
}

.employee-analysis-forward p {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
}

.employee-analysis-card-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 16px;
}

.employee-analysis-tab {
  display: grid;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
}

.employee-daily-current-controls {
  display: grid;
  gap: 10px;
}

.employee-daily-current-heading {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.employee-daily-current-heading h3,
.employee-daily-current-heading p,
.employee-daily-current-heading span {
  margin: 0;
}

.employee-daily-current-heading p {
  color: var(--accent);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.08em;
}

.employee-daily-current-heading h3 {
  margin: 3px 0;
}

.employee-daily-current-heading > div:first-child > span,
.employee-daily-current-actions label > span,
.employee-daily-current-safety span {
  color: var(--muted);
  font-size: 11px;
}

.employee-daily-current-actions {
  align-items: end;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.employee-daily-current-actions label {
  display: grid;
  gap: 4px;
}

.employee-daily-current-actions input,
.employee-daily-current-actions button {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  color: inherit;
  height: 34px;
  min-height: 34px;
  padding: 0 10px;
}

.employee-daily-current-actions button {
  background: var(--ui-text);
  border-color: var(--ui-blue);
  color: var(--ui-panel);
  cursor: pointer;
  font-weight: 500;
}

.employee-daily-current-actions button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.employee-daily-date-status {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-daily-date-status > span {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  color: var(--muted);
  display: grid;
  font-size: 11px;
  gap: 2px;
  padding: 7px 9px;
}

.employee-daily-date-status strong {
  color: var(--ui-text);
  font-size: 13px;
}

.employee-daily-current-shortcuts {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.employee-daily-current-shortcuts button {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  color: var(--ui-text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  min-height: 30px;
  padding: 4px 9px;
}

.employee-daily-current-shortcuts button:first-child {
  background: var(--ui-text);
  border-color: var(--ui-blue);
  color: var(--ui-panel);
}

.employee-daily-current-shortcuts span {
  color: var(--muted);
  font-size: 11px;
  margin-left: auto;
}

.employee-daily-current-safety {
  align-items: center;
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  display: flex;
  gap: 8px 14px;
  justify-content: space-between;
  padding: 8px 10px;
}

.employee-daily-current-safety strong {
  color: var(--ui-text);
  font-size: 12px;
}

.employee-analysis-table-wrap {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.employee-analysis-tab > .employee-center-card {
  max-width: 100%;
  min-width: 0;
}

.employee-analysis-table {
  border-collapse: collapse;
  min-width: 940px;
  width: 100%;
}

.employee-analysis-table th,
.employee-analysis-table td {
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  padding: 6px 8px;
  text-align: left;
  vertical-align: middle;
}

.employee-analysis-table th {
  background: var(--ui-soft);
  color: var(--ui-text);
  font-size: 11px;
  font-weight: 500;
}

.employee-analysis-table td strong {
  color: var(--ui-text);
}

.employee-analysis-name {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-weight: 500;
  line-height: 1.15;
  max-width: 320px;
  overflow: hidden;
}

.employee-group-identity {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 180px;
}

.employee-group-avatar {
  border-radius: 50%;
  flex: 0 0 34px;
  height: 34px;
  object-fit: cover;
  width: 34px;
}

.employee-group-avatar.is-missing {
  align-items: center;
  background: var(--ui-soft);
  color: var(--ui-muted);
  display: inline-flex;
  justify-content: center;
}

.employee-analysis-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-height: 36px;
  overflow: hidden;
}

.employee-analysis-tags span {
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  color: var(--ui-text);
  font-size: 10px;
  height: 16px;
  line-height: 14px;
  padding: 0 4px;
}

.employee-analysis-muted {
  color: var(--muted);
  font-size: 11px;
}

.employee-analysis-weight-placeholder {
  background: color-mix(in srgb, var(--ui-soft) 72%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  display: grid;
  gap: 8px;
  padding: 14px;
}

.employee-analysis-weight-placeholder span {
  color: var(--muted);
  font-size: 12px;
}

.employee-analysis-weight-placeholder strong {
  color: var(--brand-ink);
}

body[data-employee-module="analysisRecommendation"] .employee-native-panel {
  min-height: 0;
  padding: 10px 12px;
}

body[data-employee-module="analysisRecommendation"] .employee-center-toolbar,
body[data-employee-module="analysisRecommendation"] .employee-center-card {
  border-radius: 10px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  padding: 10px 12px;
}

body[data-employee-module="analysisRecommendation"] .employee-center-toolbar,
body[data-employee-module="analysisRecommendation"] .employee-analysis-forward,
body[data-employee-module="analysisRecommendation"] .employee-analysis-card-grid {
  margin-bottom: 8px;
}

body[data-employee-module="analysisRecommendation"] .employee-analysis-card-grid {
  gap: 7px;
}

body[data-employee-module="analysisRecommendation"] .employee-center-metric {
  border-radius: 8px;
  gap: 2px;
  padding: 8px 10px;
}

body[data-employee-module="analysisRecommendation"] .employee-center-metric strong {
  font-size: 18px;
}

.employee-analysis-inner-nav {
  align-items: center;
  display: flex;
  gap: 6px;
}

.employee-analysis-inner-nav button,
.employee-analysis-row-actions button,
.employee-analysis-row-actions summary,
.employee-analysis-weight-actions button {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  color: var(--ui-text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  min-height: 26px;
  padding: 3px 8px;
}

.employee-analysis-inner-nav button.is-active,
.employee-analysis-row-actions button:not(:disabled):hover,
.employee-analysis-weight-actions button:first-child {
  background: var(--ui-text);
  border-color: var(--ui-blue);
  color: var(--ui-panel);
}

.employee-analysis-table th,
.employee-analysis-table td {
  border-bottom-color: var(--ui-line);
  font-size: 11px;
  height: 34px;
  line-height: 1.2;
  padding: 4px 6px;
}

.employee-analysis-table th {
  background: var(--ui-soft);
  color: var(--ui-text);
}

.employee-analysis-table td strong {
  color: var(--ui-text);
}

.employee-analysis-tags span,
.employee-analysis-status-stack span {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  color: var(--ui-text);
}

.employee-analysis-row-actions {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  white-space: nowrap;
}

.employee-forward-route-settings {
  align-items: end;
  margin-bottom: 8px;
}

.employee-center-filter-grid.employee-forward-route-settings {
  gap: 10px;
  grid-template-columns: minmax(190px, 1.1fr) max-content minmax(180px, 1fr) minmax(200px, 1.1fr) max-content;
}

.employee-forward-load-action button,
.employee-forward-send-action button {
  min-height: 36px;
}

.employee-elite-product-link {
  color: var(--ui-text);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.employee-source-membership {
  color: var(--muted);
  display: block;
  font-size: 11px;
  font-weight: 500;
  margin-top: 4px;
}

.employee-source-membership.is-joined {
  color: var(--ui-muted);
}

.employee-source-membership.is-unjoined {
  color: var(--ui-blue);
}

@media (max-width: 1200px) {
  .employee-center-filter-grid.employee-forward-route-settings {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .employee-center-filter-grid.employee-forward-route-settings {
    grid-template-columns: minmax(0, 1fr);
  }
}

.employee-analysis-batch-toolbar {
  flex-wrap: wrap;
  gap: 8px;
  white-space: normal;
}

.employee-forward-route-summary {
  color: var(--muted);
  flex: 1 1 260px;
}

.employee-analysis-row-actions details {
  position: relative;
}

.employee-analysis-row-actions details > p,
.employee-analysis-row-actions details > div,
.employee-analysis-row-actions details > span {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  max-width: 320px;
  padding: 8px;
  position: absolute;
  right: 0;
  white-space: normal;
  z-index: 5;
}

.employee-analysis-status-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.employee-analysis-status-stack span {
  border-radius: 999px;
  font-size: 10px;
  padding: 1px 5px;
}

.employee-analysis-target-list {
  display: grid;
}

.employee-analysis-target-row {
  align-items: end;
  border-bottom: 1px solid var(--ui-line);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(190px, 0.8fr) minmax(320px, 1.5fr) auto;
  padding: 7px 0;
}

.employee-analysis-target-row > div:first-child,
.employee-analysis-target-row label {
  display: grid;
  gap: 3px;
}

.employee-analysis-target-row span,
.employee-analysis-target-row label > span {
  color: var(--muted);
  font-size: 11px;
}

.employee-analysis-target-row input,
.employee-analysis-weight-card select,
.employee-analysis-weight-grid input {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  min-height: 32px;
  padding: 4px 8px;
}

.employee-analysis-level-list {
  display: grid;
  margin-bottom: 8px;
}

.employee-analysis-level-list > div {
  align-items: center;
  border-bottom: 1px solid var(--ui-line);
  display: flex;
  justify-content: space-between;
  min-height: 34px;
}

.employee-analysis-level-list span,
.employee-analysis-weight-actions span {
  color: var(--muted);
  font-size: 11px;
}

.employee-analysis-weight-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.employee-analysis-weight-grid label {
  display: grid;
  font-size: 11px;
  gap: 3px;
}

.employee-analysis-weight-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.employee-center-card-head {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.employee-center-list {
  display: grid;
  gap: 10px;
}

.employee-center-list-row {
  align-items: center;
  background: color-mix(in srgb, var(--ui-soft) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 16%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 4px;
  padding: 12px 14px;
}

.employee-center-filter-grid {
  align-items: end;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.employee-center-filter-grid label {
  display: grid;
  gap: 8px;
}

.employee-center-filter-grid input,
.employee-center-filter-grid select {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  color: inherit;
  font: inherit;
  min-height: 40px;
  padding: 0 12px;
  width: 100%;
}

.employee-center-table-wrap {
  margin-bottom: 14px;
  overflow: auto;
  padding: 0;
}

.employee-center-table {
  border-collapse: collapse;
  min-width: 100%;
  width: 100%;
}

.employee-center-table th,
.employee-center-table td {
  border-bottom: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  font-size: 13px;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}

.employee-center-table th {
  background: color-mix(in srgb, var(--ui-soft) 86%, transparent);
  color: var(--brand-ink);
  font-weight: 500;
  position: sticky;
  top: 0;
}

.employee-center-empty-cell {
  color: var(--muted);
  text-align: center;
}

.employee-center-pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.employee-inline-select {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: inherit;
  font: inherit;
  min-height: 34px;
  padding: 0 10px;
}

.employee-center-detail-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  padding: 16px;
}

.employee-center-detail-grid div {
  display: grid;
  gap: 6px;
}

.employee-center-detail-grid .is-wide {
  grid-column: 1 / -1;
}

.employee-order-filter-grid {
  align-items: end;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  min-width: 0;
  width: 100%;
}

.employee-order-filter-grid [data-filter-size="query"],
.employee-order-filter-grid .employee-center-filter-actions { grid-column: span 2; }

.employee-order-filter-grid label {
  gap: 4px;
  min-width: 0;
}

.employee-order-filter-grid label > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}

.employee-order-filter-grid input,
.employee-order-filter-grid select {
  border-radius: 8px;
  font-size: 12px;
  min-height: 32px;
  padding: 0 8px;
}

.employee-order-filter-grid [data-filter-size="page"] {
  width: 54px;
}

.employee-order-filter-grid .employee-center-filter-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.employee-order-filter-grid .employee-center-filter-actions button {
  font-size: 12px;
  min-height: 32px;
  padding: 0 10px;
}

.employee-business-metric-grid,
.employee-business-period-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
}

.employee-business-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.employee-business-period-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.employee-business-metric,
.employee-business-period-card {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 6px;
  padding: 16px;
}

.employee-business-metric span,
.employee-business-period-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-business-metric strong,
.employee-business-period-card strong {
  color: var(--brand-ink);
  font-size: 24px;
}

.employee-business-metric small,
.employee-business-period-card small {
  color: var(--muted);
  line-height: 1.5;
}

.employee-business-metric[data-tone="positive"] strong,
.employee-business-pill[data-tone="positive"] {
  color: var(--ui-muted);
}

.employee-business-metric[data-tone="negative"] strong,
.employee-business-pill[data-tone="negative"] {
  color: var(--ui-blue);
}

.employee-business-metric[data-tone="muted"] strong,
.employee-business-pill[data-tone="muted"] {
  color: var(--muted);
}

.employee-business-pill {
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 96%, transparent);
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 9px;
  white-space: nowrap;
}

.employee-business-pill[data-tone="positive"] {
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border-color: color-mix(in srgb, var(--ui-blue) 22%, transparent);
}

.employee-business-pill[data-tone="negative"] {
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border-color: color-mix(in srgb, var(--ui-blue) 22%, transparent);
}

.employee-business-tab-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.employee-business-filter {
  margin-bottom: 14px;
}

.employee-business-table td,
.employee-business-table th {
  white-space: nowrap;
}

.employee-business-trend-list {
  display: grid;
  gap: 10px;
}

.employee-business-trend-row {
  align-items: center;
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  display: grid;
  gap: 10px;
  grid-template-columns: 92px minmax(120px, 1fr) repeat(5, max-content);
  padding: 12px;
}

.employee-business-trend-row span {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.employee-business-trend-bar {
  background: color-mix(in srgb, var(--ui-active) 55%, transparent);
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.employee-business-trend-bar span {
  background: var(--ui-blue);
  display: block;
  height: 100%;
}

.employee-business-formula-list,
.employee-business-gap-list {
  display: grid;
  gap: 8px;
}

.employee-business-formula-list p,
.employee-business-gap-list p {
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

.employee-group-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  white-space: nowrap;
}

.employee-group-actions .employee-funds-inline-button {
  border-radius: 7px;
  font-size: 12px;
  min-height: 32px;
  padding: 0 9px;
}

.employee-group-filter-row {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.employee-group-filter-row .employee-center-filter-grid {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
}

.employee-group-filter-row .employee-business-filter > label:first-child {
  width: 190px;
}

.employee-group-filter-row .employee-business-filter > label:not(:first-child) {
  width: 120px;
}

.employee-group-filter-row .employee-group-list-filter > label:first-child {
  width: 270px;
}

.employee-group-filter-row .employee-group-list-filter > label:nth-child(2) {
  width: 145px;
}

.employee-group-filter-row .employee-group-list-filter > label:nth-child(3) {
  width: 105px;
}

.employee-group-filter-row .employee-center-filter-actions {
  flex-wrap: nowrap;
  white-space: nowrap;
}

.employee-group-daily-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.employee-group-daily-toolbar span {
  color: var(--muted);
  font-size: 13px;
}

.employee-group-filter-popover {
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 14px;
  margin-bottom: 14px;
  padding: 16px;
}

.employee-group-filter-popover header {
  align-items: start;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.employee-group-filter-popover h3,
.employee-group-filter-popover p {
  margin: 0;
}

.employee-group-filter-search {
  display: grid;
  gap: 8px;
}

.employee-group-filter-search input {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  min-height: 40px;
  padding: 0 12px;
}

.employee-group-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.employee-group-filter-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  max-height: 300px;
  overflow: auto;
}

.employee-group-filter-list label {
  align-items: center;
  background: color-mix(in srgb, var(--ui-soft) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 16%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr auto;
  padding: 10px 12px;
}

.employee-group-filter-list small {
  color: var(--muted);
}

.employee-group-daily-scroll {
  border: 1px solid var(--line);
  border-radius: 11px;
  cursor: grab;
  max-height: none;
  overflow: clip;
  position: relative;
}

.employee-group-daily-scroll:active {
  cursor: grabbing;
}

.employee-group-daily-bottom-scroll {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 999px;
  bottom: 10px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  height: 18px;
  margin-top: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  position: sticky;
  z-index: 9;
}

.employee-group-daily-bottom-scroll[hidden] {
  display: none;
}

.employee-group-daily-bottom-spacer {
  height: 1px;
}

.employee-group-daily-table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 980px;
  width: max-content;
}

.employee-group-daily-table th,
.employee-group-daily-table td {
  background: var(--ui-panel);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  border-right: 1px solid rgba(236, 228, 196, 0.72);
  min-width: 124px;
  padding: 10px;
  text-align: left;
  vertical-align: top;
}

.employee-group-daily-table th {
  background: color-mix(in srgb, var(--ui-soft) 96%, transparent);
  color: var(--brand-ink);
  font-size: 12px;
  font-weight: 500;
  position: sticky;
  top: 0;
  z-index: 3;
}

.employee-group-daily-table thead tr:nth-child(2) th {
  top: 39px;
}

.employee-group-daily-table .is-sticky-date {
  left: 0;
  min-width: 118px;
  position: sticky;
  z-index: 4;
}

.employee-group-daily-table td.is-sticky-date {
  background: var(--ui-soft);
}

.employee-group-daily-cell {
  display: grid;
  gap: 5px;
  position: relative;
}

.employee-group-daily-cell span {
  color: var(--muted);
  font-size: 11px;
}

.employee-group-daily-cell strong {
  color: var(--ui-green);
  font-size: 13px;
}

.employee-group-daily-cell i {
  background: var(--ui-blue);
  border-radius: 999px;
  display: block;
  height: 6px;
}

.employee-group-daily-table td.is-zero {
  color: var(--ui-muted);
  opacity: 0.58;
}

.employee-group-daily-table td.is-zero .employee-group-daily-cell strong {
  color: var(--ui-muted);
}

.employee-order-list,
.employee-order-detail-items,
.employee-order-import-preview-list {
  display: grid;
  gap: 8px;
}

.employee-order-card {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  padding: 10px 12px;
}

.employee-order-card-main {
  align-items: center;
  display: grid;
  gap: 8px 10px;
  grid-template-columns: minmax(210px, 1.7fr) 64px minmax(112px, 0.82fr) minmax(150px, 1.15fr) minmax(86px, 0.7fr) repeat(3, minmax(74px, 0.62fr)) minmax(116px, 0.85fr);
}

.employee-order-card-block {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.employee-order-card-products {
  min-width: 0;
}

.employee-order-card-label,
.employee-order-helper {
  color: var(--muted);
  font-size: 12px;
}

.employee-order-card-block strong {
  font-size: 13px;
  line-height: 1.35;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-product-list,
.employee-order-source-list {
  display: grid;
  gap: 5px;
}

.employee-order-product-line {
  min-width: 0;
}

.employee-order-product-line strong,
.employee-order-source-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-source-line {
  align-items: center;
  display: flex;
  gap: 6px;
  min-height: 18px;
  min-width: 0;
}

.employee-order-source-name {
  color: var(--text);
  font-size: 12px;
  font-weight: 400;
}

.employee-order-manual-tag {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  color: var(--ui-text);
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  padding: 4px 7px;
}

.employee-order-source-method {
  border: 1px solid color-mix(in srgb, var(--ui-line) 24%, transparent);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1;
  padding: 3px 6px;
  white-space: nowrap;
}

.employee-order-source-method[data-source="auto"] {
  border-color: color-mix(in srgb, var(--ui-blue) 28%, transparent);
  color: var(--ui-text);
}

.employee-order-source-method[data-source="manual"] {
  border-color: color-mix(in srgb, var(--ui-blue) 30%, transparent);
  color: var(--ui-blue);
}

.employee-order-card-status {
  min-width: 0;
}

.employee-order-table .employee-order-card-status {
  min-width: 0;
}

.employee-order-table .employee-order-status-list {
  flex-wrap: wrap;
  max-width: 100%;
  gap: 4px;
}

.employee-order-table .employee-order-status-pill {
  font-size: 10px;
  font-weight: 500;
  min-height: 20px;
  padding: 0 5px;
}

.employee-order-status-list,
.employee-order-dialog-actions,
.employee-order-detail-inline-meta,
.employee-order-import-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.employee-order-status-pill,
.employee-order-import-flags span {
  align-items: center;
  background: color-mix(in srgb, var(--ui-soft) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 30%, transparent);
  border-radius: 999px;
  color: var(--brand-ink);
  display: inline-flex;
  font-size: 11px;
  font-weight: 500;
  min-height: 24px;
  padding: 0 8px;
  white-space: nowrap;
}

.employee-order-status-pill[data-tone="success"] {
  background: var(--ui-soft);
  border-color: var(--ui-line);
  color: var(--ui-green);
}

.employee-order-status-pill[data-tone="warn"] {
  background: var(--warn-bg);
  border-color: var(--warn-line);
  color: var(--warn-ink);
}

.employee-order-status-pill[data-tone="danger"] {
  background: var(--ui-panel);
  border-color: var(--ui-line);
  color: var(--ui-red);
}

.employee-order-card-actions {
  justify-items: start;
}

.employee-order-card .employee-funds-inline-button {
  min-height: 32px;
  padding: 0 12px;
}

.employee-order-table {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  display: grid;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  padding: 8px;
  width: 100%;
}

.employee-order-table-row {
  align-items: center;
  display: grid;
  gap: 4px;
  grid-template-columns: 30px 86px 224px 52px 74px 108px 64px 146px 68px 68px 68px 62px minmax(188px, 1fr);
  min-width: 1302px;
}

.employee-order-select-cell {
  align-items: center;
  display: flex;
  justify-content: center;
}

.employee-order-select-cell input {
  height: 16px;
  margin: 0;
  width: 16px;
}

.employee-order-table-head {
  background: color-mix(in srgb, var(--ui-soft) 86%, transparent);
  border: 1px solid var(--line);
  border-radius: 10px;
  color: var(--brand-ink);
  font-size: 12px;
  font-weight: 500;
  min-height: 28px;
  padding: 0 8px;
}

.employee-order-table-body {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  min-height: 58px;
  padding: 6px 8px;
}

.employee-order-table-cell {
  color: var(--text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  min-width: 0;
}

.employee-order-table-cell strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-product-cell {
  max-width: 224px;
  width: 224px;
}

.employee-order-cell-lines {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.employee-order-product-text {
  display: block;
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-product-pair {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.employee-order-product-telegram {
  color: var(--text);
}

a.employee-order-product-telegram:hover,
a.employee-order-product-weidian:hover {
  color: var(--ui-blue);
  text-decoration: underline;
}

.employee-order-product-weidian {
  color: var(--muted);
  font-size: 11px;
}

.employee-order-product-unmatched {
  color: var(--ui-blue);
  font-size: 11px;
  font-weight: 500;
}

.employee-order-store-cell span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-detail-cell {
  justify-items: start;
}

.employee-order-purchase.is-manual {
  color: var(--ui-blue);
  font-weight: 500;
}

.employee-order-purchase.is-refund-excluded span,
.employee-order-refund-purchase {
  color: var(--ui-blue);
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

.employee-order-combined-time {
  display: grid;
  gap: 2px;
}

.employee-order-unmatched-time {
  color: var(--muted);
}

.employee-order-detail-chip {
  background: color-mix(in srgb, var(--ui-panel) 95%, transparent);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  min-height: 24px;
  padding: 0 8px;
  white-space: nowrap;
}

.employee-order-detail-chip:hover {
  border-color: var(--brand);
  color: var(--brand-ink);
}

.employee-order-source-wrap {
  align-items: start;
  display: grid;
  gap: 3px;
  min-width: 0;
}

.employee-order-source-wrap small {
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.employee-order-source-wrap .employee-order-source-multi-id,
.employee-order-source-line .employee-order-source-multi-id {
  color: var(--ui-blue);
  font-size: 11px;
  font-weight: 400;
}

a.employee-order-source-name:hover {
  text-decoration: underline;
}

.employee-order-source-wrap .employee-order-manual-tag {
  justify-self: start;
}

.employee-order-date-time {
  display: grid;
  gap: 1px;
  white-space: nowrap;
}

.employee-order-date-time small {
  color: var(--muted);
  font-size: 11px;
}

.employee-order-gross-margin[data-tone="negative"] {
  color: var(--ui-blue);
  font-weight: 500;
}

.employee-order-gross-margin[data-tone="positive"] {
  color: var(--ui-muted);
  font-weight: 500;
}

.employee-order-source-name[data-source="auto"] {
  color: var(--ui-green);
  font-weight: 400;
}

.employee-order-source-name[data-source="manual"] {
  color: var(--ui-orange);
  font-weight: 400;
}

.employee-order-source-name[data-source="missing"] {
  color: var(--ui-red);
  font-weight: 400;
}

.employee-modal-backdrop {
  align-items: center;
  background: var(--ui-modal-backdrop);
  backdrop-filter: blur(4px);
  display: grid;
  inset: 0;
  justify-items: center;
  padding: 28px;
  position: fixed;
  z-index: 30;
}

.employee-order-bulk-source-modal {
  width: min(620px, 100%);
}

.employee-order-bulk-source-field {
  display: grid;
  gap: 8px;
}

.employee-order-bulk-source-field > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}

.employee-modal {
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 18px;
  max-height: min(88vh, 980px);
  overflow: auto;
  padding: 24px;
  width: min(1120px, 100%);
}

.employee-order-import-modal {
  gap: 0;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: auto;
  max-height: min(900px, calc(100vh - 40px));
  overflow: hidden;
  padding: 0;
}

.employee-order-import-modal > .employee-modal-head {
  border-bottom: 1px solid var(--line);
  padding: 20px 22px;
}

.employee-order-import-body {
  overscroll-behavior: contain;
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 220px);
  min-height: 0;
  overflow-y: auto;
  padding: 16px 22px;
}

.employee-order-import-body > * {
  margin-bottom: 0;
}

.employee-order-import-foot {
  align-items: center;
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border-top: 1px solid var(--line);
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 14px 22px;
}

.employee-modal-head {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.employee-modal-head-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.employee-modal-head h3,
.employee-modal-head p {
  margin: 0;
}

.employee-modal-head p:last-child {
  color: var(--muted);
  line-height: 1.6;
  margin-top: 8px;
}

.employee-order-detail-content {
  display: grid;
  gap: 16px;
}

.employee-order-detail-topbar,
.employee-order-import-grid,
.employee-order-detail-grid {
  display: grid;
  gap: 14px;
}

.employee-order-detail-topbar {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 14px;
}

.employee-order-detail-topbar label,
.employee-order-import-grid label,
.employee-order-detail-grid label {
  display: grid;
  gap: 8px;
}

.employee-order-detail-topbar input,
.employee-order-detail-topbar select,
.employee-order-import-grid input,
.employee-order-import-grid select,
.employee-order-detail-grid input,
.employee-order-detail-grid select,
.employee-order-detail-grid textarea {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  color: inherit;
  font: inherit;
  min-height: 40px;
  padding: 0 12px;
  width: 100%;
}

.employee-order-detail-grid textarea {
  min-height: 92px;
  padding: 10px 12px;
  resize: vertical;
}

.employee-order-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.employee-order-detail-grid .is-wide,
.employee-order-import-grid .is-wide {
  grid-column: 1 / -1;
}

.employee-table-shell {
  overflow-x: auto;
}

.employee-table {
  border-collapse: collapse;
  min-width: 860px;
  width: 100%;
}

.employee-table th,
.employee-table td {
  border-bottom: 1px solid var(--line);
  padding: 10px 8px;
  text-align: left;
  vertical-align: top;
}

.employee-table th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-table tr.is-selected {
  background: color-mix(in srgb, var(--ui-blue) 12%, transparent);
}

.employee-empty-cell {
  color: var(--muted);
  padding: 24px 8px;
  text-align: center;
}

.employee-funds-link-button {
  background: transparent;
  border: 0;
  color: var(--accent-strong);
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  padding: 0;
  text-align: left;
}

.employee-row-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.employee-two-column-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.employee-info-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
}

.employee-info-panel h3 {
  margin: 0 0 10px;
}

.employee-compact-list {
  display: grid;
  gap: 8px;
}

.employee-compact-list-item {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 3px;
  padding-bottom: 8px;
}

.employee-compact-list-item span,
.employee-compact-list-item small {
  color: var(--muted);
}

.employee-group-round-dates {
  display: grid;
  gap: 4px;
  min-width: 132px;
  white-space: nowrap;
}

.employee-group-round-dates span + span {
  color: var(--employee-muted, var(--ui-muted));
}

.employee-group-remaining {
  display: grid;
  gap: 2px;
  line-height: 1.2;
  min-width: 48px;
  text-align: center;
  white-space: nowrap;
}

.employee-business-table td.is-negative {
  color: var(--ui-blue);
  font-weight: 500;
}

.employee-order-detail-item,
.employee-order-import-preview-item {
  background: color-mix(in srgb, var(--ui-soft) 62%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 16%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 12px;
  padding: 14px;
}

.employee-order-detail-item header,
.employee-order-import-preview-item {
  align-items: start;
}

.employee-order-detail-item header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.employee-order-detail-item header span,
.employee-order-detail-inline-meta span,
.employee-order-import-preview-item p {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
}

.employee-order-import-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.employee-order-import-summaries {
  display: grid;
  gap: 10px;
}

.employee-order-import-file-summary {
  padding: 12px 14px;
}

.employee-order-import-file-summary h4 {
  font-size: 13px;
  margin: 0 0 8px;
  overflow-wrap: anywhere;
}

.employee-order-import-summary-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(min(116px, 100%), 1fr));
}

.employee-order-import-summary-metric {
  align-items: center;
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
  padding: 8px 10px;
}

.employee-order-import-summary-metric span {
  color: var(--ui-muted);
  font-size: 12px;
}

.employee-order-import-summary-metric strong {
  font-size: 18px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.employee-order-import-detail-title {
  overflow-wrap: anywhere;
}

.employee-order-import-preview-item {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}

.employee-funds-shell {
  display: grid;
  gap: 18px;
}

.employee-funds-banner {
  border-radius: 11px;
  font-size: 14px;
  line-height: 1.6;
  padding: 12px 16px;
}

.employee-funds-banner[data-tone="success"] {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  color: var(--ui-green);
}

.employee-funds-banner[data-tone="warn"] {
  background: var(--warn-bg);
  border: 1px solid var(--warn-line);
  color: var(--warn-ink);
}

.employee-funds-header {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.employee-funds-header-copy {
  display: grid;
  gap: 8px;
}

.employee-funds-header-copy h2,
.employee-funds-header-copy p,
.employee-funds-card h3,
.employee-funds-card p,
.employee-funds-detail-card h3,
.employee-funds-detail-card p,
.employee-funds-state-card h3,
.employee-funds-state-card p,
.employee-funds-empty h3,
.employee-funds-empty p {
  margin: 0;
}

.employee-funds-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.employee-funds-header-copy h2 {
  font-size: 28px;
  line-height: 1.06;
}

.employee-funds-header-copy p:last-child {
  color: var(--muted);
  line-height: 1.7;
  max-width: 760px;
}

.employee-funds-context-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.employee-funds-tag {
  align-items: center;
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 34%, transparent);
  border-radius: 999px;
  color: var(--ui-text);
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  min-height: 30px;
  padding: 0 12px;
  white-space: nowrap;
}

.employee-funds-tab-nav {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
}

.employee-funds-tab-button,
.employee-funds-action-button,
.employee-funds-inline-button {
  border-radius: 7px;
  cursor: pointer;
  font-weight: 500;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 120ms ease, filter 120ms ease, transform 120ms ease;
}

.employee-funds-tab-button {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  color: var(--muted);
  min-height: 36px;
  padding: 0 16px;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.employee-funds-tab-button:hover {
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 56%, transparent);
  transform: translateY(-1px);
}

.employee-funds-tab-button.is-active {
  background: var(--brand-soft);
  border-color: color-mix(in srgb, var(--ui-line) 50%, transparent);
  color: var(--brand-ink);
}

.employee-funds-tab-button:disabled,
.employee-funds-action-button:disabled,
.employee-funds-inline-button:disabled,
.employee-funds-bootstrap-row button:disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.employee-funds-content {
  display: grid;
  gap: 18px;
}

.employee-funds-card,
.employee-funds-state-card,
.employee-funds-detail-card,
.employee-funds-empty,
.employee-funds-table-wrap,
.employee-funds-surface-note {
  background: color-mix(in srgb, var(--ui-panel) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 90%, transparent);
  border-radius: 11px;
}

.employee-funds-card,
.employee-funds-state-card,
.employee-funds-detail-card,
.employee-funds-empty,
.employee-funds-surface-note {
  padding: 18px;
}

.employee-funds-shell code,
.employee-funds-state-card code,
.employee-funds-empty code {
  background: color-mix(in srgb, var(--ui-soft) 82%, transparent);
  border-radius: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 0.92em;
  padding: 2px 6px;
}

.employee-funds-card-header {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.employee-funds-card-header p:last-child,
.employee-funds-state-card p:last-child,
.employee-funds-detail-card p:last-child,
.employee-funds-empty p:last-child {
  color: var(--muted);
  line-height: 1.7;
}

.employee-funds-card-meta {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.employee-funds-state-card,
.employee-funds-empty {
  display: grid;
  gap: 12px;
  justify-items: start;
}

.employee-funds-state-card[data-tone="error"] {
  background: var(--ui-panel);
  border-color: var(--ui-line);
  color: var(--ui-red);
}

.employee-funds-state-card[data-tone="loading"] {
  background: color-mix(in srgb, var(--ui-panel) 88%, transparent);
}

.employee-funds-state-card[data-tone="plain"] {
  background: color-mix(in srgb, var(--ui-panel) 74%, transparent);
}

.employee-funds-state-card-actions,
.employee-funds-inline-actions,
.employee-funds-placeholder-actions,
.employee-funds-bootstrap-toolbar,
.employee-funds-bootstrap-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.employee-funds-action-button,
.employee-funds-inline-button {
  border: 1px solid var(--line);
  min-height: 36px;
  padding: 0 16px;
}

.employee-funds-action-button {
  background: var(--ui-panel);
  border-color: color-mix(in srgb, var(--ui-line) 86%, transparent);
  color: var(--brand-ink);
}

.employee-funds-action-button:hover {
  filter: brightness(1.02);
}

.employee-funds-action-button:active:not(:disabled),
.employee-funds-inline-button:active:not(:disabled) {
  box-shadow: inset 0 2px 5px rgba(92, 67, 18, 0.18);
  transform: translateY(1px) scale(0.98);
}

.employee-funds-inline-button,
.employee-funds-bootstrap-toolbar .employee-funds-inline-button {
  background: var(--ui-panel);
  color: var(--ink);
}

.employee-funds-inline-button:hover,
.employee-funds-bootstrap-toolbar .employee-funds-inline-button:hover {
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 56%, transparent);
}

.employee-funds-inline-button.is-danger {
  background: var(--ui-panel);
  border-color: var(--ui-line);
  color: var(--ui-red);
}

.employee-dashboard-alerts {
  background: var(--ui-panel);
  border: 1px solid var(--warn-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: grid;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px;
}

.employee-dashboard-alerts-head {
  align-items: start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.employee-dashboard-alerts-head h2,
.employee-dashboard-alerts-head p {
  margin: 0;
}

.employee-dashboard-alerts-head p:last-child {
  color: var(--muted);
  line-height: 1.6;
}

.employee-funds-alert-grid,
.employee-funds-warning-list {
  display: grid;
  gap: 12px;
}

.employee-funds-alert-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.employee-funds-alert-card,
.employee-funds-warning {
  background: color-mix(in srgb, var(--ui-panel) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 96%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 7px;
  padding: 14px;
}

.employee-funds-alert-card {
  color: inherit;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease;
}

.employee-funds-alert-card:hover {
  border-color: var(--accent);
  transform: translateY(-1px);
}

.employee-funds-alert-card[data-level="warning"],
.employee-funds-warning {
  border-color: var(--warn-line);
}

.employee-funds-alert-card[data-level="danger"] {
  background: var(--ui-panel);
  border-color: var(--ui-line);
}

.employee-funds-alert-card span,
.employee-funds-warning strong {
  color: var(--accent);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.employee-funds-alert-card strong {
  font-size: 15px;
}

.employee-funds-alert-card p,
.employee-funds-warning p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.employee-funds-overview-grid,
.employee-funds-summary-grid,
.employee-funds-settings-grid,
.employee-funds-bootstrap-grid {
  display: grid;
  gap: 14px;
}

.employee-funds-summary-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.employee-funds-metric {
  background: var(--ui-panel);
  border: 1px solid color-mix(in srgb, var(--ui-line) 92%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 8px;
  min-height: 128px;
  padding: 16px;
}

.employee-funds-metric strong {
  font-size: 26px;
  line-height: 1;
}

.employee-funds-metric span:first-child {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.employee-funds-metric small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.employee-funds-summary-grid .employee-funds-metric:first-child strong {
  font-size: 32px;
}

.employee-funds-split {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 1fr);
}

.employee-funds-table-wrap {
  overflow: auto;
}

.employee-funds-table {
  border-collapse: collapse;
  min-width: 100%;
  width: 100%;
}

.employee-funds-table th,
.employee-funds-table td {
  border-bottom: 1px solid color-mix(in srgb, var(--ui-line) 70%, transparent);
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}

.employee-funds-table th {
  background: color-mix(in srgb, var(--ui-soft) 78%, transparent);
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  white-space: nowrap;
  z-index: 1;
}

.employee-funds-table td {
  font-size: 14px;
  line-height: 1.6;
}

.employee-funds-table tbody tr:hover td {
  background: color-mix(in srgb, var(--ui-soft) 38%, transparent);
}

.employee-funds-table tbody tr:last-child td {
  border-bottom: 0;
}

.employee-funds-table .is-number {
  text-align: right;
  white-space: nowrap;
}

.employee-funds-table .is-strong {
  font-weight: 500;
}

.employee-funds-pill {
  align-items: center;
  background: color-mix(in srgb, var(--ui-soft) 90%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 36%, transparent);
  border-radius: 999px;
  color: var(--ui-text);
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  min-height: 26px;
  padding: 0 10px;
}

.employee-funds-pill[data-tone="warn"] {
  background: var(--accent-soft);
  border-color: color-mix(in srgb, var(--ui-line) 32%, transparent);
  color: var(--ui-orange);
}

.employee-funds-pill[data-tone="muted"] {
  background: color-mix(in srgb, var(--ui-panel) 64%, transparent);
  border-color: color-mix(in srgb, var(--ui-line) 80%, transparent);
  color: var(--muted);
}

.employee-funds-meta-stack {
  display: grid;
  gap: 4px;
}

.employee-funds-meta-stack small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.employee-funds-surface-note {
  display: grid;
  gap: 10px;
}

.employee-funds-placeholder-list {
  color: var(--muted);
  margin: 0;
  padding-left: 18px;
}

.employee-funds-detail-card {
  display: grid;
  gap: 14px;
}

.employee-funds-detail-grid,
.employee-funds-settings-grid,
.employee-funds-bootstrap-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-funds-detail-item,
.employee-funds-settings-item {
  background: color-mix(in srgb, var(--ui-soft) 54%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 6px;
  padding: 14px;
}

.employee-funds-detail-item span:first-child,
.employee-funds-settings-item span:first-child {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.employee-funds-detail-item strong,
.employee-funds-settings-item strong {
  font-size: 15px;
  line-height: 1.5;
}

.employee-funds-link-list {
  display: grid;
  gap: 10px;
}

.employee-funds-link-item {
  background: color-mix(in srgb, var(--ui-panel) 88%, transparent);
  border: 1px dashed color-mix(in srgb, var(--ui-line) 34%, transparent);
  border-radius: 11px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.employee-funds-link-item strong {
  font-size: 13px;
}

.employee-funds-link-item span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.employee-funds-bootstrap-grid,
.employee-funds-bootstrap-row {
  align-items: start;
}

.employee-funds-bootstrap-form {
  display: grid;
  gap: 16px;
}

.employee-funds-bootstrap-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-funds-bootstrap-field,
.employee-funds-bootstrap-row {
  display: grid;
  gap: 8px;
}

.employee-funds-bootstrap-field span,
.employee-funds-bootstrap-row label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-funds-bootstrap-form input,
.employee-funds-bootstrap-form select,
.employee-funds-bootstrap-form textarea {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  min-height: 42px;
  outline: none;
  padding: 0 12px;
}

.employee-funds-bootstrap-form textarea {
  min-height: 96px;
  padding: 12px;
  resize: vertical;
}

.employee-funds-bootstrap-form input:focus,
.employee-funds-bootstrap-form select:focus,
.employee-funds-bootstrap-form textarea:focus {
  border-color: var(--brand-strong);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.employee-funds-bootstrap-row {
  background: color-mix(in srgb, var(--ui-panel) 80%, transparent);
  border: 1px solid color-mix(in srgb, var(--ui-line) 90%, transparent);
  border-radius: 11px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 16px;
}

.employee-funds-bootstrap-row label {
  display: grid;
  gap: 8px;
}

.employee-funds-bootstrap-row label[data-span="2"] {
  grid-column: span 2;
}

.employee-funds-bootstrap-row-actions {
  align-items: end;
  display: flex;
  justify-content: flex-end;
}

.employee-funds-helper-text {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.employee-funds-quick-form {
  display: grid;
  gap: 16px;
}

.employee-funds-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employee-funds-form-field,
.employee-funds-static-field {
  display: grid;
  gap: 8px;
}

.employee-funds-form-field[data-span="2"] {
  grid-column: span 2;
}

.employee-funds-form-field span,
.employee-funds-static-field span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

.employee-funds-form-field input,
.employee-funds-form-field select,
.employee-funds-form-field textarea {
  background: var(--ui-panel);
  border: 1px solid var(--line);
  border-radius: 11px;
  min-height: 42px;
  outline: none;
  padding: 0 12px;
}

.employee-funds-form-field textarea {
  min-height: 96px;
  padding: 12px;
  resize: vertical;
}

.employee-funds-form-field input:focus,
.employee-funds-form-field select:focus,
.employee-funds-form-field textarea:focus {
  border-color: var(--brand-strong);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.employee-funds-static-field {
  background: color-mix(in srgb, var(--ui-soft) 58%, transparent);
  border: 1px dashed color-mix(in srgb, var(--ui-line) 28%, transparent);
  border-radius: 11px;
  padding: 14px;
}

.employee-funds-static-field strong {
  font-size: 15px;
  line-height: 1.5;
}

.employee-funds-static-field p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
}

.employee-funds-check-field {
  align-items: start;
  display: flex;
  gap: 10px;
}

.employee-funds-check-field input {
  margin-top: 3px;
}

.employee-funds-check-field span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.employee-funds-void-card {
  border-color: var(--ui-line);
  background: var(--ui-panel);
}

.employee-funds-actions-muted {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.employee-funds-disabled-button {
  background: color-mix(in srgb, var(--ui-panel) 76%, transparent);
  border: 1px dashed color-mix(in srgb, var(--ui-line) 90%, transparent);
  border-radius: 7px;
  color: var(--muted);
  cursor: not-allowed;
  min-height: 36px;
  padding: 0 16px;
}

.employee-funds-hidden-note {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.employee-posting-workspace {
  --posting-line: var(--ui-active);
  --posting-panel: var(--ui-panel);
  --posting-head: var(--ui-soft);
  --posting-muted: var(--ui-muted);
  gap: 10px;
  font-size: 13px;
}

body[data-employee-module="posting"] .employee-main {
  gap: 10px;
}

body[data-employee-module="posting"] .employee-main-head {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  min-height: auto;
  padding: 10px 12px;
}

body[data-employee-module="posting"] .employee-main-head h1 {
  font-size: 20px;
  line-height: 1.2;
}

body[data-employee-module="posting"] .employee-main-head p {
  font-size: 12px;
  line-height: 1.35;
}

.employee-posting-workspace .employee-funds-kicker {
  font-size: 11px;
  letter-spacing: 0.08em;
}

.employee-posting-workspace .employee-funds-toolbar,
.employee-posting-toolbar {
  align-items: center;
  background: var(--ui-panel);
  border: 1px solid var(--posting-line);
  border-radius: 8px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
}

.employee-posting-workspace .employee-funds-toolbar h2,
.employee-posting-workspace .employee-funds-toolbar h3,
.employee-posting-workspace .employee-funds-toolbar p {
  margin: 0;
}

.employee-posting-workspace .employee-funds-toolbar h2 {
  font-size: 18px;
  line-height: 1.2;
}

.employee-posting-workspace .employee-funds-toolbar h3 {
  font-size: 15px;
}

.employee-posting-workspace .employee-funds-toolbar p:last-child {
  color: var(--posting-muted);
  font-size: 12px;
  line-height: 1.45;
}

.employee-posting-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.employee-posting-summary .employee-funds-settings-item {
  align-items: center;
  background: var(--posting-head);
  border: 1px solid var(--posting-line);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  min-height: 26px;
  padding: 2px 8px;
}

.employee-posting-summary .employee-funds-settings-item span:first-child {
  color: var(--ui-text);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.employee-posting-summary .employee-funds-settings-item strong {
  color: var(--ui-text);
  font-size: 12px;
  line-height: 1.2;
}

.employee-posting-panel {
  background: var(--posting-panel);
  border: 1px solid var(--posting-line);
  border-radius: 8px;
  box-shadow: none;
  padding: 10px;
}

.employee-posting-plan-panel {
  background: var(--posting-panel);
  border: 1px solid var(--posting-line);
  border-radius: 8px;
  overflow: auto;
  width: 100%;
}

.employee-posting-panel-head {
  align-items: center;
  background: var(--posting-head);
  border-bottom: 1px solid var(--posting-line);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 8px 10px;
}

.employee-posting-panel-head h3,
.employee-posting-panel-head p {
  margin: 0;
}

.employee-posting-panel-head h3 {
  font-size: 14px;
}

.employee-posting-panel-head p {
  color: var(--posting-muted);
  font-size: 12px;
  line-height: 1.35;
}

.employee-posting-table-shell {
  background: var(--posting-panel);
  border: 1px solid var(--posting-line);
  border-radius: 8px;
  overflow: auto;
}

.employee-posting-table {
  border-collapse: collapse;
  min-width: 1080px;
  table-layout: auto;
  width: 100%;
}

.employee-posting-table th,
.employee-posting-table td {
  border-bottom: 1px solid var(--ui-line);
  font-size: 12px;
  line-height: 1.28;
  padding: 6px 7px;
  text-align: left;
  vertical-align: middle;
}

.employee-posting-table th {
  background: var(--posting-head);
  color: var(--ui-text);
  font-weight: 500;
  letter-spacing: 0;
  position: sticky;
  text-transform: none;
  top: 0;
  white-space: nowrap;
  z-index: 1;
}

.employee-posting-table td:first-child,
.employee-posting-table td:nth-child(5),
.employee-posting-table td:nth-child(6),
.employee-posting-table td:nth-child(8) {
  white-space: nowrap;
}

.employee-posting-table td:nth-child(2) {
  min-width: 170px;
}

.employee-posting-table td:last-child {
  min-width: 250px;
}

.employee-posting-table tbody tr:hover td {
  background: color-mix(in srgb, var(--ui-soft) 55%, transparent);
}

.employee-posting-table tbody tr.is-selected td {
  background: var(--ui-soft);
}

.employee-posting-workspace .employee-row-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.employee-posting-workspace .employee-funds-inline-button {
  background: var(--ui-soft);
  border: 1px solid var(--posting-line);
  border-radius: 6px;
  color: var(--ui-text);
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 500;
  min-height: 24px;
  padding: 3px 7px;
  white-space: nowrap;
}

.employee-posting-workspace .employee-funds-inline-button:not(:disabled):hover {
  background: var(--ui-soft);
  border-color: var(--ui-line);
}

.employee-posting-workspace .employee-funds-link-button {
  color: var(--ui-text);
  font-size: 12px;
  line-height: 1.25;
}

.employee-posting-workspace .employee-funds-helper-text {
  color: var(--posting-muted);
  font-size: 11px;
  line-height: 1.35;
}

.employee-posting-workspace .employee-compact-list {
  max-height: 220px;
  overflow: auto;
}

.employee-posting-workspace .employee-compact-list-item {
  border-bottom: 1px solid var(--ui-line);
  gap: 3px;
  padding: 6px 0;
}

.employee-posting-workspace .employee-two-column-grid {
  gap: 10px;
}

.employee-posting-form-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-posting-form-grid label {
  color: var(--ui-text);
  display: grid;
  font-size: 12px;
  gap: 4px;
}

.employee-posting-form-grid label[data-span="2"] {
  grid-column: 1 / -1;
}

.employee-posting-form-grid input,
.employee-posting-form-grid select,
.employee-posting-form-grid textarea {
  background: var(--ui-panel);
  border: 1px solid var(--posting-line);
  border-radius: 6px;
  color: var(--ui-text);
  font: inherit;
  min-height: 32px;
  padding: 6px 8px;
}

.employee-posting-form-grid textarea {
  min-height: 68px;
  resize: vertical;
}

.employee-posting-progress {
  display: grid;
  gap: 2px;
}

.employee-posting-progress strong,
.employee-posting-progress span {
  white-space: nowrap;
}

.employee-posting-progress span {
  color: var(--posting-muted);
  font-size: 11px;
}

.employee-posting-modal-backdrop {
  align-items: center;
  background: var(--ui-modal-backdrop);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 50;
}

.employee-posting-modal {
  background: var(--ui-panel);
  border: 1px solid var(--posting-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  max-height: calc(100vh - 48px);
  overflow: auto;
  width: min(760px, 100%);
}

.employee-posting-modal-head,
.employee-posting-modal-actions {
  align-items: flex-start;
  background: var(--ui-soft);
  border-bottom: 1px solid var(--posting-line);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 14px;
}

.employee-posting-modal-head h3,
.employee-posting-modal-head p {
  margin: 0;
}

.employee-posting-modal-head p {
  color: var(--posting-muted);
  font-size: 12px;
  margin-top: 3px;
}

.employee-posting-modal-body {
  padding: 14px;
}

.employee-posting-modal-actions {
  align-items: center;
  border-bottom: 0;
  border-top: 1px solid var(--posting-line);
  justify-content: flex-end;
}

.employee-posting-primary-button {
  background: var(--brand) !important;
  border-color: var(--ui-blue) !important;
  color: var(--brand-ink) !important;
}

.employee-posting-detail-panel {
  overflow: hidden;
  padding: 0;
}

#employeePostingAllQueue[data-posting-detail-tab="queue"] {
  min-height: 650px;
}

.employee-posting-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

.employee-posting-tabs button {
  background: var(--ui-panel);
  border: 1px solid var(--posting-line);
  border-radius: 6px;
  color: var(--ui-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  min-height: 26px;
  padding: 3px 8px;
}

.employee-posting-tabs button.is-active {
  background: var(--brand);
  border-color: transparent;
  color: var(--brand-ink);
  font-weight: 500;
}

.employee-posting-tab-content {
  padding: 10px;
}

#employeePostingAllQueue[data-posting-detail-tab="queue"] .employee-posting-tab-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 590px;
}

.employee-posting-queue-pagination {
  align-items: center;
  color: var(--ui-text);
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 6px;
  justify-content: flex-end;
}

.employee-posting-queue-pagination > span {
  margin-right: auto;
}

.employee-posting-queue-pagination label {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.employee-posting-queue-pagination button,
.employee-posting-queue-pagination select {
  background: var(--ui-panel);
  border: 1px solid var(--posting-line);
  border-radius: 6px;
  color: var(--ui-text);
  font: inherit;
  min-height: 28px;
  padding: 3px 8px;
}

.employee-posting-queue-pagination button:not(:disabled) {
  cursor: pointer;
}

.employee-posting-queue-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.employee-posting-detail-table-wrap {
  max-height: 360px;
  overflow: auto;
}

#employeePostingAllQueue[data-posting-detail-tab="queue"] .employee-posting-detail-table-wrap {
  background: var(--posting-panel);
  flex: 1 1 auto;
  height: clamp(540px, 70vh, 760px);
  max-height: none;
  min-height: 540px;
}

.employee-posting-detail-table {
  border-collapse: collapse;
  min-width: 760px;
  width: 100%;
}

.employee-posting-detail-table th,
.employee-posting-detail-table td {
  border-bottom: 1px solid var(--ui-line);
  font-size: 12px;
  line-height: 1.28;
  padding: 6px 7px;
  text-align: left;
  vertical-align: top;
}

.employee-posting-detail-table th {
  background: var(--posting-head);
  color: var(--ui-text);
  font-weight: 500;
  position: sticky;
  top: 0;
}

@media (max-width: 1040px) {
  .employee-login {
    grid-template-columns: 1fr;
  }

  .employee-workspace {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }

  .employee-sidebar {
    height: auto;
    min-height: auto;
    overflow: visible;
    position: static;
  }

  .employee-main {
    height: auto;
    overflow: visible;
  }

  .employee-loader {
    inset: 214px 0 auto 0;
  }

  .employee-native-panel {
    padding: 16px;
  }

  .employee-funds-header,
  .employee-funds-card-header {
    flex-direction: column;
  }

  .employee-funds-context-tags {
    justify-content: flex-start;
  }

  .employee-funds-summary-grid,
  .employee-funds-settings-grid,
  .employee-funds-detail-grid,
  .employee-funds-alert-grid,
  .employee-funds-bootstrap-grid,
  .employee-funds-form-grid {
    grid-template-columns: 1fr 1fr;
  }

  .employee-order-card-main {
    grid-template-columns: 1fr 1fr;
  }

  .employee-order-card-products,
  .employee-order-card-status,
  .employee-order-card-actions {
    grid-column: 1 / -1;
  }

  .employee-modal {
    max-height: 92vh;
    padding: 20px;
  }

  .employee-funds-split {
    grid-template-columns: 1fr;
  }

  .employee-funds-bootstrap-row {
    grid-template-columns: 1fr 1fr;
  }

  .employee-funds-bootstrap-row label[data-span="2"] {
    grid-column: span 2;
  }

}

@media (max-width: 720px) {
  .employee-main {
    padding: 16px;
  }

  .employee-main-head h1,
  .employee-funds-header-copy h2 {
    font-size: 24px;
  }

  .employee-funds-summary-grid,
  .employee-funds-settings-grid,
  .employee-funds-detail-grid,
  .employee-funds-alert-grid,
  .employee-funds-bootstrap-grid,
  .employee-funds-bootstrap-row,
  .employee-funds-form-grid {
    grid-template-columns: 1fr;
  }

  .employee-order-card-main,
  .employee-order-detail-grid,
  .employee-order-detail-topbar,
  .employee-order-import-grid,
  .employee-order-import-preview-item {
    grid-template-columns: 1fr;
  }

  .employee-modal-backdrop {
    padding: 14px;
  }

  .employee-modal {
    border-radius: 11px;
    padding: 16px;
  }

  .employee-funds-bootstrap-row label[data-span="2"] {
    grid-column: auto;
  }

  .employee-funds-form-field[data-span="2"] {
    grid-column: auto;
  }

  .employee-posting-form-grid {
    grid-template-columns: 1fr;
  }

  .employee-posting-form-grid label[data-span="2"] {
    grid-column: auto;
  }

  .employee-funds-tab-button {
    flex: 1 1 calc(50% - 10px);
  }

  .employee-daily-current-heading,
  .employee-daily-current-safety {
    align-items: stretch;
    flex-direction: column;
  }

  .employee-daily-current-actions {
    min-width: 0;
    width: 100%;
  }

  .employee-daily-current-actions label {
    flex: 1 1 auto;
    min-width: 0;
  }

  .employee-daily-current-actions input {
    max-width: 100%;
    width: 100%;
  }

  .employee-daily-date-status {
    grid-template-columns: 1fr;
  }

  .employee-daily-current-shortcuts {
    align-items: stretch;
    flex-direction: column;
  }

  .employee-daily-current-shortcuts span {
    margin-left: 0;
  }
}

/* Operating dashboard v2 and shared primary navigation */
:root {
  --shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  --shadow-lg: 0 12px 38px color-mix(in srgb, var(--ui-blue) 8%, transparent);
}

body {
  background: var(--ui-bg);
}

.employee-sidebar {
  background: color-mix(in srgb, var(--ui-panel) 94%, transparent);
  border-right: 1px solid var(--ui-line);
  box-shadow: none;
  gap: 16px;
  padding: 18px 14px;
  inset: 0 auto 0 0;
  position: fixed;
  width: 252px;
  z-index: 30;
  backdrop-filter: blur(10px);
}

.employee-brand {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  gap: 12px;
  padding: 15px;
}

.employee-brand-top { display: flex; gap: 11px; align-items: center; }
.employee-avatar {
  align-items: center;
  background: var(--ui-panel);
  border-radius: 11px;
  box-shadow: inset 0 0 0 1px rgba(119, 82, 0, 0.12);
  color: var(--ui-text);
  display: flex;
  flex: 0 0 42px;
  font-size: 13px;
  font-weight: 500;
  height: 42px;
  justify-content: center;
  width: 42px;
}
.employee-brand h2 { font-size: 15px; line-height: 1.2; }
.employee-account-name { color: var(--ui-text); font-size: 12px; font-weight: 500; line-height: 1.3; margin: 4px 0 0; }
.employee-identity { font-size: 11px; line-height: 1.3; margin: 2px 0 0; }
.employee-group-chip {
  align-items: center;
  align-self: start;
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  color: var(--ui-text);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  padding: 6px 9px;
}
.employee-group-chip span, .employee-operating-status-dot { background: var(--ui-blue); border-radius: 50%; display: inline-block; height: 8px; width: 8px; }
.employee-group-chip b { font-weight: 500; }
.employee-module-nav { gap: 6px; }
.employee-module-button {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--ui-muted);
  display: flex;
  gap: 10px;
  min-height: 36px;
  padding: 11px 12px;
  transform: none;
  width: 100%;
}
.employee-module-button:hover { background: var(--ui-soft); border-color: var(--ui-line); transform: none; }
.employee-module-button.is-active { background: var(--ui-active); border-color: var(--ui-line); box-shadow: 0 1px 3px light-dark(#2026310a, #00000026); color: var(--ui-text); }
.employee-module-icon {
  align-items: center;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  display: flex;
  flex: 0 0 27px;
  font-size: 13px;
  height: 27px;
  justify-content: center;
  width: 27px;
}
.employee-module-label { font-size: 14px; font-weight: 500; }
.employee-ghost-button { background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 7px; color: var(--ui-muted); min-height: 36px; padding: 11px 12px; text-align: left; }
.employee-main { gap: 14px; grid-column: 2; padding: 20px; }
.employee-main-head { padding: 22px 24px; }
.employee-main-head h1 { font-size: 24px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.15; }
.employee-module-description { margin-top: 7px; }
.employee-head-actions { align-items: center; flex-wrap: wrap; }
.employee-head-refresh,
.employee-operating-toolbar > button,
.employee-operating-error button {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  color: var(--ui-text);
  cursor: pointer;
  font-weight: 500;
  height: 40px;
  padding: 0 14px;
}
.employee-tag { background: var(--ui-soft); border: 1px solid var(--ui-line); color: var(--ui-text); gap: 7px; min-height: 34px; padding: 0 10px; }

body[data-employee-module="business"] .employee-native-panel {
  background: transparent;
  border: 0;
  box-shadow: none;
  display: block;
  min-height: 0;
  padding: 0;
}
body[data-employee-module="business"] .employee-main-head { display: none; }
body[data-employee-module="business"] .employee-native-panel > * + * { margin-top: 14px; }

body[data-employee-module="orders"] .employee-main {
  align-content: start;
  grid-auto-rows: max-content;
}

body[data-employee-module="orders"] .employee-main-head {
  display: none;
}

body[data-employee-module="orders"] .employee-native-panel {
  align-self: start;
  height: auto;
  max-width: 100%;
  min-width: 0;
  min-height: calc(100vh - 40px);
  overflow: visible;
  width: 100%;
}

.employee-operating-toolbar,
.employee-business-filter,
.employee-business-tab-nav,
.employee-operating-card {
  background: color-mix(in srgb, var(--ui-panel) 96%, transparent);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}
.employee-operating-toolbar { align-items: center; display: flex; gap: 16px; justify-content: space-between; padding: 17px 18px; }
.employee-operating-toolbar p { color: var(--ui-blue); font-size: 12px; font-weight: 500; letter-spacing: .16em; margin: 0; text-transform: uppercase; }
.employee-operating-toolbar h2 { font-size: 22px; font-weight: 500; margin: 4px 0 0; }
.employee-operating-toolbar > div > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.employee-operating-toolbar span, .employee-operating-meta-pill {
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 500;
  padding: 6px 9px;
}
.employee-operating-toolbar small { color: var(--ui-muted); display: block; margin-top: 8px; }
.employee-operating-toolbar .employee-operating-description { font-size: 14px; line-height: 1.55; margin-top: 6px; }
.employee-operating-toolbar > button { background: linear-gradient(180deg, var(--ui-blue), var(--ui-blue)); border-color: var(--ui-blue); color: var(--ui-text); }
body[data-employee-module="business"] .employee-business-filter {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1.2fr) minmax(150px, .7fr) minmax(180px, 1fr) auto;
  margin: 0;
  padding: 14px 16px;
}
body[data-employee-module="business"] .employee-business-filter label { display: grid; gap: 7px; }
body[data-employee-module="business"] .employee-business-filter label[hidden] { display: none; }
body[data-employee-module="business"] .employee-business-filter label > span { color: var(--ui-muted); font-size: 12px; font-weight: 500; }
body[data-employee-module="business"] .employee-business-filter input,
body[data-employee-module="business"] .employee-business-filter select {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  color: var(--ui-text);
  height: 40px;
  outline: none;
  padding: 0 12px;
  width: 100%;
}
body[data-employee-module="business"] .employee-business-filter input:focus,
body[data-employee-module="business"] .employee-business-filter select:focus { border-color: var(--ui-blue); box-shadow: 0 1px 3px light-dark(#2026310a, #00000026); }
body[data-employee-module="business"] .employee-business-filter .employee-center-filter-actions { align-items: end; }
body[data-employee-module="business"] .employee-business-filter .employee-funds-action-button { background: var(--ui-bg); border-color: var(--ui-blue); border-radius: 7px; color: var(--ui-text); font-weight: 500; height: 40px; }
body[data-employee-module="business"] .employee-business-tab-nav { display: flex; flex-wrap: nowrap; gap: 6px; margin: 0; overflow-x: auto; padding: 6px; }
body[data-employee-module="business"] .employee-business-tab-nav button { background: transparent; border: 1px solid transparent; border-radius: 7px; color: var(--ui-muted); font-weight: 500; min-height: 36px; white-space: nowrap; }
body[data-employee-module="business"] .employee-business-tab-nav button.is-active { background: var(--ui-active); border-color: var(--ui-line); color: var(--ui-text); }
.employee-operating-partial, .employee-operating-error { background: var(--ui-orange-bg); border: 1px solid var(--ui-line); border-radius: 11px; color: var(--ui-orange); font-size: 13px; font-weight: 500; padding: 13px 15px; }
.employee-operating-error { background: var(--ui-panel); border-color: var(--ui-line); color: var(--ui-red); }
.employee-operating-error.is-inline { padding: 13px 15px; }
.employee-operating-error h3, .employee-operating-error p { margin: 0 0 10px; }
.employee-operating-loading { background: var(--ui-panel); border: 1px dashed var(--ui-line); border-radius: 11px; padding: 68px 20px; text-align: center; }
.employee-operating-loading > div { display: grid; gap: 9px; margin: 0 auto 18px; max-width: 80%; width: 230px; }
.employee-operating-loading i { animation: operating-shimmer 1.2s infinite; background: var(--ui-panel); background-size: 200% 100%; border-radius: 999px; height: 10px; }
.employee-operating-loading p { color: var(--ui-muted); font-size: 13px; }
@keyframes operating-shimmer { to { background-position: -200% 0; } }

.employee-operating-card { min-width: 0; padding: 18px; }
.employee-operating-card-head { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 14px; }
.employee-operating-card-head h3 { font-size: 19px; font-weight: 500; margin: 0; }
.employee-operating-card-head p { color: var(--ui-muted); font-size: 12px; line-height: 1.5; margin: 5px 0 0; }
.employee-operating-kpi-grid { display: grid; gap: 8px; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.employee-operating-kpi {
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  min-height: 138px;
  overflow: hidden;
  padding: 11px;
  position: relative;
}
.employee-operating-kpi::after { background: color-mix(in srgb, var(--ui-blue) 13%, transparent); border-radius: 50%; content: ""; height: 86px; position: absolute; right: -32px; top: -32px; width: 86px; }
.employee-operating-kpi > span { color: var(--ui-muted); font-size: 11px; font-weight: 500; position: relative; z-index: 1; }
.employee-operating-kpi > strong { display: block; font-size: 22px; font-weight: 500; letter-spacing: 0; line-height: 1.08; margin-top: 9px; overflow-wrap: anywhere; position: relative; z-index: 1; }
.employee-operating-kpi > strong.is-masked { color: var(--ui-muted); font-size: 18px; letter-spacing: 0; margin-top: 16px; }
.employee-operating-kpi > small { color: var(--ui-muted); display: block; font-size: 10px; line-height: 1.35; margin-top: 6px; min-height: 28px; }
.employee-operating-kpi-foot { align-items: center; display: flex; font-size: 11px; gap: 4px; justify-content: space-between; margin-top: 7px; }
.employee-operating-kpi-foot b { font-weight: 500; }
.employee-business-spark { height: 22px; width: 62px; }
.up { color: var(--ui-muted) !important; } .down { color: var(--ui-blue) !important; } .flat { color: var(--ui-muted) !important; }
.employee-operating-overview-grid { align-items: stretch; display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
.employee-operating-overview-left { display: grid; gap: 14px; grid-template-rows: auto auto; min-width: 0; }
.employee-operating-overview-right { display: grid; gap: 14px; grid-template-rows: auto minmax(0, 1fr); min-width: 0; }
.employee-operating-reminders { display: flex; flex-direction: column; min-width: 0; }
.employee-operating-reminders .employee-operating-alerts { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.employee-operating-alerts { align-content: start; display: grid; flex: 1; gap: 9px; }
.employee-operating-legend { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.employee-operating-legend button { align-items: center; background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 999px; color: var(--ui-muted); display: flex; font-size: 11px; font-weight: 500; gap: 6px; padding: 6px 9px; }
.employee-operating-legend button.is-off { opacity: .42; text-decoration: line-through; }
.employee-operating-legend button:disabled { opacity: .55; }
.employee-operating-legend i { background: var(--legend); border-radius: 3px; height: 9px; width: 9px; }
.employee-operating-chart-wrap { background: linear-gradient(180deg, var(--ui-panel), var(--ui-panel)); border: 1px solid var(--ui-line); border-radius: 11px; min-height: 355px; padding: 8px; position: relative; }
.employee-operating-chart { display: block; height: 340px; width: 100%; }
.employee-operating-chart text { fill: var(--ui-soft); font-size: 10px; }
.employee-operating-chart text.right-axis { fill: var(--ui-blue); }
.employee-business-chart-tooltip { background: color-mix(in srgb, var(--ui-text) 94%, transparent); border-radius: 11px; box-shadow: 0 1px 3px light-dark(#2026310a, #00000026); color: var(--ui-panel); font-size: 12px; line-height: 1.7; min-width: 210px; padding: 11px 12px; pointer-events: none; position: fixed; z-index: 100; }
.employee-business-chart-tooltip > strong { font-size: 13px; }
.employee-business-chart-tooltip > div { display: grid; gap: 3px 14px; grid-template-columns: 1fr auto; margin-top: 5px; }
.employee-operating-cost-grid { align-items: stretch; display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.employee-operating-cost-grid > * { min-width: 0; }
.employee-operating-cost-card { min-height: 252px; padding: 16px; }
.employee-operating-cost-select { background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 10px; color: var(--ui-text); font-size: 12px; font-weight: 500; height: 34px; min-width: 126px; outline: none; padding: 0 9px; }
.employee-operating-cost-select:focus { border-color: var(--ui-blue); box-shadow: 0 1px 3px light-dark(#2026310a, #00000026); }
.employee-operating-cost-summary { align-items: flex-end; display: flex; gap: 12px; justify-content: space-between; margin: 1px 0 13px; }
.employee-operating-cost-summary strong { display: block; font-size: 25px; font-weight: 500; letter-spacing: -.035em; }
.employee-operating-cost-summary small { color: var(--ui-muted); display: block; font-size: 11px; margin-top: 3px; }
.employee-operating-cost-summary > b { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 999px; color: var(--ui-text); font-size: 11px; padding: 6px 8px; white-space: nowrap; }
.employee-operating-cost-bar { background: var(--ui-soft); border-radius: 999px; display: flex; height: 12px; margin-bottom: 14px; overflow: hidden; }
.employee-operating-cost-bar i { display: block; height: 100%; }
.employee-operating-cost-lines { display: grid; gap: 10px; }
.employee-operating-cost-lines p { align-items: center; display: grid; font-size: 12px; gap: 8px; grid-template-columns: 10px 1fr auto; margin: 0; }
.employee-operating-cost-lines > p > i { background: var(--cost); border-radius: 3px; height: 10px; width: 10px; }
.employee-operating-cost-lines span { color: var(--ui-muted); }
.employee-operating-cost-lines small { color: var(--ui-muted); display: block; font-size: 10px; margin-top: 2px; }
.employee-operating-cost-lines b { text-align: right; }
.employee-operating-segmented { background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 10px; display: inline-flex; padding: 3px; }
.employee-operating-segmented button { background: transparent; border: 0; border-radius: 7px; color: var(--ui-muted); font-size: 11px; font-weight: 500; padding: 6px 9px; }
.employee-operating-segmented button.is-active { background: var(--ui-active); color: var(--ui-text); }
.employee-operating-contribution-list { display: grid; gap: 12px; }
.employee-operating-contribution-list > div { display: grid; gap: 6px; }
.employee-operating-contribution-list p { display: flex; font-size: 12px; gap: 12px; justify-content: space-between; margin: 0; }
.employee-operating-contribution-list > div > i, .employee-operating-completeness > i { background: var(--ui-soft); border-radius: 999px; height: 9px; overflow: hidden; }
.employee-operating-contribution-list > div > i > b, .employee-operating-completeness > i > b { background: var(--ui-panel); border-radius: inherit; display: block; height: 100%; }
.employee-operating-contribution-list > div > i { background: transparent; border: 1px solid var(--ui-muted); box-sizing: border-box; display: block; width: 100%; }
.employee-operating-contribution-list > div > i > b { background: var(--ui-green); }
.employee-operating-reminder-summary { display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 12px; }
.employee-operating-reminder-summary > div { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 11px; padding: 10px; }
.employee-operating-reminder-summary span { color: var(--ui-muted); display: block; font-size: 10px; font-weight: 500; }
.employee-operating-reminder-summary b { display: block; font-size: 16px; margin-top: 4px; }
.employee-operating-alerts > div { background: var(--ui-orange-bg); border: 1px solid var(--ui-line); border-radius: 11px; display: grid; gap: 9px; grid-template-columns: 28px 1fr; padding: 10px; }
.employee-operating-alerts > div.is-red { background: var(--ui-panel); border-color: var(--ui-line); }
.employee-operating-alerts > div > i { align-items: center; background: var(--ui-panel); border-radius: 9px; color: var(--ui-orange); display: flex; font-style: normal; font-weight: 500; height: 28px; justify-content: center; width: 28px; }
.employee-operating-alerts p { margin: 0; }
.employee-operating-alerts strong { display: block; font-size: 12px; }
.employee-operating-alerts small { color: var(--ui-orange); display: block; font-size: 11px; line-height: 1.5; margin-top: 3px; }
.employee-operating-more-metrics { display: grid; gap: 10px; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.employee-operating-more-metrics > div { background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 11px; display: flex; flex-direction: column; min-height: 126px; padding: 13px; }
.employee-operating-more-metrics span { color: var(--ui-muted); font-size: 11px; font-weight: 500; }
.employee-operating-more-metrics strong { font-size: 20px; letter-spacing: -.02em; margin-top: 8px; }
.employee-operating-more-metrics b { font-size: 11px; margin-top: 7px; }
.employee-operating-more-metrics small { color: var(--ui-muted); font-size: 11px; line-height: 1.45; margin-top: auto; padding-top: 7px; }
.employee-operating-periods { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); }
.employee-operating-periods > div { background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 11px; padding: 15px; }
.employee-operating-periods header { align-items: center; display: flex; gap: 10px; justify-content: space-between; }
.employee-operating-periods header span { color: var(--ui-muted); font-size: 11px; }
.employee-operating-periods section, .employee-operating-summary-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); margin-top: 12px; }
.employee-operating-periods p, .employee-operating-summary-grid p { margin: 0; }
.employee-operating-periods p span, .employee-operating-summary-grid p span { color: var(--ui-muted); display: block; font-size: 10px; font-weight: 500; }
.employee-operating-periods p b, .employee-operating-summary-grid p b { display: block; font-size: 14px; margin-top: 4px; }
.employee-operating-table-card { overflow: hidden; padding: 0; }
.employee-operating-table-card > .employee-operating-card-head { padding: 18px 18px 12px; }
.employee-operating-table-scroll { max-height: 620px; overflow: auto; }
.employee-operating-table-scroll table { border-collapse: separate; border-spacing: 0; font-size: 13px; min-width: 940px; width: 100%; }
.employee-operating-table-scroll th, .employee-operating-table-scroll td { border-bottom: 1px solid var(--ui-line); padding: 12px 14px; text-align: left; white-space: nowrap; }
.employee-operating-table-scroll th { background: var(--ui-soft); color: var(--ui-text); font-size: 11px; position: sticky; top: 0; z-index: 3; }
.employee-operating-table-scroll th.num, .employee-operating-table-scroll td.num { text-align: right; }
.employee-operating-table-scroll th button { background: transparent; border: 0; color: inherit; font-weight: 500; padding: 0; }
.employee-operating-table-scroll tbody tr { background: var(--ui-panel); }
.employee-operating-table-scroll tbody tr:hover { background: var(--ui-soft); }
.employee-operating-store-link { background: transparent; border: 0; color: var(--ui-text); font-weight: 500; padding: 0; text-decoration: underline; text-decoration-color: var(--ui-line); text-underline-offset: 3px; }
.employee-operating-status { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 999px; color: var(--ui-muted); display: inline-flex; font-size: 11px; font-weight: 500; padding: 5px 8px; }
.employee-operating-status.is-profit { background: var(--ui-soft); border-color: var(--ui-line); color: var(--ui-green); }
.employee-operating-status.is-loss { background: var(--ui-panel); border-color: var(--ui-line); color: var(--ui-red); }
.employee-operating-status.is-even { background: var(--ui-soft); border-color: var(--ui-line); color: var(--ui-text); }
.employee-operating-daily-table { min-width: 1180px !important; }
.employee-operating-ledger { min-width: 1160px !important; }
.employee-operating-anomaly { color: var(--ui-blue); font-weight: 500; }
.employee-operating-anomaly::before { background: var(--ui-blue); border-radius: 50%; content: ""; display: inline-block; height: 7px; margin-right: 5px; width: 7px; }
.employee-operating-empty { color: var(--ui-muted); padding: 44px 16px; text-align: center; }
.employee-operating-formula { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 11px; color: var(--ui-text); font-size: 13px; line-height: 1.75; padding: 14px; }
.employee-operating-formula b { color: var(--ui-text); }
.employee-operating-profit-grid { display: grid; gap: 14px; grid-template-columns: 1.15fr .85fr; }
.employee-operating-card.is-best { background: var(--ui-panel); }
.employee-operating-card.is-loss { background: var(--ui-panel); }
.employee-operating-shop-hero { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; }
.employee-operating-shop-hero span { color: var(--ui-muted); font-size: 12px; }
.employee-operating-shop-hero h3 { font-size: 25px; margin: 4px 0 0; }
.employee-operating-shop-hero > div:last-child { text-align: right; }
.employee-operating-shop-hero > div:last-child strong { display: block; font-size: 28px; font-weight: 500; margin-top: 4px; }
.employee-operating-reasons { display: grid; gap: 8px; margin-top: 15px; }
.employee-operating-reasons p { background: color-mix(in srgb, var(--ui-panel) 62%, transparent); border: 1px solid color-mix(in srgb, var(--ui-line) 55%, transparent); border-radius: 11px; font-size: 12px; margin: 0; padding: 9px 10px; }
.employee-operating-completeness { display: grid; gap: 8px; }
.employee-operating-completeness p { display: flex; font-size: 12px; justify-content: space-between; margin: 0; }
.employee-operating-linkish { color: var(--ui-text); text-decoration: underline; text-decoration-color: var(--ui-line); text-underline-offset: 3px; }

@media (max-width: 1280px) {
  .employee-order-filter-grid {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  }

  .employee-order-filter-grid [data-filter-size="query"] {
    grid-column: span 2;
  }
}

@media (max-width: 1280px) {
  .employee-operating-kpi-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .employee-operating-more-metrics { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1040px) {
  .employee-workspace { grid-template-columns: minmax(0, 1fr); min-width: 0; width: 100%; }
  .employee-sidebar { border-bottom: 1px solid var(--ui-line); border-right: 0; display: block; inset: auto; padding: 12px 14px; position: static; width: auto; }
  .employee-brand, .employee-ghost-button { display: none; }
  .employee-module-nav { display: flex; overflow-x: auto; }
  .employee-module-button { flex: 0 0 auto; min-height: 0; padding: 9px 11px; width: auto; }
  .employee-module-icon { display: none; }
  .employee-main { grid-column: auto; min-width: 0; padding: 14px; width: 100%; }
  body[data-employee-module="business"] .employee-business-filter { grid-template-columns: 1fr 1fr; }
  .employee-operating-overview-grid, .employee-operating-profit-grid { grid-template-columns: 1fr; }
  .employee-operating-cost-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .employee-main-head, .employee-operating-toolbar, .employee-operating-card-head { align-items: flex-start; flex-direction: column; }
  .employee-operating-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .employee-operating-cost-grid, .employee-operating-periods { grid-template-columns: 1fr; }
  .employee-operating-periods section { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
  .employee-main { padding: 10px; }
  .employee-main > *,
  body[data-employee-module="business"] .employee-native-panel > * { max-width: 100%; min-width: 0; width: 100%; }
  .employee-main-head { padding: 18px; }
  .employee-main-head h1 { font-size: 24px; }
  body[data-employee-module="business"] .employee-business-filter { grid-template-columns: 1fr; }
  .employee-operating-kpi-grid { grid-template-columns: 1fr; }
  .employee-operating-more-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .employee-operating-card { padding: 14px; }
  .employee-operating-legend { justify-content: flex-start; }
  .employee-operating-toolbar > button { width: 100%; }
}

@media (max-width: 390px) {
  .employee-operating-more-metrics { grid-template-columns: 1fr; }
}
.group-modal-v2 {
  --gm-panel: var(--ui-panel);
  --gm-panel-soft: var(--ui-panel);
  --gm-panel-gold: var(--ui-muted);
  --gm-text: var(--ui-text);
  --gm-muted: var(--ui-muted);
  --gm-line: var(--ui-soft);
  --gm-gold: var(--ui-blue);
  --gm-gold-strong: var(--ui-blue);
  --gm-gold-light: var(--ui-blue);
  --gm-gold-soft: var(--ui-muted);
  --gm-success: var(--ui-blue);
  --gm-success-soft: var(--ui-soft);
  --gm-danger: var(--ui-blue);
  --gm-danger-soft: var(--ui-muted);
  --gm-shadow: 0 18px 60px color-mix(in srgb, var(--ui-blue) 20%, transparent);
  color: var(--gm-text);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.group-modal-v2 *,
.group-modal-v2 *::before,
.group-modal-v2 *::after {
  box-sizing: border-box;
}

.group-modal-v2__overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: var(--ui-modal-backdrop);
  backdrop-filter: blur(3px);
}

.group-modal-v2 .group-dialog {
  width: min(1480px, calc(100vw - 40px));
  height: min(900px, calc(100vh - 40px));
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: var(--gm-panel);
  border: 1px solid color-mix(in srgb, var(--ui-line) 95%, transparent);
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.group-modal-v2 .group-dialog__head {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 13px 18px;
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border-bottom: 1px solid var(--gm-line);
}

.group-modal-v2 .group-dialog__title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.group-modal-v2 .group-dialog__title h2 {
  min-width: 0;
  max-width: 360px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gm-text);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}

.group-modal-v2 .group-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
}

.group-modal-v2 .group-tag--active {
  color: var(--ui-muted);
  background: var(--ui-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-tag--warning {
  color: var(--ui-orange);
  background: var(--gm-gold-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-tag--neutral {
  color: var(--ui-muted);
  background: var(--ui-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-tag--danger {
  color: var(--gm-danger);
  background: var(--gm-danger-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-mode-tabs {
  display: inline-flex;
  padding: 3px;
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 10px;
}

.group-modal-v2 .group-mode-tabs button {
  height: 34px;
  padding: 0 14px;
  color: var(--ui-muted);
  background: transparent;
  border: 0;
  border-radius: 7px;
  font-weight: 500;
  cursor: pointer;
}

.group-modal-v2 .group-mode-tabs button.is-active {
  color: var(--ui-text);
  background: var(--ui-panel);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.group-modal-v2 .group-dialog__head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.group-modal-v2 .group-scroll-tip {
  padding: 7px 11px;
  color: var(--ui-text);
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  white-space: nowrap;
  font-size: 12px;
}

.group-modal-v2 .group-icon-button {
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--gm-line);
  border-radius: 7px;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.group-modal-v2 .group-icon-button:hover {
  background: var(--ui-soft);
}

.group-modal-v2 .group-dialog__body {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding: 16px 18px 24px;
  background: var(--ui-panel);
}

.group-modal-v2 .group-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.group-modal-v2 .group-summary__item {
  min-width: 0;
  padding: 10px 12px;
  background: var(--ui-panel);
  border: 1px solid var(--gm-line);
  border-radius: 11px;
}

.group-modal-v2 .group-summary__item small {
  display: block;
  margin-bottom: 4px;
  color: var(--gm-muted);
  font-size: 11px;
}

.group-modal-v2 .group-summary__item strong {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--gm-text);
  font-size: 14px;
}

.group-modal-v2 .group-summary__item strong.is-success {
  color: var(--gm-success);
}

.group-modal-v2 .group-summary__item strong.is-warning {
  color: var(--ui-orange);
}

.group-modal-v2 .group-section {
  margin-top: 12px;
  overflow: hidden;
  background: color-mix(in srgb, var(--ui-panel) 84%, transparent);
  border: 1px solid var(--gm-line);
  border-radius: 11px;
}

.group-modal-v2 .group-section__head {
  min-height: 57px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--gm-panel-soft);
  border-bottom: 1px solid var(--ui-line);
}

.group-modal-v2 .group-section__title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.group-modal-v2 .group-section__number {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: var(--ui-text);
  background: var(--ui-blue);
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
}

.group-modal-v2 .group-section__title h3 {
  margin: 0;
  color: var(--gm-text);
  font-size: 15px;
  font-weight: 500;
}

.group-modal-v2 .group-section__title p {
  margin: 3px 0 0;
  color: var(--gm-muted);
  font-size: 12px;
}

.group-modal-v2 .group-section__body {
  padding: 13px 14px;
}

.group-modal-v2 .group-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px 12px;
}

.group-modal-v2 .group-field {
  min-width: 0;
}

.group-modal-v2 .group-field--span-2 {
  grid-column: span 2;
}

.group-modal-v2 .group-field--full {
  grid-column: 1 / -1;
}

.group-modal-v2 .group-field label {
  display: block;
  margin: 0 0 6px;
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 500;
}

.group-modal-v2 .group-field input,
.group-modal-v2 .group-field select,
.group-modal-v2 .group-field textarea {
  width: 100%;
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  outline: none;
}

.group-modal-v2 .group-field input,
.group-modal-v2 .group-field select {
  height: 38px;
  padding: 0 10px;
}

.group-modal-v2 .group-field textarea {
  min-height: 70px;
  padding: 10px;
  resize: vertical;
}

.group-modal-v2 .group-field input:focus,
.group-modal-v2 .group-field select:focus,
.group-modal-v2 .group-field textarea:focus {
  border-color: var(--ui-line);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.group-modal-v2 .group-field .is-readonly,
.group-modal-v2 .group-field input:disabled,
.group-modal-v2 .group-field select:disabled,
.group-modal-v2 .group-field textarea:disabled {
  color: var(--ui-muted);
  background: var(--ui-soft);
}

.group-modal-v2 .group-allocation-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.group-modal-v2 .group-allocation-status.is-edit {
  justify-content: flex-start;
  margin: 12px 0 6px;
}

.group-modal-v2 .group-metric-chip {
  height: 29px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--gm-line);
  border-radius: 999px;
  white-space: nowrap;
  font-size: 12px;
}

.group-modal-v2 .group-metric-chip strong {
  margin-left: 4px;
  font-size: 14px;
}

.group-modal-v2 .group-metric-chip--success {
  color: var(--ui-green);
  background: var(--gm-success-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-metric-chip--danger {
  color: var(--ui-red);
  background: var(--gm-danger-soft);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-small-button {
  height: 34px;
  padding: 0 11px;
  color: var(--ui-muted);
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 7px;
  white-space: nowrap;
  font-weight: 500;
  cursor: pointer;
}

.group-modal-v2 .group-small-button:hover {
  background: var(--ui-soft);
}

.group-modal-v2 .group-small-button--danger {
  color: var(--gm-danger);
  border-color: var(--ui-line);
}

.group-modal-v2 .group-allocation-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.group-modal-v2 .group-allocation-table__store {
  width: 34%;
}

.group-modal-v2 .group-allocation-table__number {
  width: 11%;
}

.group-modal-v2 .group-allocation-table__posts {
  width: 17%;
}

.group-modal-v2 .group-allocation-table__ratio {
  width: 25%;
}

.group-modal-v2 .group-allocation-table__action {
  width: 13%;
}

.group-modal-v2 .group-allocation-table th {
  padding: 0 9px 2px;
  color: var(--ui-muted);
  background: transparent;
  border: 0;
  text-align: left;
  font-size: 11px;
  font-weight: 500;
}

.group-modal-v2 .group-allocation-table th:last-child {
  text-align: right;
}

.group-modal-v2 .group-allocation-table td {
  padding: 8px 9px;
  vertical-align: middle;
  background: var(--ui-panel);
  border-top: 1px solid var(--ui-line);
  border-bottom: 1px solid var(--ui-line);
}

.group-modal-v2 .group-allocation-table td:first-child {
  border-left: 1px solid var(--ui-line);
  border-radius: 10px 0 0 10px;
}

.group-modal-v2 .group-allocation-table td:last-child {
  text-align: right;
  border-right: 1px solid var(--ui-line);
  border-radius: 0 10px 10px 0;
}

.group-modal-v2 .group-allocation-table input,
.group-modal-v2 .group-allocation-table select {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  outline: none;
}

.group-modal-v2 .group-allocation-table input:focus,
.group-modal-v2 .group-allocation-table select:focus {
  border-color: var(--ui-line);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.group-modal-v2 .group-ratio {
  display: flex;
  align-items: center;
  gap: 9px;
}

.group-modal-v2 .group-ratio__track {
  height: 7px;
  flex: 1;
  overflow: hidden;
  background: var(--ui-soft);
  border-radius: 999px;
}

.group-modal-v2 .group-ratio__track i {
  display: block;
  height: 100%;
  background: var(--ui-panel);
  border-radius: 999px;
}

.group-modal-v2 .group-ratio > span {
  width: 42px;
  color: var(--ui-muted);
  text-align: right;
  font-size: 12px;
}

.group-modal-v2 .group-saved-allocation {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 7px;
  padding-top: 10px;
  border-top: 1px dashed var(--ui-line);
}

.group-modal-v2 .group-saved-allocation b {
  color: var(--ui-muted);
  font-size: 12px;
}

.group-modal-v2 .group-saved-pill {
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 999px;
  font-size: 12px;
}

.group-modal-v2 .group-saved-pill strong {
  color: var(--ui-blue);
}

.group-modal-v2 .group-legacy-note {
  margin-top: 9px;
  padding: 8px 10px;
  color: var(--ui-blue);
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  font-size: 12px;
}

.group-modal-v2 .group-funds-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1fr;
  gap: 12px;
}

.group-modal-v2 .group-funds-grid.is-muted .group-field:not(:first-child) {
  opacity: 0.58;
}

.group-modal-v2 .group-fund-switch-row {
  margin-top: 12px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 10px;
}

.group-modal-v2 .group-fund-switch-row strong {
  display: block;
  color: var(--gm-text);
  font-size: 13px;
}

.group-modal-v2 .group-fund-switch-row span {
  display: block;
  margin-top: 3px;
  color: var(--gm-muted);
  font-size: 11px;
}

.group-modal-v2 .group-switch {
  position: relative;
  flex: 0 0 auto;
  width: 45px;
  height: 24px;
  padding: 0;
  background: var(--ui-active);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: 0.2s;
}

.group-modal-v2 .group-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: var(--ui-panel);
  border-radius: 50%;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
  transition: 0.2s;
}

.group-modal-v2 .group-switch.is-on,
.group-modal-v2 .group-switch[aria-pressed="true"] {
  background: var(--gm-gold);
}

.group-modal-v2 .group-switch.is-on::after,
.group-modal-v2 .group-switch[aria-pressed="true"]::after {
  left: 24px;
}

.group-modal-v2 .group-history {
  margin-top: 12px;
  overflow: hidden;
  background: var(--ui-panel);
  border: 1px solid var(--gm-line);
  border-radius: 11px;
}

.group-modal-v2 .group-history summary {
  min-height: 58px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--gm-text);
  background: var(--gm-panel-soft);
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.group-modal-v2 .group-history summary::-webkit-details-marker {
  display: none;
}

.group-modal-v2 .group-history summary::after {
  content: "展开";
  color: var(--ui-blue);
  font-size: 11px;
}

.group-modal-v2 .group-history[open] summary::after {
  content: "收起";
}

.group-modal-v2 .group-history__body {
  padding: 0 14px 13px;
}

.group-modal-v2 .group-history-table-wrap {
  overflow-x: auto;
  padding-top: 10px;
}

.group-modal-v2 .group-history-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  font-size: 12px;
}

.group-modal-v2 .group-history-table th {
  padding: 9px 10px;
  color: var(--ui-muted);
  background: var(--ui-soft);
  text-align: left;
  font-weight: 500;
}

.group-modal-v2 .group-history-table td {
  padding: 9px 10px;
  border-bottom: 1px solid var(--ui-line);
  vertical-align: top;
}

.group-modal-v2 .group-purchase-edit-row > td {
  background: var(--ui-panel);
}

.group-modal-v2 .group-history-note {
  color: var(--gm-muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0 0;
}

.group-modal-v2 .group-inline-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 12px;
}

.group-modal-v2 .form-message {
  margin: 10px 0 0;
}

.group-modal-v2 .employee-funds-banner {
  margin: 10px 0 0;
}

.group-modal-v2 .group-dialog__foot {
  position: relative;
  z-index: 5;
  min-height: 68px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: color-mix(in srgb, var(--ui-panel) 98%, transparent);
  border-top: 1px solid var(--gm-line);
}

.group-modal-v2 .group-dialog__foot-note {
  color: var(--gm-muted);
  font-size: 12px;
}

.group-modal-v2 .group-dialog__foot-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

.group-modal-v2 .group-button {
  height: 42px;
  padding: 0 18px;
  border-radius: 7px;
  font-weight: 500;
  cursor: pointer;
}

.group-modal-v2 .group-button--secondary {
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--gm-line);
}

.group-modal-v2 .group-button--primary {
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}

.group-modal-v2 .group-button--secondary:hover {
  background: var(--ui-soft);
}

@media (max-width: 1080px) {
  .group-modal-v2 .group-dialog__title h2 {
    max-width: 220px;
  }

  .group-modal-v2 .group-scroll-tip {
    display: none;
  }

  .group-modal-v2 .group-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .group-modal-v2 .group-form-grid,
  .group-modal-v2 .group-funds-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-modal-v2 .group-field--span-2 {
    grid-column: span 2;
  }
}

@media (max-width: 760px) {
  .group-modal-v2__overlay {
    padding: 0;
  }

  .group-modal-v2 .group-dialog {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }

  .group-modal-v2 .group-dialog__head {
    align-items: flex-start;
  }

  .group-modal-v2 .group-dialog__title {
    flex-wrap: wrap;
  }

  .group-modal-v2 .group-dialog__title h2 {
    width: 100%;
    max-width: calc(100vw - 90px);
  }

  .group-modal-v2 .group-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-modal-v2 .group-form-grid,
  .group-modal-v2 .group-funds-grid {
    grid-template-columns: 1fr;
  }

  .group-modal-v2 .group-field--span-2,
  .group-modal-v2 .group-field--full {
    grid-column: auto;
  }

  .group-modal-v2 .group-section__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .group-modal-v2 .group-allocation-status {
    width: 100%;
    justify-content: flex-start;
  }

  .group-modal-v2 .group-allocation-table__ratio,
  .group-modal-v2 .group-allocation-table th:nth-child(4),
  .group-modal-v2 .group-allocation-table td:nth-child(4) {
    display: none;
  }

  .group-modal-v2 .group-allocation-table__store {
    width: 42%;
  }

  .group-modal-v2 .group-allocation-table__number {
    width: 18%;
  }

  .group-modal-v2 .group-allocation-table__posts {
    width: 22%;
  }

  .group-modal-v2 .group-allocation-table__action {
    width: 18%;
  }

  .group-modal-v2 .group-dialog__foot-note {
    display: none;
  }

  .group-modal-v2 .group-dialog__foot {
    justify-content: flex-end;
  }
}
.group-modal-v2 .group-address-compact-list {
  display: grid;
  gap: 7px;
}

.group-modal-v2 .group-address-compact-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 7px;
}

.group-modal-v2 .group-address-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  color: var(--ui-blue);
  background: var(--ui-soft);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
  font-weight: 500;
}

.group-modal-v2 .group-address-add-button {
  margin-top: 7px;
  padding: 0;
  color: var(--ui-blue);
  background: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.group-modal-v2 .group-fund-purchase-select {
  margin-bottom: 12px;
}

.group-modal-v2 .group-fund-purchase-select select {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  color: var(--gm-text);
  background: var(--ui-panel);
  border: 1px solid var(--ui-line);
  border-radius: 9px;
}
.employee-relay-store-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 14px 0;
}
.employee-relay-store-select {
  flex: 0 1 360px;
  min-width: 280px;
  max-width: 360px;
}
.employee-relay-store-select small {
  color: var(--text-muted, var(--ui-muted));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-relay-status-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  color: var(--text-muted, var(--ui-muted));
  background: var(--surface-soft, var(--ui-panel));
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 999px;
  font-size: 13px;
}
.employee-relay-store-bar label,
.employee-relay-route label {
  display: grid;
  gap: 6px;
}
.employee-relay-switch {
  display: flex !important;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 999px;
}
.employee-relay-route-list {
  display: grid;
  gap: 10px;
}
.employee-relay-route {
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(150px, .9fr) minmax(210px, 1.2fr) minmax(150px, .8fr) auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 11px;
}
.employee-relay-route > div:first-child,
.employee-relay-route-state {
  display: grid;
  gap: 4px;
}
.employee-relay-route > div:first-child span,
.employee-relay-route-state span {
  color: var(--text-muted, var(--ui-muted));
  font-size: 12px;
}
.employee-relay-target-name {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-relay-target-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  color: inherit;
  text-align: left;
  background: var(--surface, var(--ui-panel));
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 9px;
  cursor: pointer;
}
.employee-relay-target-picker span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-relay-target-picker small {
  color: var(--text-muted, var(--ui-muted));
}
.employee-relay-selector-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: color-mix(in srgb, var(--ui-blue) 38%, transparent);
}
.employee-relay-selector-dialog {
  width: min(680px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  padding: 18px;
  overflow: hidden;
  background: var(--surface, var(--ui-panel));
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 11px;
  box-shadow: 0 1px 3px light-dark(#2026310a, #00000026);
}
.employee-relay-selector-dialog header,
.employee-relay-selector-tools,
.employee-relay-selector-option {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.employee-relay-selector-dialog header h3,
.employee-relay-selector-dialog header p {
  margin: 0;
}
.employee-relay-selector-dialog header p {
  margin-top: 4px;
  color: var(--text-muted, var(--ui-muted));
}
.employee-relay-selector-dialog header > button {
  flex: 0 0 auto;
  min-width: 38px;
}
.employee-relay-selector-tools {
  margin: 16px 0 12px;
}
.employee-relay-selector-tools input {
  min-width: 0;
  flex: 1;
}
.employee-relay-selector-list {
  display: grid;
  gap: 8px;
  max-height: 500px;
  overflow-y: auto;
}
.employee-relay-selector-option {
  width: 100%;
  padding: 11px 12px;
  color: inherit;
  text-align: left;
  background: var(--surface-soft, var(--ui-panel));
  border: 1px solid var(--line-soft, var(--ui-line));
  border-radius: 10px;
  cursor: pointer;
}
.employee-relay-selector-option > span {
  display: grid;
  min-width: 0;
}
.employee-relay-selector-option strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.employee-relay-selector-option small,
.employee-relay-selector-option code {
  color: var(--text-muted, var(--ui-muted));
}
.employee-relay-preview {
  margin-top: 16px;
}
@media (max-width: 1080px) {
  .employee-relay-store-bar,
  .employee-relay-route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .employee-relay-store-bar,
  .employee-relay-route {
    grid-template-columns: minmax(0, 1fr);
  }
  .employee-relay-target-name {
    max-width: 100%;
  }
  .employee-relay-store-select {
    flex-basis: 100%;
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  .employee-relay-status-chip,
  .employee-relay-switch {
    max-width: 100%;
  }
  .employee-relay-selector-tools {
    align-items: stretch;
    flex-direction: column;
  }
  .employee-relay-selector-option {
    align-items: flex-start;
    flex-direction: column;
  }
}

.employee-order-match-modal {
  width: min(560px, calc(100vw - 32px));
}
.employee-order-match-presets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.employee-order-match-presets button {
  min-width: 0;
  padding: 8px 4px;
  font-size: 13px;
  white-space: nowrap;
}
.employee-order-match-modal .employee-modal-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 540px) {
  .employee-order-match-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.employee-order-match-presets [aria-pressed="true"] {
  background: var(--brand-soft);
  border-color: var(--brand-strong);
  font-weight: 500;
}
.employee-order-match-days {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}
.employee-order-match-days input {
  width: 88px;
  min-width: 0;
}
.employee-order-match-scope {
  margin: 16px 0 10px;
  line-height: 1.6;
}

/* Purchase frequency is a separate read-only view. */
.employee-order-count-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0; }
.employee-order-count-tools select,.employee-order-count-tools input { width: 116px; min-height: 32px; }
.employee-order-count-tools small { color: var(--ui-muted); flex: 1 1 300px; }
.employee-order-count-cell .employee-order-product-pair { gap: 2px; font-size: 12px; }
.employee-order-count-cell .employee-order-product-pair span:last-child { font-size: 11px; color: var(--muted); }
.employee-relay-bulk { position: sticky; top: 0; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 10px; margin-bottom: 10px; }
.employee-relay-bulk select { width: 160px; }
.employee-relay-bulk input[type=checkbox],.employee-relay-group-check input { width: 16px; height: 16px; }
.employee-relay-group-check { display: flex; align-items: center; gap: 8px; }
.gmv2-row-field input:disabled { background: var(--ui-soft); color: var(--ui-muted); cursor: not-allowed; }

.employee-relay-route .employee-relay-group-check { display: flex; align-items: center; gap: 8px; }
.employee-relay-bulk button { border: 1px solid var(--ui-line); border-radius: 7px; padding: 6px 10px; color: var(--ui-text); background: var(--ui-panel); font-size: 12px; cursor: pointer; }
.employee-relay-bulk button:disabled { opacity: .45; cursor: not-allowed; }
.employee-relay-bulk select,.employee-order-count-tools select,.employee-order-count-tools input { border: 1px solid var(--ui-line); border-radius: 7px; padding: 6px 8px; background: var(--ui-panel); font-size: 12px; }
.employee-relay-bulk label { display: flex; align-items: center; gap: 5px; font-size: 12px; }

.employee-forward-route-settings>button{align-self: end;min-height: 36px;}

.employee-order-forward-errors { margin: 8px 0 0; padding-left: 22px; max-height: 240px; overflow: auto; overflow-wrap: anywhere; }
.employee-order-forward-errors li + li { margin-top: 6px; }

/* Source membership actions stay beside the source and never submit a forward. */
.employee-source-join-wrap{display: inline-flex;align-items: center;flex-wrap: wrap;gap: 4px;max-width: 100%;vertical-align: middle;}
.employee-source-join-name{font-size: 11px;color: var(--ui-muted);}
.employee-source-join{font-size: 11px !important;line-height: 1.25 !important;padding: 3px 6px !important;min-height: 23px !important;white-space: nowrap;border-radius: 6px !important;border: 1px solid var(--ui-line);background: var(--ui-panel);color: var(--ui-text);cursor: pointer;}
.employee-source-join:hover{background: var(--ui-soft);}
.employee-source-join:disabled{opacity: .55;cursor: wait;}
.employee-source-join-status{font-size: 11px;color: var(--ui-muted);}
.employee-source-join-status.is-joined{color: var(--ui-text);}
.employee-source-join-feedback{font-size: 11px;color: var(--ui-blue);overflow-wrap: anywhere;}

h1,h2,h3 {font-weight:500;}

.employee-modal-head > .employee-funds-inline-button {flex-shrink:0;white-space:nowrap;min-width:56px;}

/* Employee operations: compact navigation, readable chart and side detail. */
.employee-sidebar-toggle { align-self:end; justify-self:end; min-width:32px; min-height:34px; padding:5px 8px; font-size:20px; line-height:1; }
.employee-sidebar { grid-template-rows:auto minmax(0,1fr) auto auto; }
.employee-sidebar-collapsed .employee-sidebar { width:64px; padding:12px 8px; }
.employee-sidebar-collapsed .employee-brand,
.employee-sidebar-collapsed .employee-module-label,
.employee-sidebar-collapsed .employee-module-copy,
.employee-sidebar-collapsed #logoutButton { display:none; }
.employee-sidebar-collapsed .employee-workspace { grid-template-columns:64px minmax(0,1fr); }
.employee-sidebar-collapsed .employee-module-button { justify-content:center; padding:10px 5px; }
.employee-daily-master-detail { grid-template-columns:minmax(0,1fr) 340px; align-items:start; }
.employee-daily-recommendation-detail { position:sticky; top:12px; max-height:calc(100vh - 24px); overflow:auto; }
.employee-daily-relay-result.is-delivered strong,.employee-placement-status.is-delivered { color:var(--ui-green); }
.employee-daily-relay-result.is-not_sent strong,.employee-placement-status.is-not_sent { color:var(--ui-red); }
.employee-operating-chart text { fill:var(--ui-muted); }
.employee-operating-chart .employee-chart-zero { color:var(--ui-text); }
.employee-operating-chart .employee-chart-zero-label { fill:var(--ui-text); font-weight:600; }
.employee-group-business-scroll { max-height:calc(100vh - 240px); overflow:auto; }
.employee-group-business-scroll th { position:sticky; top:0; background:var(--ui-panel); z-index:2; white-space:nowrap; }
.employee-group-business-scroll th:first-child,.employee-group-business-scroll td:first-child { width:52px; }
[data-tgp-mapping] select,[data-tgp-mapping] option,[data-tgp-mapping] .employee-template-name { color:var(--ui-orange,#d58b32); }
@media(max-width:820px) {
  .employee-daily-master-detail { grid-template-columns:minmax(0,1fr) 300px; }
  .employee-daily-recommendation-workspace { overflow-x:auto; }
  .employee-daily-master-detail { min-width:900px; }
  .employee-sidebar-collapsed .employee-workspace { grid-template-columns:1fr; }
  .employee-sidebar-collapsed .employee-sidebar { width:auto; position:static; }
}
.employee-sidebar { grid-template-columns:minmax(0,1fr) auto; }
.employee-sidebar > .employee-brand, .employee-sidebar > .employee-module-nav, .employee-sidebar > #logoutButton { grid-column:1 / -1; }
.employee-sidebar > .employee-sidebar-toggle { grid-column:2; grid-row:4; }
.employee-sidebar > .zpp-theme-control { grid-column:1; grid-row:4; align-self:end; margin-top:0; }
.employee-sidebar-collapsed .employee-sidebar { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; overflow-x:hidden; }
.employee-sidebar-collapsed .employee-sidebar-toggle { grid-column:1; grid-row:2; justify-self:center; }
.employee-sidebar-collapsed .employee-module-nav { grid-row:1; align-self:start; min-width:0; width:100%; }
.employee-sidebar-collapsed .employee-sidebar .zpp-theme-control { display:none; }

.employee-tgp-master-detail > .tgp-workspace { min-width:0; margin:0; }
.tgp-group .employee-template-name { color:var(--ui-orange); }
.employee-sidebar-toggle { background:var(--ui-soft); border:1px solid var(--ui-line); border-radius:7px; color:var(--ui-text); cursor:pointer; }

.employee-order-purchase-tg { color: var(--ui-blue); }
.employee-order-purchase-weidian { color: var(--ui-red); }

/* Remove duplicate page-heading cards while retaining live status/actions. */
.employee-page-actions { justify-content:flex-end; }
.employee-page-actions:not(:has(> :not([hidden]))) { display:none; }
.employee-center-toolbar-compact { background:transparent; border:0; box-shadow:none; padding:0; }

/* Daily reports scroll with the page; clipping does not create a scroll root. */
body:has(.employee-group-daily-table) .employee-workspace { height:auto; overflow:visible; }
body:has(.employee-group-daily-table) .employee-main { height:auto; overflow:visible; }
.employee-group-daily-table { transform:translateX(calc(-1 * var(--daily-offset, 0px))); }
.employee-group-daily-table thead { position:sticky; top:0; z-index:6; background:var(--ui-soft); }
.employee-group-daily-table thead th { position:static; }
.employee-group-daily-table thead .is-sticky-date { position:sticky; }
.employee-group-daily-table .is-sticky-date { transform:translateX(var(--daily-offset, 0px)); }
.employee-group-daily-table :is(th,td).daily-group-rose { background:color-mix(in srgb, var(--ui-red) 6%, var(--ui-panel)); }
.employee-group-daily-table :is(th,td).daily-group-blue { background:color-mix(in srgb, var(--ui-blue) 6%, var(--ui-panel)); }
.employee-group-daily-table thead th.daily-group-rose { background:color-mix(in srgb, var(--ui-red) 12%, var(--ui-panel)); }
.employee-group-daily-table thead th.daily-group-blue { background:color-mix(in srgb, var(--ui-blue) 12%, var(--ui-panel)); }

.group-modal-v2__overlay, .employee-modal-backdrop, .employee-posting-modal-backdrop {
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}

.employee-native-panel:has(.employee-group-daily-table), .employee-group-daily-scroll { min-width:0; }

.employee-group-net-profit[data-tone="positive"] { color:var(--ui-green); }
.employee-group-net-profit[data-tone="negative"], .employee-group-net-profit-rate[data-tone="negative"] { color:var(--ui-red); }

.employee-operating-daily-table .employee-trend-net-profit[data-tone="positive"] { color: var(--ui-green); }
.employee-operating-daily-table .employee-trend-net-profit[data-tone="negative"],
.employee-operating-daily-table .employee-trend-net-profit-rate[data-tone="negative"] { color: var(--ui-red); }

/* Numeric emphasis preserves labels and permission masking. */
.employee-operating-kpi .employee-negative-number { color: var(--ui-red, #dc3545); }
.employee-operating-kpi-foot .up { color: var(--ui-green, #218a52) !important; }
.employee-operating-kpi-foot .down { color: var(--ui-red, #dc3545) !important; }

@media (max-width: 1040px) {
  .employee-sidebar #logoutButton { display: flex; width: fit-content; max-width: 100%; min-height: 36px; margin: 8px 0 0 auto; align-items: center; justify-content: center; }
}