/* Shared workspace visual system, also used by the public home. */
.dashboard-alert-link { margin: 16px 0 0; }

/* Listings: wide desktop comparison, compact cards on smaller screens. */
.workspace.listings-workspace .board-page { width: min(1760px, calc(100% - 80px)); }
.listing-heading { margin-bottom: 26px; }
.listing-heading .eyebrow { color: #a04c2a; }
.listing-controls { padding: 0; border: 1px solid #dfe5dd; border-radius: 16px; background: #fff; box-shadow: 0 4px 20px #21362d04; }
.listing-search { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(110px, 1fr) 92px minmax(135px, 1fr) minmax(135px, 1fr) auto; align-items: end; gap: 16px; padding: 22px; }
.listing-search label { display: grid; gap: 7px; min-width: 0; color: #59685e; font-size: .74rem; font-weight: 800; }
.listing-search :is(input, select), .listing-sort select { font: inherit; color: #2b3c31; border: 1px solid #dce2d9; background: #fafbf8; border-radius: 9px; min-width: 0; height: 44px; padding: 0 12px; width: 100%; font-size: .83rem; font-weight: 600; }
.listing-search .search-input { display: flex; align-items: center; border: 1px solid #dce2d9; border-radius: 9px; background: #fafbf8; padding-left: 12px; }
.listing-search .search-input input { border: 0; background: transparent; }
.listing-search input::placeholder { color: #8b948d; font-weight: 500; }
.listing-quickbar { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; padding: 17px 22px; border-top: 1px solid #e9ece6; background: #fcfdfb; border-radius: 0 0 16px 16px; }
.listing-filter-label { display: grid; grid-template-columns: 18px auto; gap: 3px 7px; font-size: .77rem; font-weight: 800; color: #495b4f; }
.listing-filter-label small { grid-column: 2; color: #7d897f; font-weight: 500; font-size: .68rem; }
.listing-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.listing-filter-chips form { margin: 0; }
.listing-filter { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; border: 1px solid #dfe5dc; border-radius: 9px; padding: 7px 13px; font: inherit; font-size: .78rem; font-weight: 800; text-decoration: none; background: #fff; color: #526256; cursor: pointer; transition: background .15s, border-color .15s; }
.listing-filter .ui-icon { width: 14px; height: 14px; }
.listing-filter .filter-plus { font-size: 1rem; color: #87938a; font-weight: 500; line-height: 1; }
.listing-filter:hover { border-color: #a3b2a2; background: #f1f5ed; }
.listing-filter.is-active { color: #fff; background: #2d5d48; border-color: #2d5d48; box-shadow: 0 2px 5px #22493412; }
.listing-reset { font-size: .74rem; font-weight: 800; color: #a14722; text-decoration: none; padding: 8px 0; }
.listing-quickbar > .listing-reset { margin-left: auto; }
.listing-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 28px 0 15px; }
.listing-results-heading h2 { display: flex; gap: 10px; align-items: center; margin: 0; font-size: 1.18rem; }
.listing-results-heading h2 span { font-family: Nunito, sans-serif; background: #e5ebdf; color: #4b624c; border-radius: 7px; font-size: .8rem; padding: 3px 9px; }
.listing-results-heading p { font-size: .76rem; color: #748074; margin: 6px 0 0; }
.listing-results-heading p strong { color: #3b5a45; }
.listing-sort { display: flex; align-items: center; gap: 10px; font-size: .76rem; color: #718071; }
.listing-sort label { white-space: nowrap; }
.listing-sort select { width: 145px; height: 36px; background: #fff; font-size: .76rem; }
.listing-sort .mini { min-height: 36px; border-radius: 8px; }
.listing-table-wrap { border: 1px solid #e0e6dc; border-radius: 14px; background: #fff; }
.listing-table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: .82rem; }
.listing-table th { text-align: left; padding: 15px 18px; font-size: .67rem; letter-spacing: .055em; text-transform: uppercase; color: #6e7b70; background: #f0f3ec; border-bottom: 1px solid #e0e6dc; }
.listing-table th:first-child { border-radius: 14px 0 0 0; width: 34%; }
.listing-table th:nth-child(2) { width: 7%; }
.listing-table th:nth-child(3), .listing-table th:nth-child(4) { width: 11%; }
.listing-table th:nth-child(5) { width: 15%; }
.listing-table th:nth-child(6) { width: 10%; }
.listing-table th:last-child { width: 12%; border-radius: 0 14px 0 0; }
.listing-table th a { color: inherit; text-decoration: none; white-space: nowrap; }
.listing-table th a span { padding-left: 4px; color: #46694d; }
.listing-table td { border-bottom: 1px solid #edf0e9; padding: 20px 18px; vertical-align: middle; }
.listing-table tbody tr:last-child td { border-bottom: 0; }
.listing-table tbody tr:hover { background: #fbfcf8; }
.listing-unit { display: flex; gap: 16px; align-items: center; }
.listing-thumb { display: grid; place-items: center; width: 92px; height: 80px; flex: none; background: #e9eee4; border-radius: 9px; overflow: hidden; color: #8a9c87; position: relative; }
.listing-thumb > .ui-icon { width: 26px; height: 26px; }
.listing-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.listing-thumb img[hidden] { display: none; }
.listing-unit-copy { min-width: 0; }
.listing-title { color: #2b4032; font-weight: 800; text-decoration: none; line-height: 1.4; font-size: .92rem; display: block; overflow-wrap: anywhere; }
.listing-title:hover { color: #a3441e; text-decoration: underline; text-underline-offset: 3px; }
.listing-unit-copy p { color: #798579; font-size: .73rem; margin: 5px 0 8px; }
.listing-tags { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.listing-tags > span { font-size: .62rem; font-weight: 800; border-radius: 5px; padding: 3px 6px; line-height: 1.2; white-space: nowrap; }
.listing-game { color: #7f6424; background: #f9efcc; }
.listing-unseen { color: #2c6b66; background: #e5f2ee; }
.listing-seen { color: #929a90; }
.listing-score { display: inline-grid; place-items: center; width: 42px; height: 42px; border: 1px solid #dfe7d6; border-radius: 12px; font-family: Sora, sans-serif; font-size: 1.05rem; font-weight: 600; }
.listing-score.high { background: #eaf2df; color: #3f6836; }
.listing-score.medium { background: #fcf2db; color: #8e6a2e; border-color: #f0e4c4; }
.listing-score.low { background: #f2f3ef; color: #7c877b; }
.listing-money strong { display: block; font-family: Sora, sans-serif; font-size: .98rem; font-weight: 600; letter-spacing: -.025em; }
.listing-money small { display: block; margin-top: 6px; font-size: .67rem; color: #879081; }
.listing-closing { color: #5c6c5e; font-size: .75rem; line-height: 1.7; }
.listing-closing .ui-icon { width: 14px; height: 14px; margin-right: 4px; color: #8b9988; }
.listing-ai > span { white-space: nowrap; }
.listing-worth { display: inline-flex; align-items: center; gap: 4px; font-size: .65rem; font-weight: 800; border-radius: 6px; color: #6c6028; background: #f9f0d2; padding: 5px 8px; }
.listing-worth .ui-icon { width: 12px; height: 12px; }
.listing-open { display: inline-flex; align-items: center; gap: 6px; color: #9e431f; font-size: .77rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.listing-open .ui-icon { width: 15px; height: 15px; }
.listing-more { position: relative; font-size: .68rem; color: #81907f; margin-top: 9px; }
.listing-more summary { cursor: pointer; }
.listing-more > div { position: absolute; top: 25px; right: 0; width: 280px; padding: 18px; background: #fff; border: 1px solid #dbe3d6; box-shadow: 0 10px 35px #203b2521; border-radius: 12px; z-index: 10; font-size: .75rem; color: #61705e; }
.listing-more p { margin: 0 0 8px; }
.listing-diagnostics { border-top: 1px solid #e4e9df; border-bottom: 1px solid #e4e9df; padding: 12px 0 5px; margin: 12px 0; }
.listing-more form { margin-top: 10px; }
.listing-more .mini { font-size: .72rem; }
.listing-more .listing-delete { color: #a64e40; background: transparent; }
.listing-pagination { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 20px 0; color: #7c887b; font-size: .76rem; }
.listing-pagination > div { display: flex; align-items: center; gap: 14px; }
.listing-pagination .mini { border-radius: 8px; padding: 8px 12px; font-size: .75rem; background: #fff; }
.listings-workspace .empty-state .listing-reset { display: block; margin: 10px auto 0; }
@media (max-width: 1400px) {
  .listing-table th, .listing-table td { padding-inline: 12px; }
  .listing-thumb { width: 72px; height: 72px; }
  .listing-unit { gap: 11px; }
  .listing-table th:first-child { width: 31%; }
  .listing-table th:last-child { width: 15%; }
}
@media (max-width: 1100px) {
  .listing-search { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .listing-search-field { grid-column: span 2; }
  .listing-search .btn { grid-column: span 2; }
  .listing-table-wrap { border: 0; background: transparent; }
  .listing-table, .listing-table tbody { display: block; width: 100%; }
  .listing-table thead { display: none; }
  .listing-table tbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .listing-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: #fff; border: 1px solid #dfe6d9; border-radius: 14px; padding: 18px; gap: 16px; align-content: start; position: relative; }
  .listing-table td { display: block; border: 0; padding: 0; }
  .listing-table .listing-unit-cell { grid-column: 1/-1; padding-right: 48px; }
  .listing-table .listing-score-cell { position: absolute; top: 18px; right: 18px; }
  .listing-unit { align-items: flex-start; flex-direction: column; }
  .listing-thumb { width: 72px; height: 64px; }
  .listing-title { font-size: .92rem; }
  .listing-money::before, .listing-closing::before, .listing-ai::before { content: attr(data-label); display: block; color: #84917f; font-size: .67rem; margin-bottom: 7px; }
  .listing-table .listing-row-actions { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eef1e9; padding-top: 14px; }
  .listing-more { margin: 0; }
  .listing-more > div { top: 28px; }
}
@media (max-width: 700px) {
  .workspace.listings-workspace .board-page { width: calc(100% - 32px); }
  .listing-search { padding: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .listing-quickbar { padding: 16px; gap: 13px; }
  .listing-filter-label { display: flex; flex-wrap: wrap; width: 100%; align-items: center; }
  .listing-filter-label small { margin-left: auto; }
  .listing-filter { min-height: 42px; padding-inline: 10px; font-size: .74rem; }
  .listing-filter-chips { gap: 6px; }
  .listing-quickbar > .listing-reset { margin-left: 0; }
  .listing-results-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .listing-sort { width: 100%; }
  .listing-sort select { flex: 1; }
  .listing-table tbody { grid-template-columns: 1fr; }
  .listing-unit { flex-direction: row; gap: 12px; }
  .listing-thumb { width: 64px; height: 64px; }
  .listing-table .listing-unit-cell { padding-right: 40px; }
  .listing-score { width: 34px; height: 36px; border-radius: 9px; font-size: .88rem; }
  .listing-open { min-height: 40px; }
  .listing-more summary { padding: 12px 0; }
  .listing-more > div { top: 43px; }
  .listing-pagination { flex-wrap: wrap; }
  .listing-pagination > div { width: 100%; justify-content: space-between; }
}

.workspace {
  --ink: #242c2a;
  --muted: #65706b;
  --line: #e4e8e1;
  --paper: #f6f7f2;
  background: var(--paper);
  font-size: 1rem;
}
.workspace .board-page { width: min(1280px, calc(100% - 64px)); padding: 36px 0 64px; }
.workspace .site-header { padding: 0 max(24px, calc((100vw - 1280px) / 2)); background: #fff; border-bottom: 1px solid var(--line); backdrop-filter: none; -webkit-backdrop-filter: none; }
.workspace .site-nav { gap: 6px; }
.workspace .site-nav a { font-size: .85rem; padding: 9px 12px; border-radius: 9px; white-space: nowrap; }
.workspace .site-nav a[aria-current="page"] { background: #fff0e5; color: #a23a14; }
.workspace .site-nav a:hover { background: #f3f5ef; }
.workspace .site-nav .btn-nav { background: #f3f5ef; color: var(--ink); font-size: .85rem; border: 1px solid var(--line); padding: 8px 13px; margin-left: 8px; }
.workspace .site-header .brand-name { font-size: 1.12rem; }
.workspace .site-header .brand-mark { width: 32px; height: 32px; }
.workspace h1 { font-size: clamp(1.85rem, 3.5vw, 2.7rem); line-height: 1.15; }
.workspace h2 { line-height: 1.3; }
.workspace .lede { font-size: .98rem; line-height: 1.65; margin: 12px 0 0; max-width: 650px; }
.workspace .eyebrow { font-size: .68rem; letter-spacing: .12em; color: #6c766e; margin-bottom: 10px; }
.workspace .btn { border-radius: 10px; min-height: 44px; padding: 10px 17px; box-shadow: none; gap: 9px; font-size: .87rem; }
.workspace .btn:hover { background: #a43812; }
.workspace .btn-ghost { background: #fff; color: var(--ink); border: 1px solid var(--line); }
.workspace .btn-ghost:hover { background: #f0f3ed; }
.workspace :is(a, button, input, select, summary):focus-visible { outline: 3px solid #2e8274; outline-offset: 3px; }
.ui-icon { width: 18px; height: 18px; flex: none; display: inline-block; vertical-align: middle; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 12px 18px; background: #fff; border: 2px solid #1f7a6b; border-radius: 10px; }
.skip-link:focus { top: 12px; }
.workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 28px; }
.workspace-heading h1 { margin: 0; }
.ranking-help { position: relative; flex: none; font-size: .85rem; }
.ranking-help summary { display: flex; gap: 8px; align-items: center; cursor: pointer; color: #43564d; padding: 10px 0; font-weight: 800; }
.ranking-help > div { position: absolute; top: 45px; right: 0; width: min(340px, 88vw); background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 22px; z-index: 20; box-shadow: 0 16px 40px #2336291c; }
.ranking-help p { color: var(--muted); line-height: 1.65; }
.ranking-help a { color: #a23a14; font-weight: 800; }
.workspace-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 30px; padding: 0; }
.metric-card { display: flex; align-items: flex-start; gap: 16px; background: #fff; padding: 22px; border: 1px solid var(--line); border-radius: 14px; }
.metric-card > div { display: grid; gap: 3px; min-width: 0; }
.metric-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #fff1e5; color: #ac451c; border-radius: 12px; flex: none; }
.metric-icon.mint { background: #e8f4ef; color: #226452; }
.metric-icon.sand { background: #f5f0df; color: #7d672e; }
.metric-label { font-size: .79rem; font-weight: 800; color: #5d6861; }
.metric-card strong { font-family: Sora, sans-serif; font-size: 1.85rem; font-weight: 600; line-height: 1.3; letter-spacing: -.05em; }
.metric-card strong small { color: #929b94; font-size: 1rem; letter-spacing: -.02em; }
.metric-caption { color: #6b756e; font-size: .75rem; }
.view-tabs { display: flex; gap: 5px; border-bottom: 1px solid var(--line); margin-bottom: 20px; overflow-x: auto; }
.view-tabs a { font-size: .89rem; font-weight: 800; text-decoration: none; color: #68736c; padding: 0 18px 13px; white-space: nowrap; border-bottom: 3px solid transparent; }
.view-tabs a:first-child { padding-left: 0; padding-right: 22px; }
.view-tabs a[aria-current="page"] { color: #a23a14; border-color: #c2410c; }
.search-panel { padding: 20px 22px 13px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.primary-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; align-items: end; gap: 14px; }
.search-panel label { display: grid; gap: 7px; font-size: .73rem; font-weight: 800; color: #5b675f; }
.search-panel .unit-search { display: flex; flex-direction: row; align-items: center; gap: 10px; border-bottom: 1px solid var(--line); padding-bottom: 15px; margin-bottom: 17px; color: #7c887e; }
.unit-search input { width: 100%; min-width: 0; border: 0; font: inherit; font-size: .9rem; font-weight: 500; color: var(--ink); background: #fff; padding: 8px 2px; }
.unit-search input::placeholder { color: #818a80; }
.search-panel :is(select, input[type="number"]) { width: 100%; min-width: 0; height: 44px; font: inherit; font-size: .85rem; font-weight: 700; background: #fafbf8; color: var(--ink); border: 1px solid #dce2d9; border-radius: 9px; padding: 0 10px; }
.filter-bottom { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-top: 14px; }
.extra-filters { flex: 1; }
.extra-filters summary { width: fit-content; display: flex; align-items: center; gap: 7px; font-size: .78rem; color: #4e6256; font-weight: 800; cursor: pointer; padding: 2px 0; }
.extra-filters summary::after { content: "+"; margin-left: 4px; }
.extra-filters[open] summary::after { content: "−"; }
.extra-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 1.1fr; align-items: end; gap: 14px; padding: 16px 0 6px; }
.extra-fields .check { display: flex; flex-wrap: wrap; gap: 7px; min-height: 44px; }
.extra-fields input[type="checkbox"] { width: 17px; height: 17px; accent-color: #b84015; }
.filter-dot { width: 7px; height: 7px; background: #b84015; border-radius: 50%; }
.reset-filters { flex: none; font-size: .76rem; color: #66746a; padding: 2px 0; }
.results-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 25px 0 16px; }
.results-heading h2 { font-family: Nunito, sans-serif; font-size: .95rem; letter-spacing: 0; margin: 0; }
.results-heading h2 span { color: #758077; font-weight: 500; }
.workspace .pager { margin: 0; gap: 12px; font-size: .78rem; }
.workspace .pager .mini { text-decoration: none; padding: 6px 12px; min-height: 34px; }
.workspace .pager-bottom { margin: 28px 0 0; justify-content: center; }
.workspace .hunt-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.workspace .hunt-card { display: flex; flex-direction: column; padding: 0; gap: 0; border-radius: 16px; border: 1px solid #e0e5dc; box-shadow: 0 3px 10px #27362a04; overflow: hidden; scroll-margin-top: 86px; min-width: 0; }
.workspace .card-photo { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: #e9ece2; }
.workspace .card-photo img, .workspace .photo-fallback { width: 100%; height: 100%; min-height: 0; border-radius: 0; object-fit: cover; }
.workspace .photo-fallback { display: flex; flex-direction: column; gap: 10px; justify-content: center; background: #e8ede4; color: #74836f; font-size: .83rem; }
.photo-fallback .ui-icon { width: 32px; height: 32px; }
.card-score { position: absolute; top: 14px; right: 14px; display: grid; text-align: center; gap: 1px; padding: 9px 11px; min-width: 70px; background: #fff; color: #263c30; border-radius: 12px; box-shadow: 0 2px 10px #172b251a; }
.card-score strong { font-family: Sora, sans-serif; font-size: 1.5rem; line-height: 1.15; }
.card-score > span { text-transform: uppercase; font-size: .52rem; letter-spacing: .065em; font-weight: 800; }
.photo-count { display: inline-flex; align-items: center; gap: 5px; position: absolute; left: 12px; bottom: 12px; background: #18241fdd; color: #fff; border-radius: 7px; font-size: .68rem; font-weight: 800; padding: 4px 8px; }
.photo-count .ui-icon { width: 14px; height: 14px; }
.card-content { display: flex; flex: 1; flex-direction: column; padding: 18px; }
.card-location { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px; color: #6b786d; font-size: .69rem; font-weight: 800; margin-bottom: 7px; }
.card-location span { font-weight: 500; }
.workspace .hunt-card h2 { font-size: 1.02rem; line-height: 1.4; margin: 0; letter-spacing: -.025em; overflow-wrap: anywhere; }
.workspace .hunt-card h2 a { color: #273b2d; }
.card-status { display: flex; gap: 7px; flex-wrap: wrap; align-items: center; margin-top: 12px; }
.size-chip { font-size: .65rem; font-weight: 800; border: 1px solid #e1e5dc; border-radius: 5px; padding: 3px 7px; color: #5c6b5e; background: #fafbf8; }
.workspace .ai-chip, .workspace .wait-chip { display: inline-flex; align-items: center; gap: 4px; font-size: .64rem; padding: 3px 7px; border-radius: 5px; font-weight: 800; }
.workspace .ai-chip { color: #236650; background: #e9f5ee; }
.workspace .wait-chip { color: #826625; background: #fbf4df; }
.card-status .ui-icon { width: 12px; height: 12px; }
.card-money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 18px 0 14px; }
.card-money > div { min-width: 0; }
.card-money dt { font-size: .62rem; color: #718072; font-weight: 700; margin-bottom: 4px; }
.card-money dd { font-family: Sora, sans-serif; font-size: 1.08rem; letter-spacing: -.04em; margin: 0; font-weight: 600; }
.workspace .profit-up { color: #22694e; }
.workspace .profit-down { color: #ad493b; }
.card-closing { display: flex; align-items: center; gap: 6px; color: #667466; margin: 0 0 10px; font-size: .7rem; line-height: 1.6; }
.card-closing .ui-icon { width: 14px; height: 14px; }
.score-explanation { font-size: .7rem; color: #68796b; margin: 0 0 17px; }
.score-explanation summary { cursor: pointer; width: fit-content; }
.score-explanation .meta { font-size: .74rem; }
.score-explanation .chips { margin-bottom: 5px; }
.score-explanation .chip-plus, .score-explanation .chip-minus { font-size: .65rem; }
.card-links { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 1px; }
.card-detail { display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 800; text-decoration: none; color: #a33c19; }
.card-detail .ui-icon { width: 16px; }
.workspace .source-link { color: #738274; font-size: .64rem; }
.card-actions { display: flex; gap: 5px; border-top: 1px solid var(--line); margin-top: 15px; padding-top: 13px; }
.card-actions form { margin: 0; flex: 1; }
.workspace .card-actions .mini { border: 0; background: #f3f5ef; border-radius: 7px; display: flex; justify-content: center; align-items: center; gap: 5px; width: 100%; min-height: 36px; font-size: .68rem; padding: 5px; }
.card-actions .ui-icon { width: 14px; height: 14px; }
.workspace .card-actions .mini.on { color: #fff; background: #365f4a; }
.workspace .card-actions .mini:hover { background: #e6ece1; color: #263c2e; }
.workspace .mini:disabled { opacity: .65; cursor: wait; }
.workspace .board-toast { top: 78px; box-shadow: 0 6px 18px #21332612; border: 1px solid #c7e3d4; }
.board-toast > span { display: flex; align-items: center; gap: 8px; }
.empty-state { grid-column: 1/-1; text-align: center; background: #fff; border: 1px dashed #cfd8c9; border-radius: 16px; padding: 64px 24px; }
.empty-state > .ui-icon { width: 34px; height: 34px; color: #7b947d; margin-bottom: 16px; }
.empty-state h2 { font-size: 1.3rem; }
.empty-state p { max-width: 440px; margin: 12px auto 22px; color: var(--muted); font-size: .9rem; }
.workspace .panel { box-shadow: none; border: 1px solid var(--line); padding: 24px; border-radius: 14px; }
.workspace .panel h2 { font-size: 1.05rem; margin-top: 0; }
.workspace .shadow-panel { padding: 16px 22px; margin-top: 18px; }
.shadow-panel > summary { display: flex; flex-wrap: wrap; gap: 6px 16px; cursor: pointer; align-items: center; font-size: .82rem; }
.shadow-panel > summary::before { content: "+"; font-size: 1.15rem; color: #73806c; }
.shadow-panel[open] > summary::before { content: "−"; }
.shadow-panel > summary .meta { font-size: .75rem; }
.workspace .stat-grid { gap: 12px; }
.workspace .stat-grid .panel { padding: 16px; }
.workspace .stat-grid strong { font-family: Sora, sans-serif; font-size: 1.45rem; letter-spacing: -.04em; }
.workspace .facts dd { overflow-wrap: anywhere; }
.workspace .photo-thumb { box-shadow: none; }
.workspace .photo-grid { gap: 10px; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; border-radius: 6px; background: #eef1eb; color: #5b6b5e; padding: 4px 8px; font-size: .7rem; font-weight: 800; }
.status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-pill.good { background: #e6f4eb; color: #23634b; }
.status-pill.warn { background: #fbf0d5; color: #89611a; }
.status-pill.bad { background: #fce9e5; color: #a24334; }
.ops-alerts { display: grid; gap: 10px; margin-bottom: 24px; padding: 0; }
.ops-alert { display: flex; align-items: flex-start; gap: 12px; border: 1px solid #ebdab5; border-radius: 11px; padding: 15px 18px; background: #fffaf0; }
.ops-alert.bad { background: #fff3f0; border-color: #efcfc7; }
.ops-alert > .ui-icon { color: #9e7029; margin-top: 3px; }
.ops-alert strong { font-size: .85rem; }
.ops-alert p { font-size: .79rem; color: #74664d; margin: 4px 0 0; }
.ops-columns { display: grid; grid-template-columns: 1.7fr 1fr; gap: 22px; align-items: start; }
.ops-subtitle { color: var(--muted); font-size: .83rem; margin: 5px 0 18px; }
.ops-worker { display: flex; justify-content: space-between; align-items: start; gap: 10px; margin: 14px 0; }
.ops-row { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.ops-row:last-child { border: 0; padding-bottom: 0; }
.ops-row strong { display: block; font-size: .83rem; }
.ops-row small { color: var(--muted); font-size: .73rem; }
.ops-row a { color: #a23a14; text-decoration: none; }
.ops-table { border-collapse: collapse; width: 100%; font-size: .78rem; }
.ops-table th { text-align: left; font-size: .66rem; color: #6e7a70; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; padding: 10px 12px; background: #f8faf5; }
.ops-table td { padding: 15px 12px; border-bottom: 1px solid var(--line); }
.ops-table tbody tr:last-child td { border-bottom: 0; }
.ops-table .status-pill { white-space: nowrap; }
.ops-fine { font-size: .74rem; color: var(--muted); margin: 15px 0 0; line-height: 1.6; }
@media (max-width: 1100px) {
  .workspace .hunt-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .primary-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .apply-filters { grid-column: 1/-1; justify-self: end; }
  .metric-card { padding: 18px; gap: 12px; }
}
@media (min-width: 981px) { .workspace .nav-toggle { display: none; } }
@media (max-width: 980px) {
  .workspace .site-nav { padding: 12px; }
  .workspace .site-nav .btn-nav { margin: 4px 0 0; }
  .ops-columns { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .workspace .board-page { width: calc(100% - 32px); padding: 24px 0 40px; }
  .workspace .site-header { padding: 0 16px; }
  .workspace-heading { align-items: start; gap: 12px; margin-bottom: 20px; flex-direction: column; }
  .workspace .lede { font-size: .9rem; margin-top: 10px; }
  .ranking-help { font-size: .77rem; }
  .ranking-help > div { right: auto; left: 0; }
  .workspace-metrics { gap: 8px; margin-bottom: 24px; }
  .metric-card { display: block; padding: 12px 10px; border-radius: 11px; }
  .metric-icon { width: 30px; height: 30px; margin-bottom: 10px; border-radius: 8px; }
  .metric-icon .ui-icon { width: 16px; height: 16px; }
  .metric-label { font-size: .73rem; line-height: 1.4; min-height: 32px; }
  .metric-card strong { font-size: 1.5rem; }
  .metric-card strong small { font-size: .75rem; }
  .metric-caption { font-size: .68rem; line-height: 1.5; }
  .view-tabs a { padding-left: 12px; padding-right: 12px; font-size: .8rem; }
  .search-panel { padding: 15px 14px 12px; }
  .primary-filters, .extra-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .primary-filters .apply-filters { grid-column: 1/-1; width: 100%; }
  .extra-filters[open] { min-width: 0; }
  .filter-bottom:has(.extra-filters[open]) { flex-wrap: wrap; }
  .filter-bottom:has(.extra-filters[open]) .extra-filters { flex-basis: 100%; }
  .results-heading h2 span { font-size: .75rem; }
  .workspace .pager { gap: 8px; font-size: .72rem; }
  .workspace .hunt-list { grid-template-columns: 1fr; gap: 20px; }
  .workspace .hunt-card { border-radius: 14px; }
  .card-content { padding: 18px; }
  .card-location { font-size: .75rem; }
  .workspace .card-status :is(.ai-chip, .wait-chip, .size-chip) { font-size: .7rem; }
  .card-money dt { font-size: .7rem; }
  .card-money dd { font-size: 1.2rem; }
  .card-closing, .score-explanation { font-size: .78rem; }
  .card-detail { font-size: .85rem; min-height: 44px; }
  .workspace .source-link { font-size: .72rem; min-height: 44px; display: inline-flex; align-items: center; }
  .workspace .card-actions .mini { min-height: 44px; font-size: .75rem; }
  .workspace .panel { padding: 18px; }
  .ops-table th, .ops-table td { padding: 12px 8px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .workspace *, .workspace *::before, .workspace *::after { transition: none !important; } }

/* Personal workspace settings */
.personal-location { color: var(--muted, #63746a); font-size: .9rem; margin: 16px 0; }
.preferences-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; align-items: start; }
.preferences-section { padding: 28px; }
.preferences-step { display: block; color: #2c6150; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 20px; }
.preferences-section h2 { font-size: 1.4rem; margin: 0 0 12px; }
.preferences-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 28px 0; }
.preferences-fields label { min-width: 0; display: grid; gap: 8px; font-size: .88rem; font-weight: 700; }
.preferences-fields input { width: 100%; min-width: 0; min-height: 48px; box-sizing: border-box; border: 1px solid #cdd8d0; border-radius: 10px; padding: 10px 12px; background: #fbfcfa; color: #23372c; font: inherit; font-weight: 500; }
.preferences-fields input:focus-visible { outline: 2px solid #32664f; outline-offset: 2px; }
.preferences-credit { color: #63746a; font-size: .75rem; }
.preferences-save { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0 24px; }
@media (max-width: 850px) { .preferences-layout { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 480px) { .preferences-section { padding: 20px; } .preferences-fields { grid-template-columns: 1fr; gap: 16px; } .preferences-save { flex-direction: column; align-items: stretch; } }