/* Matte bronze marks actions and selections; warm surfaces group dense content. */
.page-view {
  --c-accent:#8A602C; --c-bg:#F4F2ED; --c-line:#E8E3D9;
  --c-mute-bg:#F1EDE4; --c-ink-2:#625E57; --c-ink-3:#8B867D;
  --web-gold:#8A602C; --web-tint:#F3EADC; --web-charcoal:#302A23;
}
.tab-item.selected { position:relative; color:#8A602C; }
.tab-item.selected::before { content:""; position:absolute; top:0; left:38%; right:38%; height:2px; background:#9A753C; }
.tab-item.selected img { filter:sepia(1) saturate(1.8); }
.page-view[data-page] :is(.work-section-title,.material-section-head .section-title,.sample-heading > wx-text:first-child,.reference-heading > wx-text:first-child,.housing-heading > wx-text:first-child,.report-replica .sec-t) {
  padding-left:10px; border-left:3px solid #AF8951;
}
.page-view[data-page="today"] .project-overview { background:#FCFBF8; }
.page-view[data-page="today"] .project-overview .stat-number { color:#8A602C; }
.page-view[data-page="today"] .overview-period { background:#F3EFE7; padding:10px; margin-left:-4px; margin-right:-4px; }
.page-view[data-page="today"] .work-section { margin-top:12px; }
.page-view[data-page="today"] .work-section-head { padding-top:3px; padding-bottom:12px; }
.page-view[data-page="today"] .task-number { display:flex; align-items:center; justify-content:center; flex-basis:24px; width:24px; height:24px; margin-top:0; color:#8A602C; background:#F3EADC; border-radius:50%; font-size:max(10px, calc(10px * var(--font-scale, 1))); }
.page-view[data-page="today"] .task-type { display:inline-block; padding:2px 7px; color:#8A602C; background:#F6F0E5; font-size:max(10px, calc(10px * var(--font-scale, 1))); }
.page-view[data-page="today"] .task-title { margin-top:9px; }
.page-view[data-page="today"] .visit-time { color:#8A602C; }

/* The same prominent product-matching entrance on workbench and clients. */
.page-view[data-page] :is(.work-product-entry,.product-entry) {
  margin:14px 0; padding:18px calc(32 * var(--rpx) - 1px) 18px calc(32 * var(--rpx) - 4px); min-height:106px; gap:12px;
  border:1px solid #65543D; border-left:4px solid #C3A16A; border-radius:0;
  background:#302A23; color:#FCF9F2;
}
.page-view[data-page] :is(.work-product-title,.product-entry-title) {
  display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:5px 10px;
  color:#302A23; background:#D7BD8D; font-size:max(11px, calc(15px * var(--font-scale, 1))); font-weight:600; line-height:1.4; letter-spacing:2px;
}
.page-view[data-page] :is(.work-product-copy,.product-entry-copy) { display:block; margin-top:10px; color:#D7CCBB; font-size:max(10px, calc(11px * var(--font-scale, 1))); line-height:1.7; }
.page-view[data-page] :is(.work-product-action,.product-entry-action) { flex-shrink:0; padding:7px 9px; border:1px solid #806B4E; border-radius:2px; color:#E8D3AC; font-size:max(10px, calc(11px * var(--font-scale, 1))); }
.page-view[data-page] :is(.work-product-entry,.product-entry) .chevron { background:#D7BD8D; }
.page-view[data-page] :is(.work-product-entry,.product-entry):active { background:#42372A; }
.page-view[data-page] :is(.work-product-entry,.product-entry):focus-visible { outline:2px solid #B58B4B; outline-offset:3px; }

.page-view[data-page="clients"] .clients-toolbar { border-top:3px solid #BA9B6E; }
.page-view[data-page="clients"] .search-wrap { border:1px solid #EBE5DB; background:#F6F3ED; }
.page-view[data-page="clients"] .search-input { background:transparent; }
.page-view[data-page="clients"] .collection-switch { gap:24px; padding-top:3px; }
.page-view[data-page="clients"] .collection-tab.active { color:#8A602C; border-bottom:3px solid #9A753C; }
.page-view[data-page="clients"] .business-filters { padding-top:10px; padding-bottom:10px; background:#FAF8F4; }
.page-view[data-page="clients"] .business-filter { min-height:32px; margin-right:10px; padding:4px 10px; border:1px solid transparent; border-radius:3px; font-size:max(10px, calc(11px * var(--font-scale, 1))); }
.page-view[data-page="clients"] .business-filter.active { color:#7C5427; background:#F0E4D1; border-color:#DCC7A7; }
.page-view[data-page="clients"] .business-filter.active .filter-count { color:#8A602C; }
.page-view[data-page="clients"] .list-heading { background:#F4F2ED; margin-top:0; padding-top:18px; }
.page-view[data-page="clients"] .list-heading-main { padding-left:10px; border-left:3px solid #AF8951; }
.page-view[data-page="clients"] .list-count { display:inline-block; padding:0 7px; background:#EAE0D0; color:#8A602C; border-radius:10px; }
.page-view[data-page="clients"] .client-list { padding:0 16px 2px; background:#F4F2ED; }
.page-view[data-page="clients"] .client-row { padding:16px; margin:10px 0; border:1px solid #E8E3D9; border-radius:3px; background:#FFFFFF; }
.page-view[data-page="clients"] .client-grade { padding:3px 7px; color:#766143; background:#F5F0E7; border-radius:2px; font-size:max(10px, calc(10px * var(--font-scale, 1))); }
.page-view[data-page="clients"] .client-business-tag { color:#8A602C; background:#F3EADC; }
.page-view[data-page="clients"] .client-business-tag.reviewed { color:#3F6350; background:#EDF2EB; }
.page-view[data-page="clients"] .client-next { padding:10px; margin-top:14px; background:#F8F5EE; border-left:2px solid #C2A374; }
.page-view[data-page="clients"] .next-label { color:#8A602C; }
.page-view[data-page="clients"] .sample-section { background:#FCFAF6; }
.page-view[data-page="clients"] .sample-badge { color:#8A602C; padding:2px 6px; background:#F0E5D3; }

.page-view[data-page="materials"] { background:#F7F5F0; }
.page-view[data-page="materials"] .materials-toolbar { border-bottom-color:#D8C8AD; }
.page-view[data-page="materials"] .materials-screen .add-material { min-height:34px; padding:0 10px; margin:6px 0; color:#8A602C; background:#EEE3D1; border:1px solid #D9C7A9; border-radius:3px; }
.page-view[data-page="materials"] .personal-row { min-height:88px; padding:16px; margin-top:10px; background:#FFF; border:1px solid #E8E3D9; border-left:3px solid #BD9B65; border-radius:3px; }
.page-view[data-page="materials"] .material-state { color:#8A602C; background:#F4ECDD; padding:2px 6px; border-radius:2px; }
.page-view[data-page="materials"] .personal-title { color:#726957; }
.page-view[data-page="materials"] .library-file { color:#99723B; background:#EEE5D6; border:1px solid #E4D6BE; border-radius:2px; }
.page-view[data-page="materials"] .library-row { background:transparent; }
.page-view[data-page="materials"] .section-count { color:#8A602C; }

.page-view[data-page="product-match"] .match-intro { background:#302A23; padding-top:12px; padding-bottom:10px; }
.page-view[data-page="product-match"] .match-title { color:#F9F5EC; font-size:max(11px, calc(15px * var(--font-scale, 1))); font-weight:500; line-height:1.5; letter-spacing:0; }
.page-view[data-page="product-match"] .match-sub { color:#D3C3A9; margin-top:4px; font-size:max(11px, calc(12px * var(--font-scale, 1))); line-height:1.6; }
.page-view[data-page="product-match"] .product-switch { padding-top:12px; }
.page-view[data-page="product-match"] :is(.product-choice.chosen,.cohort-choice.chosen,.category.active,.terrace-lane.active,.housing-side.active) { color:#7C5427; background:#F0E4D1; border-color:#BD9861; }
.page-view[data-page="product-match"] :is(.difference-column.selected,.tag-choice.selected,.housing-home.selected) { border-color:#BD9861; background:#FBF6EC; }
.page-view[data-page="product-match"] .housing-metrics { padding:16px 0; background:#F7F1E6; }
.page-view[data-page="product-match"] .housing-metrics > wx-view > wx-text:first-child { color:#8A602C; }
.page-view[data-page="product-match"] .housing-rate > wx-text:last-child { color:#8A602C; font-weight:600; }
.page-view[data-page="product-match"] .housing-toggle { color:#8A602C; background:#F1E6D3; padding-left:12px; padding-right:12px; }
.page-view[data-page="product-match"] .tag-meter > wx-view { background:#AF8951; }

.page-view[data-page="detail"] .report-replica .summary { margin:12px 16px; padding:16px; border-left:3px solid #B58D52; background:#F7F1E6; }
.page-view[data-page="detail"] .report-replica .summary-label { color:#8A602C; }
.page-view[data-page="detail"] :is(.report-replica,.detail-navigation) .seg-tab.on { color:#8A602C; }
.page-view[data-page="detail"] :is(.report-replica,.detail-navigation) .seg-tab.on::after { background:#9A753C; }
.page-view[data-page="detail"] .sec-h { padding-top:4px; padding-bottom:14px; }
.page-view[data-page="detail"] .profile-status { color:#8A602C; padding:3px 7px; background:#F1E6D3; }
.page-view[data-page="assistant"] .assistant-screen .suggestion { border-color:#E4D8C2; background:#FBF8F1; color:#6C5534; }
.page-view[data-page="assistant"] .client-context { color:#8A602C; }
.page-view[data-page="assistant"] .composer { border-top-color:#DCCBAE; background:#FCFAF6; }
@media(max-width:360px) {
  .page-view[data-page] :is(.work-product-entry,.product-entry) { gap:7px; }
  .page-view[data-page] :is(.work-product-copy,.product-entry-copy) { font-size:max(10px, calc(10px * var(--font-scale, 1))); }
}