/* V97: real community work order board, adapted from unified-style screen 07. */
.cwork40-overlay .cwork40-dialog {
  border-color: #b89461;
  background: linear-gradient(145deg, rgba(255, 250, 239, .98), rgba(247, 232, 205, .98));
  box-shadow: inset 0 0 0 3px #fff9eb, 0 18px 58px #33241455;
}
.cwork40-overlay .cwork40-header {
  background: linear-gradient(100deg, #fff7e6, #f4e4c9);
  border-bottom-color: #c8aa7d;
}
.cwork40-overlay .cwork40-nav {
  background: linear-gradient(100deg, #f9efd9, #f1dfc1);
  border-right-color: #c8aa7d;
}
.cwork40-overlay .cwork40-nav > .cwork40-button[aria-current=page] {
  background: #e1eedb;
  color: #405c3e;
  box-shadow: inset 3px 0 #6b8961;
}
.cwork40-overlay .cwork40-area {
  background: linear-gradient(130deg, #fff9ebcc, #f7e8cecc);
}
.cwork97-board { min-width: 0; }
.cwork97-board-head { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.cwork97-board-head .cwork40-eyebrow { margin-bottom: 3px; }
.cwork97-board-head h2 { margin: 0; color: #45392a; }
.cwork97-board-head > p { margin: 0 0 2px; color: #806b4e; font-size: 12px; }
.cwork97-board .cwork40-actions { margin: 0 0 15px; }
.cwork97-board .cwork40-actions .cwork40-button[aria-pressed=true] {
  background: #e2eedc; border-color: #7e9c74; color: #3f5d3d;
}
.cwork97-board-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 17px; }
.cwork97-board-stats > div {
  min-width: 0; min-height: 66px; padding: 10px 13px;
  border: 1px solid #d8bf98; border-radius: 12px; background: #fffaf0e8;
  box-shadow: inset 0 1px #fffefa, 0 2px 5px #4a342315;
}
.cwork97-board-stats span { display: block; color: #806b4e; font-size: 11px; }
.cwork97-board-stats strong { display: block; margin-top: 2px; color: #4e6749; font-size: 23px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.cwork97-board-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 290px); gap: 16px; min-width: 0; }
.cwork97-order-list, .cwork97-order-preview { min-width: 0; }
.cwork97-order-list > h3, .cwork97-order-preview > h3 { margin: 0 0 10px; color: #4d3e2c; font-size: 17px; }
.cwork97-order-items { display: flex; flex-direction: column; gap: 8px; }
.cwork97-order-item {
  display: block; width: 100%; padding: 11px 13px; text-align: left;
  border: 1px solid #d7b992; border-radius: 10px;
  background: #fffaf0; color: #4c3d2e;
  box-shadow: inset 0 1px #fffefa;
  cursor: pointer;
}
.cwork97-order-item:hover:not(:disabled) { background: #f5ebd7; border-color: #9eb28d; }
.cwork97-order-item[aria-pressed=true] { border: 2px solid #72916a; padding: 10px 12px; background: #f5fbf1; }
.cwork97-order-title { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.cwork97-order-title strong { font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.cwork97-order-item .cwork40-badge { flex-shrink: 0; }
.cwork97-order-meta { display: block; margin-top: 5px; color: #796a52; font-size: 11px; line-height: 1.5; }
.cwork97-order-reward { display: block; margin-top: 5px; color: #526a49; font-size: 11px; font-weight: 600; }
.cwork97-order-preview { padding-left: 16px; border-left: 1px solid #cdb58f; }
.cwork97-preview-paper { padding: 14px 14px 16px; border: 1px solid #d8bf98; border-radius: 10px; background: #fff9e9dd; }
.cwork97-preview-paper h4 { margin: 0 0 7px; color: #45392a; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.cwork97-preview-paper .cwork40-badge { margin-bottom: 10px; }
.cwork97-preview-paper p { margin: 0 0 11px; color: #655743; font-size: 12px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.cwork97-preview-facts { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid #e1ccaa; padding-top: 8px; margin-top: 8px; font-size: 11px; }
.cwork97-preview-facts span { color: #78664d; }
.cwork97-preview-facts strong { color: #4d6847; text-align: right; }
.cwork97-preview-paper > .cwork40-button { width: 100%; margin-top: 14px; }
.cwork97-order-preview .cwork40-note { margin: 9px 1px 0; }
.cwork97-board .cwork40-empty { min-height: 200px; }
@media(max-width: 880px) {
  .cwork97-board-layout { grid-template-columns: minmax(0, 1fr); }
  .cwork97-order-preview { padding: 14px 0 0; border-left: 0; border-top: 1px solid #cdb58f; }
}
@media(max-width: 600px) {
  .cwork40-overlay .cwork40-nav > .cwork40-button[aria-current=page] { box-shadow: inset 0 -3px #6b8961; }
  .cwork97-board-head { align-items: start; flex-direction: column; gap: 2px; }
  .cwork97-board-head > p { font-size: 11px; }
  .cwork97-board-stats { gap: 5px; margin-bottom: 14px; }
  .cwork97-board-stats > div { padding: 8px; min-height: 59px; }
  .cwork97-board-stats span { font-size: 10px; }
  .cwork97-board-stats strong { font-size: 20px; }
  .cwork97-board .cwork40-actions { gap: 5px; }
  .cwork97-board .cwork40-actions > .cwork40-button { min-height: 37px; padding: 6px 8px; font-size: 12px; }
  .cwork97-order-items { max-height: min(32dvh, 280px); overflow-y: auto; overscroll-behavior: contain; padding-right: 3px; scrollbar-color: #baa47d #f5e8cf; }
}