/* 豆时记 · restrained frosted shell. Map, seat state, notifications and tools stay opaque/flat. */
.shell:not(.focus-operation) {
  --gw-ink: var(--cj-graphite);
  --gw-muted: var(--cj-secondary);
  --gw-line: var(--cj-line-dark);
  color: var(--gw-ink);
  background: linear-gradient(148deg, #e2e9e9 0%, #ecebe8 43%, #eee9e4 100%);
}
.shell:not(.focus-operation) .sidebar {
  background: rgb(248 248 246 / 77%);
  border-right: 1px solid var(--cj-line);
  box-shadow: inset -1px 0 0 rgb(73 83 88 / 6%);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.shell:not(.focus-operation) .sidebar .nav-item { border-radius: 13px; color: #47545e; }
.shell:not(.focus-operation) .sidebar .nav-item:hover { background: rgb(255 255 255 / 64%); color: var(--purple); }
.shell:not(.focus-operation) .sidebar .nav-item.active {
  background: var(--cj-focus); color: var(--purple);
  border: 1px solid rgb(255 255 255 / 72%); box-shadow: none;
}
.shell:not(.focus-operation) .sidebar .nav-label { color: #5e6a72; }
.shell:not(.focus-operation) .local-card {
  background: var(--cj-content); border: 1px solid var(--cj-line);
  border-radius: var(--cj-radius-card); box-shadow: none;
}
.shell:not(.focus-operation) .store-user { border-color: var(--gw-line); }
.shell:not(.focus-operation) .panel,
.shell:not(.focus-operation) .stat-card {
  background: var(--cj-content); border: 1px solid var(--cj-line);
  border-radius: var(--cj-radius-shell); box-shadow: none;
}
.shell:not(.focus-operation) .panel-heading { border-color: var(--gw-line); }
.shell:not(.focus-operation) .count-badge,
.shell:not(.focus-operation) .draft-badge {
  background: rgb(255 255 255 / 61%); color: var(--gw-muted); border-radius: 9px;
}
.shell:not(.focus-operation) .btn,
.shell:not(.focus-operation) .icon-btn,
.shell:not(.focus-operation) .zone-tab,
.shell:not(.focus-operation) .duration {
  border-radius: var(--cj-radius-control);
  transition: background-color var(--cj-motion-fast), border-color var(--cj-motion-fast), color var(--cj-motion-fast), transform var(--cj-motion-fast);
}
.shell:not(.focus-operation) .btn:active,
.shell:not(.focus-operation) .icon-btn:active,
.shell:not(.focus-operation) .zone-tab:active { transform: scale(.985); }
.shell:not(.focus-operation) .btn.primary { background: var(--purple); box-shadow: none; }
.shell:not(.focus-operation) .btn.primary:hover { filter: brightness(.96); }
.shell:not(.focus-operation) input:not([type=checkbox]):not([type=color]),
.shell:not(.focus-operation) select,
.shell:not(.focus-operation) textarea {
  background: rgb(255 255 255 / 77%); border-color: #aeb9bd96;
  border-radius: var(--cj-radius-control); box-shadow: none;
}
.shell:not(.focus-operation) input:focus,
.shell:not(.focus-operation) select:focus,
.shell:not(.focus-operation) textarea:focus {
  background: #fff; border-color: var(--purple);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--purple), transparent 84%);
}
.shell:not(.focus-operation) .editor-toolbar,
.shell:not(.focus-operation) .editor-inspector { background: var(--cj-focus); border-color: var(--cj-line); }
.shell:not(.focus-operation) .page-heading h1 { color: var(--gw-ink); }
.shell:not(.focus-operation) .page-heading p,
.shell:not(.focus-operation) .editor-hint { color: var(--gw-muted); }

/* The operating desk is the first business page in this visual release. */
.shell.view-desk:not(.focus-operation) .page-heading {
  border-bottom: 1px solid rgb(70 84 89 / 11%);
  padding-bottom: 10px;
}
.shell.view-desk:not(.focus-operation) .page-heading h1 { letter-spacing: -.045em; }
.shell.view-desk:not(.focus-operation) .summary-item { border: 1px solid transparent; }
.shell.view-desk:not(.focus-operation) .summary-item.selected,
.shell.view-desk:not(.focus-operation) .summary-item:hover {
  background: var(--cj-focus); border-color: var(--cj-line); color: var(--gw-ink);
}
.shell.view-desk:not(.focus-operation) .clock-digits { font-variant-numeric: tabular-nums; }
.shell.view-desk:not(.focus-operation) .floor-panel {
  background: rgb(248 248 246 / 79%); border-color: var(--cj-line);
  box-shadow: none;
}
.shell.view-desk:not(.focus-operation) .floor-panel .panel-heading,
.shell.view-desk:not(.focus-operation) .floor-panel .floor-filters {
  background: rgb(249 249 247 / 64%);
}
.shell.view-desk:not(.focus-operation) .map-scroll {
  background: #f9fafa; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.shell.view-desk:not(.focus-operation) .zone-tab.selected,
.shell.view-desk:not(.focus-operation) .view-switch .selected {
  background: var(--cj-focus); color: var(--purple); border-color: var(--cj-line);
}
.shell.view-desk:not(.focus-operation) .detail-panel {
  background: var(--cj-focus); border-color: rgb(255 255 255 / 76%);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.shell.view-desk:not(.focus-operation) .timer-card { border: 1px solid rgb(74 81 89 / 8%); }
.shell.view-desk:not(.focus-operation) .alert-strip,
.shell.view-desk:not(.focus-operation) .seat-notice,
.shell.view-desk:not(.focus-operation) .map-controls,
.shell.view-desk:not(.focus-operation) .map-scroll .map-controls {
  box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}
@media (max-width: 767px) {
  .shell:not(.focus-operation) { background: #e9eceb; }
  .shell:not(.focus-operation) .sidebar { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .shell:not(.focus-operation) .panel,
  .shell:not(.focus-operation) .stat-card { border-color: #dce1df; }
  .shell.view-desk:not(.focus-operation) .detail-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .shell:not(.focus-operation) .sidebar,
  .shell:not(.focus-operation) .panel,
  .shell:not(.focus-operation) .stat-card { background: #f7f8f7; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .shell.view-desk:not(.focus-operation) .detail-panel { background: #f9f9f7; }
}
@media (prefers-reduced-motion: reduce) {
  .shell:not(.focus-operation) .btn,
  .shell:not(.focus-operation) .icon-btn,
  .shell:not(.focus-operation) .zone-tab { transition: none; transform: none !important; }
}