/* Generated by scripts/build-styles.js. Edit files in styles/ instead. */
/* Source: styles/workbench.css */
.workbench-app {
  --ink: #29332e;
  --muted: #69766b;
  --paper: #f8f9f5;
  --paper-dark: #d7dfd5;
  --jade: #456c56;
  --cinnabar: #a3493b;
  --line: #d5ddd3;
  --page-gutter: 32px;
  --gutter-compact: 24px;
  --gutter-small: 16px;
  --control-height: 38px;
  --touch-target: 44px;
  --compose-tool-size: 33px;
  --writing-texture: url("/assets/art/paper-xuan-v3.webp");
  color: var(--ink);
  background: #f4f6f1 url("/assets/art/courtyard-v3.webp") center / cover fixed;
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.workbench-app [hidden] { display: none !important; }
.workbench-app[data-letter-desk="true"] .workspace-nav {
  position: fixed; inset: auto 0 0; z-index: 15; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 64px; padding: 6px max(16px, calc((100% - 800px) / 2)) calc(6px + env(safe-area-inset-bottom));
  background: #f9fbf6f7; border-top: 1px solid var(--line);
}
.workbench-app[data-letter-desk="true"] .workspace-nav button { flex-direction: column; gap: 2px; border: 0; background: transparent; font-size: 12px; min-height: 48px; }
.workbench-app[data-letter-desk="true"] .legal-footer { padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
.workbench-app[data-slow-letters="true"] .profile-strip .icon-button,
.workbench-app[data-slow-letters="true"] .profile-strip > div:not(.avatar),
.workbench-app[data-slow-letters="true"] .profile-actions { display: none; }
.workbench-app[data-letter-desk="true"] .selected-pigeon,
.workbench-app[data-visitor="true"] .route-search,
.workbench-app[data-visitor="true"] .route-picks,
.workbench-app[data-visitor="true"] .coords,
.workbench-app[data-slow-letters="true"] .route-search,
.workbench-app[data-slow-letters="true"] .route-picks,
.workbench-app[data-letter-desk="true"] label[for="paperLevel"] { display: none; }
.workbench-app[data-letter-desk="true"] .grade-summary { display: flex; width: 100%; justify-content: flex-start; gap: 10px; min-height: 56px; background: transparent; }
.workbench-app[data-letter-desk="true"] .grade-summary img { width: 48px; height: 38px; object-fit: contain; flex: 0 0 48px; }
.workbench-app[data-letter-desk="true"] .grade-summary span { flex: 1; text-align: left; overflow-wrap: anywhere; }
.workbench-app[data-letter-desk="true"] .grade-summary[aria-expanded="true"] > svg { transform: rotate(180deg); }
.workbench-app[data-letter-desk="true"] .letter-panel #letterText { min-height: 380px; }
.workbench-app[data-slow-letters="true"] .switch-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 0; }
.workbench-app[data-slow-letters="true"] .switch-row input { width: 18px; height: 18px; }
.workbench-app .send-confirm-card { padding: 24px; width: min(520px, 100%); background: #f8f9f5; }
.workbench-app .send-confirm-card h2 { font-size: 24px; margin: 0 0 18px; }
.workbench-app .send-confirm-card p { font-size: 13px; color: var(--muted); }
.workbench-app .send-confirm-card dd { overflow-wrap: anywhere; }
.workbench-app .scenery-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; margin-top: 16px; }
.workbench-app .scenery-list figure { margin: 0; padding: 12px 0; border-top: 1px solid var(--line); min-width: 0; overflow-wrap: anywhere; }
.workbench-app .scenery-list img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; margin: 8px 0; background: #edf2e8; }
.workbench-app .scenery-list small { display: block; color: var(--muted); }
.workbench-app #slowDiscovery { margin-top: 18px; }
.workbench-app #slowDiscovery summary { cursor: pointer; color: var(--muted); padding: 8px 0; }
.workbench-app #receivingStationSettings select { width: 100%; }
.workbench-app #composeSceneryQuote { align-items: center; justify-content: space-between; }
.workbench-app #composeSceneryTitle { overflow-wrap: anywhere; }
.workbench-app::before { background: rgba(246, 248, 243, .36); }
.workbench-app[data-flight-paused="true"] .pigeon-wrap *,
.workbench-app[data-flight-paused="true"] .pigeon-wrap::before,
.workbench-app[data-flight-paused="true"] .pigeon-wrap::after,
.workbench-app[data-flight-paused="true"] .delivery-card * {
  animation-play-state: paused !important;
}
.workbench-app .courtyard-scene { display: none; }
.workbench-app h1,
.workbench-app h2,
.workbench-app .panel-title,
:where(.workbench-app) .brand-seal {
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif;
  letter-spacing: 0;
}
.workbench-app button {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 0; min-height: var(--control-height); padding: 8px 13px; border: 1px solid var(--line);
  border-radius: 4px; background: #f8faf6; color: var(--ink);
  box-shadow: none; font-family: inherit; font-size: 13px; font-weight: 500;
}
.workbench-app button:hover { transform: none; border-color: #90a58d; background: #eef3eb; }
.workbench-app button:disabled { opacity: .45; cursor: default; }
.workbench-app button:focus-visible,
.workbench-app a:focus-visible,
.workbench-app input:focus-visible,
.workbench-app textarea:focus-visible,
.workbench-app select:focus-visible {
  outline: 2px solid #648665; outline-offset: 3px;
}
.workbench-app button.primary { background: var(--jade); border-color: var(--jade); color: white; }
.workbench-app button.danger { color: #a3493b; border-color: #d8bbb6; }
.workbench-app button.secondary { background: #f7f9f3; border-color: var(--line); }
.workbench-app svg.lucide { width: 18px; height: 18px; flex: 0 0 18px; stroke-width: 1.6; }
.workbench-app input,
.workbench-app select,
.workbench-app textarea {
  min-width: 0; border: 1px solid var(--line); border-radius: 4px;
  padding: 9px 11px; background: rgba(255, 255, 255, .84); color: var(--ink);
  box-shadow: none; font-family: inherit; font-size: 14px;
}
.workbench-app input::placeholder,
.workbench-app textarea::placeholder { color: #879187; }
:where(.workbench-app) .site-header {
  position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; min-height: 76px;
  padding: 12px max(var(--page-gutter), calc((100% - 1152px) / 2 + var(--page-gutter)));
  background: rgba(250, 252, 247, .92); border-bottom: 1px solid var(--line);
}
:where(.workbench-app) .brand { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; color: var(--ink); text-decoration: none; }
:where(.workbench-app) .brand h1 { margin: 0; font-size: 24px; font-weight: 600; }
:where(.workbench-app) .brand-seal { display: grid; place-items: center; width: 32px; height: 35px; background: #a3493b; color: white; font-size: 22px; border-radius: 2px; }
:where(.workbench-app) .workspace-nav { display: flex; align-items: center; gap: 7px; }
:where(.workbench-app) .workspace-nav button { min-height: 42px; border-color: transparent; background: transparent; padding: 8px 15px; }
:where(.workbench-app) .workspace-nav button.is-active { color: #34573e; background: #e7eee2; border-color: #d5dfce; }
:where(.workbench-app) .nav-badge { display: grid; place-items: center; min-width: 17px; height: 17px; border-radius: 50%; background: #a3493b; color: white; font-size: 10px; }
.workbench-app #friendsNavButton { position: relative; }
.workbench-app #friendRequestBadge { position: absolute; top: 0; left: calc(50% + 9px); padding: 0 3px; white-space: nowrap; }
.workbench-app .friend-badge-setting { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; white-space: nowrap; }
.workbench-app .friend-badge-setting input { width: 16px; height: 16px; margin: 0; padding: 0; accent-color: var(--jade); }
:where(.workbench-app) .header-actions { display: flex; align-items: center; gap: 9px; }
:where(.workbench-app) .header-actions>button { width: 36px; height: 36px; padding: 8px; background: transparent; border-color: transparent; }
.workbench-app .profile-strip {
  display: flex; flex-direction: row; gap: 9px; align-items: center; padding: 0;
  background: none; border: 0; box-shadow: none; border-radius: 0; margin: 0;
}
.workbench-app .profile-strip .icon-button { width: 28px; height: 32px; min-height: 32px; padding: 5px; background: none; border: 0; }
.workbench-app .profile-strip::before,
.workbench-app .profile-strip::after,
.workbench-app .avatar::before,
.workbench-app .avatar::after,
.workbench-app .icon-button::before,
.workbench-app .icon-button::after { display: none; }
.workbench-app .avatar { width: 33px; height: 33px; min-width: 33px; border: 1px solid #cbd7c8; background: #e8eee2; border-radius: 50%; box-shadow: none; font-size: 15px; }
.workbench-app .avatar[data-default-avatar="true"] { font-size: 0; background: #edf2e8 url("/assets/art/pigeon-post-v3.webp") center / 90% no-repeat; }
:where(.workbench-app) .profile-name { font-size: 13px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.workbench-app) .profile-id { font-size: 10px; color: var(--muted); }
.workbench-app .profile-actions { display: flex; flex-direction: row; gap: 2px; }
.workbench-app .copy-id-button { width: 28px; height: 30px; min-height: 30px; border: 0; padding: 5px; background: none; }
.workbench-app .app-shell {
  display: block; width: min(1152px, 100%); max-width: 1152px; height: auto;
  min-height: calc(100vh - 180px); margin: 0 auto; padding: 30px var(--page-gutter);
}
.workbench-app .sidebar { display: none; }
:where(.workbench-app) .workspace-view { min-width: 0; padding: 24px; background: rgba(248, 250, 246, .9); }
:where(.workbench-app) .view-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
:where(.workbench-app) .view-actions { display: flex; gap: 7px; }
:where(.workbench-app) .view-kicker { display: block; font-size: 11px; color: var(--jade); }
:where(.workbench-app) .view-heading h2 { margin: 2px 0 0; font-size: 27px; font-weight: 500; }
.workbench-app .arrival-shortcut { border: 0; border-bottom: 1px solid #c4d1bd; background: transparent; border-radius: 0; padding: 8px 0; color: #526a50; }
:where(.workbench-app) .desk-grid { display: grid; grid-template-columns: minmax(0, 1fr) 326px; gap: 35px; align-items: start; }
:where(.workbench-app) .writing-surface {
  min-width: 0; padding: 27px 32px 22px; background: #fff url("/assets/art/paper-xuan-v3.webp") center / 100% 100%;
  border: 1px solid #e2e7df; box-shadow: 0 7px 23px rgba(49, 71, 43, .08);
}
:where(.workbench-app) .writing-surface[data-paper="bamboo"] { --writing-texture: url("/assets/art/paper-bamboo-v3.webp"); background-image: var(--writing-texture); }
:where(.workbench-app) .writing-surface[data-paper="cotton"] { --writing-texture: url("/assets/art/paper-cotton-v3.webp"); background-image: var(--writing-texture); }
:where(.workbench-app) .writing-surface[data-paper="xuan"] { --writing-texture: url("/assets/art/paper-xuan-v3.webp"); background-image: var(--writing-texture); }
:where(.workbench-app) .writing-surface[data-paper="silk"] { --writing-texture: url("/assets/art/paper-silk-v3.webp"); background-image: var(--writing-texture); border-color: #cfc8a7; }
.workbench-app .compose-panel {
  min-width: 0; margin: 0; padding: 0; background: none; border: 0;
  border-radius: 0; box-shadow: none;
}
.workbench-app .compose-panel::before,
.workbench-app .compose-panel::after { display: none; }
.workbench-app .panel-title { display: flex; width: auto; padding: 0 0 9px; margin: 0 0 15px; background: none; color: var(--ink); border: 0; border-bottom: 1px solid var(--line); box-shadow: none; font-size: 17px; font-weight: 500; }
.workbench-app .panel-title::before,
.workbench-app .panel-title::after { display: none; }
.workbench-app .letter-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; }
:where(.workbench-app) .letter-panel>* { grid-column: 1 / -1; }
:where(.workbench-app) .letter-panel>.panel-title,
:where(.workbench-app) .letter-panel .paper-preview,
:where(.workbench-app) .letter-panel .letter-hint,
:where(.workbench-app) .letter-panel .letter-structure { display: none; }
:where(.workbench-app) .letter-panel label[for="receiverId"] { grid-column: 1; grid-row: 1; }
:where(.workbench-app) .letter-panel #receiverId { grid-column: 1; grid-row: 2; }
:where(.workbench-app) .letter-panel label[for="receiverName"] { grid-column: 2; grid-row: 1; }
:where(.workbench-app) .letter-panel #receiverName { grid-column: 2; grid-row: 2; }
.workbench-app .letter-panel label { margin: 0; font-size: 11px; font-weight: 400; color: var(--muted); }
:where(.workbench-app) .letter-panel label[for="letterText"] { display: none; }
.workbench-app .recipient-status { font-size: 11px; min-height: 16px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; color: var(--muted); }
.workbench-app .letter-panel .letter-hint[data-overflow="true"] { display: block; font-size: 11px; color: #a3493b; }
.workbench-app .recipient-status.error { color: #a3493b; }
:where(.workbench-app) .paper-choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; }
.workbench-app .paper-choice { display: grid; gap: 0; padding: 6px 5px; min-height: 53px; border-color: #d9dfd3; background: #f9faf7; }
:where(.workbench-app) .paper-choice.paper-bamboo { background: #eff2e5 url("/assets/art/paper-bamboo-v3.webp") center / cover; }
:where(.workbench-app) .paper-choice.paper-cotton { background-image: url("/assets/art/paper-cotton-v3.webp"); background-size: cover; }
:where(.workbench-app) .paper-choice.paper-xuan { background-image: url("/assets/art/paper-xuan-v3.webp"); background-size: cover; }
:where(.workbench-app) .paper-choice.paper-silk { background: #f6f6ee url("/assets/art/paper-silk-v3.webp") center / cover; }
.workbench-app .paper-choice[aria-pressed="true"] { border: 1px solid #507358; box-shadow: inset 0 0 0 1px #507358; }
:where(.workbench-app) .paper-choice small { font-size: 10px; color: var(--muted); }
.workbench-app .letter-panel #letterText {
  width: 100%; min-height: 353px; padding: 17px 3px; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; resize: vertical;
  font-family: "Songti SC", "STSong", "Noto Serif SC", serif; font-size: 18px; line-height: 2.05;
}
.workbench-app .compose-actions { display: flex; gap: 5px; margin: 0; }
.workbench-app .compose-actions button { width: var(--compose-tool-size); height: var(--compose-tool-size); min-height: var(--compose-tool-size); padding: 7px; background: transparent; border-color: transparent; }
.workbench-app .letter-meter { font-size: 11px; color: var(--muted); }
.workbench-app .capacity-track { height: 2px; border: 0; background: #e2e7de; }
.workbench-app #capacityFill { background: #7b9b71; }
.workbench-app .draft-autosave { font-size: 10px; color: #7d8878; margin: 0; }
.workbench-app .sender-cylinder { display: flex; align-items: center; gap: 9px; height: auto; min-height: 0; padding: 13px 0 0; margin: 10px 0 0; border: 0; border-top: 1px solid #dfe5db; border-radius: 0; background: none; box-shadow: none; }
:where(.workbench-app) .sender-cylinder::before,
:where(.workbench-app) .sender-cylinder::after,
:where(.workbench-app) .sender-cylinder .cylinder-cap { display: none; }
.workbench-app .sender-cylinder label { color: var(--muted); font-size: 11px; white-space: nowrap; }
.workbench-app .sender-cylinder input { border: 0; padding: 0; background: none; color: #536b4d; font-family: "Songti SC", serif; font-size: 17px; }
:where(.workbench-app) .dispatch-aside { min-width: 0; padding: 4px 8px 0 0; }
.workbench-app .pigeon-panel { margin-top: 0; }
.workbench-app .pigeon-panel>label { display: none; }
:where(.workbench-app) .pigeon-choices { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
.workbench-app .pigeon-choices button { display: grid; place-items: center; gap: 0; padding: 5px 2px; background: #f7f9f2; border-color: transparent; min-height: 78px; }
.workbench-app .pigeon-choices button[aria-pressed="true"] { background: #eaf0e2; border-color: #839e74; }
:where(.workbench-app) .pigeon-choices img { width: 48px; height: 37px; object-fit: contain; }
:where(.workbench-app) .pigeon-choices span { font-size: 11px; }
:where(.workbench-app) .pigeon-choices small { font-size: 9px; color: var(--muted); white-space: nowrap; }
:where(.workbench-app) .selected-pigeon { display: flex; align-items: center; justify-content: center; gap: 11px; min-height: 65px; margin: 4px 0; }
:where(.workbench-app) .selected-pigeon img { width: 108px; height: 65px; object-fit: contain; }
:where(.workbench-app) .selected-pigeon strong { display: block; font-family: "Songti SC", serif; font-size: 19px; font-weight: 500; }
:where(.workbench-app) .selected-pigeon span { font-size: 11px; color: #75886b; }
.workbench-app .stat-grid { display: flex; gap: 20px; padding-bottom: 9px; border-bottom: 1px solid var(--line); }
.workbench-app .stat-grid>div { display: flex; align-items: baseline; gap: 5px; border: 0; background: none; padding: 0; box-shadow: none; }
.workbench-app .stat-grid span { font-size: 16px; font-weight: 500; }
.workbench-app .stat-grid small { font-size: 10px; }
.workbench-app .speed-note,
.workbench-app .coords,
.workbench-app .search-hint { display: none; }
.workbench-app .route-search { margin: 12px 0 8px; border: 0; padding: 0; background: none; box-shadow: none; }
:where(.workbench-app) .route-search label { display: block; margin-bottom: 3px; font-size: 11px; color: var(--muted); }
.workbench-app .search-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 6px; margin-bottom: 8px; }
.workbench-app .search-row button { padding: 4px 7px; min-width: 0; }
.workbench-app .route-picks { display: flex; gap: 7px; }
.workbench-app .route-picks button { min-height: 31px; font-size: 11px; }
.workbench-app .status-panel { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.workbench-app .status-row { margin-bottom: 4px; padding: 0; min-height: 0; border: 0; font-size: 11px; line-height: 1.6; }
.workbench-app .status-row strong { font-size: 12px; font-weight: 500; }
.workbench-app .progress-head { font-size: 11px; margin: 10px 0 3px; }
.workbench-app .progress-track { height: 3px; background: #dce5d5; border: 0; box-shadow: none; }
.workbench-app .progress-track::before,
.workbench-app .progress-track::after { display: none; }
.workbench-app #progressFill { background: #527448; box-shadow: none; }
.workbench-app #sendButton { width: 100%; margin-top: 12px; min-height: var(--touch-target); color: white; background: #a3493b; border-color: #a3493b; font-family: "Songti SC", serif; font-size: 17px; }
:where(.workbench-app) #deskMapHost { margin-top: 24px; }
.workbench-app .settings-copy-id { width: 32px; height: 32px; min-height: 32px; padding: 6px; margin-left: 5px; background: transparent; }
.workbench-app .map-scroll { position: relative; display: flex; flex-direction: column; gap: 0; width: 100%; min-height: 0; height: auto; padding: 0; border: 1px solid #cfd9c7; border-radius: 4px; background: #f5f8ef; box-shadow: none; }
.workbench-app .map-scroll::before,
.workbench-app .map-scroll::after,
.workbench-app .scroll-top,
.workbench-app .scroll-bottom { display: none; }
.workbench-app .map-toolbar { position: static; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 11px; }
.workbench-app .map-toolbar>div { border: 0; padding: 0; background: none; box-shadow: none; min-width: 0; max-width: none; }
.workbench-app .map-toolbar strong { font-size: 12px; }
.workbench-app .map-toolbar span { margin: 0; font-size: 9px; color: var(--muted); }
.workbench-app #previewButton { min-height: 28px; padding: 3px 6px; font-size: 10px; }
.workbench-app #map { position: relative; inset: auto; width: 100%; height: 207px; min-height: 207px; border: 0; border-radius: 0; box-shadow: none; }
.workbench-app #map.no-tile-map { background: #edf2e7; }
.workbench-app #map.no-tile-map::before { opacity: .15; }
.workbench-app #map.no-tile-map::after { background: #f4f7ed; color: #65795a; font-size: 10px; }
.workbench-app .map-legend { position: static; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; padding: 5px; border: 0; border-radius: 0; background: #f8faf4; font-size: 9px; gap: 10px; box-shadow: none; }
.workbench-app .leaflet-control-attribution { max-width: 100%; font-family: sans-serif; font-size: 8px; }
:where(.workbench-app) .route-pin { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; border: 2px solid white; box-shadow: 0 1px 5px #4c63412b; font-size: 12px; font-family: "Songti SC", serif; color: white; }
:where(.workbench-app) .start-pin { background: #597650; }
:where(.workbench-app) .end-pin { background: #a3493b; }
.workbench-app .pigeon-wrap { width: 84px; height: 64px; transform: rotate(var(--angle, 0deg)) scaleX(var(--facing, 1)); --pigeon-size: 1; }
.workbench-app .pigeon-sticker { inset: 0; width: 84px; height: 64px; border: 0; background-position: center; background-size: contain; background-repeat: no-repeat; filter: drop-shadow(0 2px 2px #293b3429); animation: none; }
.workbench-app .rank-young .pigeon-sticker { background-image: url("/assets/art/pigeon-young-v3.webp"); transform: scale(.74); }
.workbench-app .rank-post .pigeon-sticker { background-image: url("/assets/art/pigeon-post-v3.webp"); transform: scale(.86); }
.workbench-app .rank-royal .pigeon-sticker { background-image: url("/assets/art/pigeon-royal-v3.webp"); }
.workbench-app .rank-legend .pigeon-sticker { background-image: url("/assets/art/pigeon-legend-v3.webp"); transform: scale(1.08); }
.workbench-app .pigeon-trail { opacity: 0; }
.workbench-app .is-in-flight .pigeon-trail { opacity: .55; }
.workbench-app .pigeon-trail i { width: 22px; height: 1px; background: #789372; border-radius: 0; box-shadow: none; animation: quietTrail 1.5s linear infinite; }
.workbench-app .is-in-flight .pigeon-sticker { animation: quietFlight 1.25s ease-in-out infinite alternate; }
.workbench-app .is-supplying .pigeon-sticker { animation: none; }
:where(.workbench-app) #atlasMapHost #map { height: max(430px, calc(100dvh - 260px)); }
:where(.workbench-app) #atlasMapHost .map-toolbar { padding: 12px 18px; }
:where(.workbench-app) #atlasMapHost .map-toolbar strong { font-size: 16px; }
:where(.workbench-app) .tracked-letter-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
:where(.workbench-app) .tracked-letter-summary > div:first-child { min-width: 0; flex: 1 1 200px; }
:where(.workbench-app) .tracked-letter-summary strong, :where(.workbench-app) .tracked-letter-summary small { display: block; overflow-wrap: anywhere; }
:where(.workbench-app) .tracked-letter-summary small { margin-top: 4px; font-size: 12px; color: var(--muted); }
:where(.workbench-app) .tracked-letter-summary:not([hidden]) ~ #atlasMapHost .map-toolbar { display: none; }
:where(.workbench-app) #atlasMapHost { scroll-margin-bottom: calc(90px + env(safe-area-inset-bottom)); }
:where(.workbench-app) .tracked-letter-summary:not([hidden]) ~ #atlasMapHost #map { height: max(260px, calc(100dvh - 500px)); }
:where(.workbench-app) .atlas-summary { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 14px 0; font-size: 12px; color: var(--muted); }
.workbench-app .log-panel { margin: 12px 0; }
:where(.workbench-app) .mail-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; }
:where(.workbench-app) .transit-panel { margin-bottom: 26px; }
:where(.workbench-app) .transit-item { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
:where(.workbench-app) .transit-item .mini-copy { flex: 1 1 170px; min-width: 0; overflow-wrap: anywhere; }
:where(.workbench-app) .transit-actions { display: flex; flex-wrap: wrap; gap: 8px; }
:where(.workbench-app) .transit-status { font-size: 13px; color: var(--muted); }
.workbench-app .mail-grid > * { min-width: 0; }
.workbench-app .empty-inbox { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 220px; padding: 22px; background: none; border: 0; color: var(--muted); }
:where(.workbench-app) .empty-inbox img { object-fit: contain; opacity: .8; margin-bottom: 14px; }
:where(.workbench-app) .empty-inbox strong { font-family: "Songti SC", serif; font-size: 17px; font-weight: 400; }
.workbench-app .inbox-item { background: #fafbf7; border: 1px solid var(--line); border-radius: 4px; margin-bottom: 9px; box-shadow: none; }
.workbench-app .inbox-item[data-read] { border-left-width: 3px; }
.workbench-app .inbox-item[data-read="false"] { border-left-color: var(--cinnabar); background: #fffdfa; }
.workbench-app .inbox-item>button { width: 100%; justify-content: start; background: transparent; border: 0; padding: 17px; }
.workbench-app .seal { border: 1px solid #c6d5be; border-radius: 2px; width: 38px; height: 42px; min-width: 38px; background: #eef2e7; color: #526d47; box-shadow: none; }
.workbench-app .inbox-copy strong { font-family: "Songti SC", serif; font-size: 17px; font-weight: 500; }
.workbench-app .inbox-copy small { font-size: 11px; }
.workbench-app .inbox-item .inbox-copy { flex: 1; }
.workbench-app .inbox-heading { display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: center; gap: 10px; }
.workbench-app .inbox-read-state { font-size: 12px; line-height: 1.5; font-weight: 500; color: #626c60; text-align: right; white-space: nowrap; }
.workbench-app .inbox-item[data-read="false"] .inbox-copy strong { font-weight: 700; }
.workbench-app .inbox-item[data-read="false"] .inbox-read-state { color: var(--cinnabar); font-weight: 700; }
.workbench-app .inbox-toolbar { display: grid; gap: 10px; margin: 0 0 18px; min-width: 0; }
.workbench-app[data-workspace="mail"] .inbox-list { display: block; max-height: none; overflow: visible; }
.workbench-app .inbox-read-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.workbench-app .inbox-read-filters button { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 42px; padding: 8px 2px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--muted); font-size: 13px; box-shadow: none; }
.workbench-app .inbox-read-filters button[aria-pressed="true"] { border-bottom-color: var(--cinnabar); color: var(--cinnabar); }
.workbench-app .inbox-read-filters b { font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.workbench-app .inbox-sender-filter { display: flex; align-items: center; gap: 6px; min-width: 0; }
.workbench-app .inbox-sender-filter input { flex: 1; width: 0; min-width: 0; margin: 0; font-size: 13px; }
.workbench-app .inbox-sender-filter button, .workbench-app .inbox-filter-feedback button { flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 8px; }
.workbench-app .inbox-filter-feedback { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.workbench-app .inbox-sender-group { margin: 0 0 22px; padding: 0; list-style: none; }
.workbench-app .inbox-sender-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-width: 0; margin: 0 0 10px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; color: var(--ink); text-align: left; box-shadow: none; }
.workbench-app .inbox-sender-heading>span { display: grid; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.workbench-app .inbox-sender-heading strong { font-family: "Songti SC", serif; font-size: 15px; font-weight: 600; }
.workbench-app .inbox-sender-heading small { color: var(--muted); font-size: 11px; }
.workbench-app .inbox-sender-heading svg.lucide { flex: 0 0 16px; width: 16px; height: 16px; color: var(--muted); }
.workbench-app .inbox-sender-letters { margin: 0; padding: 0; list-style: none; }
.workbench-app .mini-item { background: #f8faf5; border: 1px solid #dce4d7; border-radius: 4px; box-shadow: none; }
.workbench-app .mini-avatar { background: #edf2e7; color: var(--jade); border: 0; box-shadow: none; }
.workbench-app .mini-actions button { background: #f7f9f3; font-size: 11px; }
:where(.workbench-app) .collection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 27px; }
:where(.workbench-app) .collection-grid .notice-panel,
:where(.workbench-app) .collection-grid .campaign-panel { grid-column: 1 / -1; }
.workbench-app .utility-panel.is-collapsed { padding: 0; min-height: 45px; }
.workbench-app .panel-collapse { width: 30px; height: 30px; min-height: 30px; margin-left: auto; border: 0; background: none; }
.workbench-app .panel-title strong { background: #e7eddf; color: #48643b; border-radius: 3px; padding: 1px 7px; font-size: 11px; }
.workbench-app .retention-stats>div,
.workbench-app .notice-settings label { background: #f1f5eb; border: 1px solid var(--line); }
.workbench-app .legal-footer { position: relative; width: 100%; max-width: none; margin: 0; border: 0; border-radius: 0; background: rgba(244, 247, 240, .88); border-top: 1px solid #d0dbcb; padding: 20px var(--page-gutter); box-shadow: none; }
.workbench-app .mini-seal,
.workbench-app .mini-badge { background: #edf2e7; border-color: #c9d6c0; color: #527045; box-shadow: none; }
.workbench-app .legal-footer-inner { max-width: 1088px; margin: 0 auto; padding: 0; border: 0; background: none; }
.workbench-app .legal-brand strong { font-size: 15px; color: var(--ink); }
.workbench-app .minor-footer-switch { width: max-content; min-height: 36px; padding: 0; border: 0; border-radius: 0; background: none; color: var(--muted); font-size: 11px; font-weight: 400; }
.workbench-app .minor-footer-switch input { width: 16px; height: 16px; padding: 0; accent-color: var(--jade); }
.workbench-app .legal-links button { background: none; border: 0; padding: 3px 0; min-height: 24px; color: #697863; font-size: 10px; }
.workbench-app .filing-info,
.workbench-app .map-compliance,
.workbench-app .legal-brand span { font-size: 10px; color: #78836f; }
.workbench-app dialog { border: 1px solid #d8e1d1; background: #f8faf5; border-radius: 6px; box-shadow: 0 18px 60px #263a3030; max-width: calc(100% - 24px); }
.workbench-app .auth-card { width: 100%; max-width: 100%; padding: 24px; }
.workbench-app #authDialog, .workbench-app #stationDialog, .workbench-app #policyUpdateDialog { width: min(440px, calc(100% - 24px)); padding: 0; max-height: calc(100dvh - 32px); overflow-y: auto; }
.workbench-app #policyUpdateDialog p { overflow-wrap: anywhere; }
.workbench-app #policyUpdateTitle:focus { outline: none; }
.workbench-app #policyUpdateDescription { font-size: 14px; font-weight: 400; line-height: 1.7; margin: 0; }
.workbench-app .policy-update-links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.workbench-app .policy-update-links a { color: var(--jade); text-underline-offset: 3px; }
.workbench-app #policyUpdateDialog .switch-row { display: flex; align-items: center; gap: 12px; min-height: 48px; }
.workbench-app #policyUpdateConsent { width: 22px; height: 22px; flex: 0 0 22px; }
.workbench-app .auth-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workbench-app .auth-heading h2, .workbench-app .auth-card > h2 { margin: 0; font-size: 23px; }
.workbench-app .auth-heading .icon-button { width: 36px; height: 36px; padding: 8px; }
.workbench-app .auth-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 18px 0; border-bottom: 1px solid var(--line); }
.workbench-app .auth-tabs button { border: 0; border-radius: 0; background: none; }
.workbench-app .auth-tabs button[aria-pressed="true"] { color: var(--jade); box-shadow: inset 0 -2px var(--jade); }
.workbench-app .auth-form { display: grid; gap: 14px; }
.workbench-app .auth-form > div { min-width: 0; }
.workbench-app .auth-form label { display: block; margin-bottom: 6px; font-size: 13px; }
.workbench-app .auth-form input:not([type="checkbox"]), .workbench-app .auth-form select { width: 100%; height: 44px; font-size: 16px; }
.workbench-app .auth-form .auth-consent { display: flex; align-items: flex-start; gap: 9px; margin: 0; font-size: 12px; line-height: 1.7; }
.workbench-app .auth-consent input { flex: 0 0 17px; width: 17px; height: 17px; margin: 3px 0 0; padding: 0; accent-color: var(--jade); }
.workbench-app .auth-consent a { color: var(--jade); }
.workbench-app .auth-status { min-height: 20px; margin: 0; font-size: 12px; color: #a3493b; overflow-wrap: anywhere; }
.workbench-app .auth-success { display: grid; gap: 22px; }
.workbench-app .auth-success p { margin: 0; }
.workbench-app .auth-generated-id { display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 7px; padding: 18px 0; border-block: 1px solid var(--line); }
.workbench-app .auth-generated-id > span { grid-column: 1 / -1; font-size: 12px; color: var(--muted); }
.workbench-app .auth-generated-id strong { font-size: 25px; font-variant-numeric: tabular-nums; }
.workbench-app .auth-form > .primary, .workbench-app .auth-success > .primary { width: 100%; min-height: 44px; }
.workbench-app .station-privacy { margin: 0; font-size: 12px; color: var(--muted); }
.workbench-app #accountSecurityDialog { width: min(440px, calc(100vw - 28px)); padding: 0; }
.workbench-app .security-contact-state { color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.workbench-app #securityStatus[data-state="info"] { color: var(--muted); }
.workbench-app #securityStatus[data-state="success"] { color: var(--jade); }
.workbench-app .security-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workbench-app .security-actions > button { flex: 1 1 120px; min-height: 44px; }
.workbench-app .auth-text-action { border: 0; background: none; color: var(--jade); min-height: 44px; }
.workbench-app .auth-success > .secondary { width: 100%; margin-top: 12px; min-height: 44px; }
.workbench-app dialog::backdrop { background: rgba(30, 46, 35, .38); }
.workbench-app .settings-card,
.workbench-app .policy-card,
.workbench-app .writer-card { background: #f8faf4; color: var(--ink); }
.workbench-app .letter-card { background: #fff url("/assets/art/paper-xuan-v3.webp") center / cover; color: var(--ink); box-shadow: none; }
.workbench-app .letter-card.paper-bamboo { background-image: url("/assets/art/paper-bamboo-v3.webp"); }
.workbench-app .letter-card.paper-cotton { background-image: url("/assets/art/paper-cotton-v3.webp"); }
.workbench-app .letter-card.paper-silk { background-image: url("/assets/art/paper-silk-v3.webp"); }
.workbench-app .letter-body { font-family: "Songti SC", "STSong", serif; font-size: 18px; line-height: 1.95; color: #334332; background: none; border: 0; box-shadow: none; }
.workbench-app .letter-meta,
.workbench-app .letter-status-detail { background: none; color: var(--muted); font-size: 11px; }
.workbench-app .letter-route-detail { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 6px; flex: 1 1 100%; min-width: 0; }
.workbench-app .letter-status-detail .letter-endpoint { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.workbench-app .letter-endpoint strong,
.workbench-app .letter-endpoint small { display: block; }
.workbench-app .letter-endpoint small { margin-top: 4px; font-size: 11px; line-height: 1.6; font-weight: 400; }
.workbench-app .delivery-card { background: #f8faf5; color: var(--ink); border: 0; box-shadow: none; }
.workbench-app .delivery-stage { height: 225px; background: #f0f3ed url("/assets/art/courtyard-v3.webp") center / cover; border: 0; border-radius: 4px; }
.workbench-app .delivery-courtyard,
.workbench-app .delivery-moon,
.workbench-app .delivery-rank-aura,
.workbench-app .delivery-bell,
.workbench-app .delivery-weather,
.workbench-app .delivery-flight-trace { display: none; }
.workbench-app .delivery-pigeon { width: 108px; height: 86px; border: 0; border-radius: 0; background: url("/assets/art/pigeon-post-v3.webp") center / contain no-repeat; filter: drop-shadow(0 3px 3px #4a59402b); }
.workbench-app .ritual-rank-young .delivery-pigeon { background-image: url("/assets/art/pigeon-young-v3.webp"); }
.workbench-app .ritual-rank-royal .delivery-pigeon { background-image: url("/assets/art/pigeon-royal-v3.webp"); }
.workbench-app .ritual-rank-legend .delivery-pigeon { background-image: url("/assets/art/pigeon-legend-v3.webp"); }
.workbench-app .ritual-play .delivery-pigeon { animation: quietArrival 2.4s ease-out both; }
.workbench-app .ritual-failed .delivery-pigeon { animation: pigeonLost 1.6s ease-in both; }
.workbench-app .delivery-scroll { border: 1px solid #b8c7ad; border-radius: 3px; background: #f8f8ee url("/assets/art/paper-xuan-v3.webp") center / cover; box-shadow: none; }
.workbench-app .ritual-paper-bamboo .delivery-scroll { background-image: url("/assets/art/paper-bamboo-v3.webp"); }
.workbench-app .ritual-paper-cotton .delivery-scroll { background-image: url("/assets/art/paper-cotton-v3.webp"); }
.workbench-app .ritual-paper-silk .delivery-scroll { background-image: url("/assets/art/paper-silk-v3.webp"); border-color: #c7bd91; }
.workbench-app .delivery-seal { border-radius: 3px; background: #a3493b; box-shadow: none; }
.workbench-app .delivery-scenes { display: none; }
.workbench-app .delivery-rank-mark,
.workbench-app .delivery-distance-mark { background: #f4f7ede6; border-color: #c8d5c0; color: #566d4b; box-shadow: none; }
.workbench-app .delivery-copy h2 { font-size: 24px; }
.workbench-app .delivery-copy p { font-size: 13px; line-height: 1.8; color: var(--muted); }
.workbench-app .delivery-meta span { background: #e9efdf; color: #59704d; border-color: #d1ddc7; }
.workbench-app .aviary-item { grid-template-columns: 64px minmax(0, 1fr) auto; }
:where(.workbench-app) .aviary-art { width: 64px; height: 52px; object-fit: contain; align-self: center; }
:where(.workbench-app) .aviary-paper { object-fit: cover; border: 1px solid #d5ddd3; border-radius: 2px; }
.workbench-app .aviary-item.locked .aviary-art { filter: grayscale(.8); opacity: .55; }
.workbench-app .reward-seal { border-radius: 3px; background: #e8eee2; color: #59704d; border: 1px solid #cbd7c3; box-shadow: none; }
.workbench-app .aviary-exp { background: #e1e8db; }
.workbench-app .aviary-exp b,
.workbench-app .quest-bar i { background: #77966e; }
.workbench-app .aviary-exp.fatigue b { background: #b58168; }
.workbench-app .aviary-exp.affection b { background: #a3493b; }
.workbench-app .collection-roadmap { background: none; border: 0; padding: 0; }
.workbench-app .roadmap-goal { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; }
@keyframes quietFlight { from { margin-top: -1px; } to { margin-top: 2px; } }
@keyframes quietTrail { from { opacity: 0; transform: translateX(8px); } 50% { opacity: .6; } to { opacity: 0; transform: translateX(-12px); } }
@keyframes quietArrival { 0% { left: -100px; top: 35px; transform: rotate(-8deg); } 65% { left: calc(50% - 54px); top: 66px; transform: rotate(3deg); } 100% { left: calc(50% - 54px); top: 108px; transform: rotate(0); } }
:where(.workbench-app) .workbench-toast { position: fixed; z-index: 30; left: 50%; bottom: 28px; transform: translateX(-50%); width: max-content; max-width: min(480px, calc(100vw - 32px)); border: 1px solid #b9cbb0; border-radius: 4px; padding: 11px 16px; background: #f9fcf4; color: #4b6540; font-size: 12px; box-shadow: 0 3px 15px #3b58351c; }
/* Delivery recovery stays inline with the draft instead of a transient toast. */
:where(.workbench-app) .pending-compose-notice {
  padding: 12px 0;
  border-top: 1px solid #b7c5b7;
  border-bottom: 1px solid #b7c5b7;
  color: #405746;
}
:where(.workbench-app) .pending-compose-notice p { margin: 0 0 10px; }
:where(.workbench-app) .pending-compose-actions { display: flex; flex-wrap: wrap; gap: 8px; }
:where(.workbench-app) .pending-compose-actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; }
:where(.workbench-app) .pending-compose-actions svg { width: 16px; height: 16px; flex: 0 0 16px; }

/* Source: styles/workbench-responsive.css */
@media (max-width: 1000px) {
  .workbench-app { --page-gutter: var(--gutter-compact); }
  :where(.workbench-app) .site-header { gap: 12px; padding: 10px var(--page-gutter); }
  :where(.workbench-app) .brand h1 { font-size: 21px; }
  :where(.workbench-app) .workspace-nav button { padding: 8px 10px; }
  :where(.workbench-app) .profile-actions { display: none !important; }
  :where(.workbench-app) .desk-grid { grid-template-columns: minmax(0, 1fr) 285px; gap: 22px; }
  :where(.workbench-app) .writing-surface { padding: 23px; }
}
@media (max-width: 900px) {
  :where(.workbench-app) .site-header { min-height: 64px; padding: 10px max(var(--page-gutter), env(safe-area-inset-right)) 10px max(var(--page-gutter), env(safe-area-inset-left)); }
  :where(.workbench-app) .brand { gap: 8px; }
  :where(.workbench-app) .brand h1 { font-size: 21px; }
  :where(.workbench-app) .brand-seal { width: 26px; height: 29px; font-size: 18px; }
  :where(.workbench-app) .header-actions { gap: 0; }
  .workbench-app .profile-strip { gap: 4px; }
  :where(.workbench-app) .profile-strip>div:not(.avatar) { display: none; }
  .workbench-app .profile-strip .icon-button { order: 2; }
  :where(.workbench-app) .workspace-nav { position: fixed; inset: auto 0 0; z-index: 15; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; min-height: 64px; padding: 6px 10px calc(6px + env(safe-area-inset-bottom)); background: #f9fbf6f7; border-top: 1px solid #d2ddc9; }
  .workbench-app .workspace-nav button { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; border: 0; border-radius: 0; font-size: 11px; padding: 4px; min-height: 50px; background: none; }
  :where(.workbench-app) .workspace-nav button.is-active { color: #365c38; }
  :where(.workbench-app) .workspace-nav button.is-active::after { content: ""; width: 16px; height: 2px; background: #638658; }
  :where(.workbench-app) .nav-badge { position: absolute; top: 0; left: calc(50% + 9px); }
  .workbench-app .app-shell {
    padding: 24px max(var(--page-gutter), env(safe-area-inset-right)) 32px max(var(--page-gutter), env(safe-area-inset-left));
    min-height: calc(100dvh - 170px);
  }
  :where(.workbench-app) .workspace-view { padding: 20px 16px; background: rgba(248, 250, 246, .94); }
  :where(.workbench-app) #deskView { padding: 0; background: none; }
  :where(.workbench-app) .view-heading { flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
  :where(.workbench-app) .view-actions { flex-wrap: wrap; }
  :where(.workbench-app) .view-heading h2 { font-size: 24px; }
  :where(.workbench-app) .view-kicker { font-size: 10px; }
  .workbench-app .arrival-shortcut { font-size: 11px; }
  :where(.workbench-app) .arrival-shortcut svg { width: 16px; height: 16px; flex-basis: 16px; }
  :where(.workbench-app) .desk-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :where(.workbench-app) #deskMapHost { display: none; }
  :where(.workbench-app) .writing-surface { padding: 20px 16px; }
  :where(.workbench-app) .dispatch-aside { padding: 20px 16px 24px; border-top: 1px solid var(--line); background: rgba(248, 250, 246, .94); }
  .workbench-app .letter-panel { gap: 6px 10px; }
  .workbench-app .letter-panel input { font-size: 16px; padding: 8px; height: var(--touch-target); }
  :where(.workbench-app) .paper-choices { gap: 6px; }
  .workbench-app .paper-choice { min-height: 48px; font-size: 12px; padding: 5px; }
  .workbench-app .letter-panel #letterText { height: 200px; min-height: 200px; font-size: 17px; padding: 10px 1px; }
  .workbench-app .compose-actions { gap: 4px; }
  .workbench-app .compose-actions button { width: var(--touch-target); height: var(--touch-target); min-height: var(--touch-target); padding: 12px; }
  .workbench-app .pigeon-panel { margin-top: 0; }
  :where(.workbench-app) .selected-pigeon { display: none; }
  :where(.workbench-app) .pigeon-choices { gap: 4px; }
  .workbench-app .pigeon-choices button { min-height: 79px; }
  :where(.workbench-app) .pigeon-choices img { width: 48px; max-width: 100%; height: 40px; }
  .workbench-app .stat-grid { margin-top: 12px; }
  :where(.workbench-app) .route-search { display: block; }
  .workbench-app .search-row { grid-template-columns: minmax(0, 1fr) 78px; gap: 8px; }
  .workbench-app .search-row input { height: var(--touch-target); padding: 8px; font-size: 16px; }
  .workbench-app .search-row button { min-height: var(--touch-target); padding: 6px; font-size: 13px; }
  .workbench-app .route-picks { flex-wrap: wrap; }
  .workbench-app .route-picks button { min-height: var(--touch-target); font-size: 13px; }
  .workbench-app #sendButton { min-height: 48px; }
  .workbench-app .legal-footer { padding: 20px max(var(--page-gutter), env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left)); }
  :where(.workbench-app) .workbench-toast { bottom: calc(82px + env(safe-area-inset-bottom)); }
  .workbench-app .mail-grid,
.workbench-app .collection-grid { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .workbench-app .letter-card { padding: 20px; }
  .workbench-app .letter-body { font-size: 17px; }
  :where(.workbench-app) .atlas-summary { font-size: 10px; }
  :where(.workbench-app) #atlasMapHost #map { height: max(420px, calc(100dvh - 240px)); }
  :where(.workbench-app) .tracked-letter-summary:not([hidden]) ~ #atlasMapHost #map { height: max(220px, calc(100dvh - 530px)); }
}
@media (max-width: 360px) {
  .workbench-app { --page-gutter: var(--gutter-small); }
}
@media (max-width: 900px) {
  .workbench-app[data-letter-desk="true"] .letter-panel #letterText { min-height: 260px; height: 260px; }
  .workbench-app[data-letter-desk="true"] .desk-grid { gap: 12px; }
  .workbench-app[data-letter-desk="true"] .sender-cylinder,
  .workbench-app[data-letter-desk="true"] .pigeon-panel > .panel-title { display: none; }
  .workbench-app[data-letter-desk="true"] .dispatch-aside { padding-top: 12px; }
  .workbench-app[data-letter-desk="true"] #deskMapHost { display: none; margin-top: 12px; }
  .workbench-app[data-letter-desk="true"][data-desk-map-open="true"] #deskMapHost { display: block; }
  .workbench-app[data-letter-desk="true"] #deskMapHost #map { height: 230px; min-height: 230px; }
  .workbench-app[data-letter-desk="true"] #toggleDeskMap { width: 100%; margin-top: 14px; }
  .workbench-app .send-confirm-card { padding: 20px 16px; }
  .workbench-app .send-confirm-card .letter-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .workbench-app .send-confirm-card .letter-actions button { min-height: 48px; }
}
@media (min-width: 901px) {
  .workbench-app[data-letter-desk="true"] #toggleDeskMap { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .workbench-app *,
.workbench-app *::before,
.workbench-app *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition: none !important; }
  .workbench-app .delivery-pigeon { left: calc(50% - 54px); top: 108px; }
}