/* RN Product: compact work surfaces inspired by the references' hierarchy. */
:where(.rv-native-workspace) .rv-main > .rv-page-header { padding-bottom: var(--rn-space-4); margin-bottom: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-page-header h1 { }
:where(.rv-native-workspace) .rv-page-header p:not(.rn-eyebrow) { }
:where(.rv-native-workspace) .rv-page-header > .rv-actions { margin-top: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-main > h2,:where(.rv-native-workspace) .rv-detail-section > h2 { }
:where(.rv-native-workspace) .rv-main .rn-empty-state { min-height: 0; align-content: start; padding: var(--rn-space-6); gap: var(--rn-space-3); justify-items: start; text-align: left; }
:where(.rv-native-workspace) .rv-main .rn-empty-state h2 { margin: 0; }
:where(.rv-native-workspace) .rv-main .rn-empty-state p { max-width: var(--rn-content-reading); margin: 0; }
:where(.rv-native-workspace) .rv-filter-bar + .rv-detail-section { margin-top: var(--rn-space-3); padding-top: var(--rn-space-3); }
:where(.rv-native-workspace) .rv-table-heading h2 { }
:where(.rv-native-workspace) .rv-table-heading p { }
:where(.rv-native-workspace) .rv-panel-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--rn-space-3); }
:where(.rv-native-workspace) .rv-panel-heading h2 { margin: 0; }
:where(.rv-native-workspace) .rv-panel-heading > a,:where(.rv-native-workspace) .rv-panel-heading > span { }
:where(.rv-native-workspace) .rv-panel-heading > a { display: inline-flex; align-items: center; gap: var(--rn-space-2); min-height: var(--rn-target-min); }
:where(.rv-native-workspace) .rv-panel-heading > a .rv-nav-icon { width: var(--rn-space-4); height: var(--rn-space-4); transform: rotate(-90deg); }
:where(.rv-native-workspace) .rv-panel-heading > span { }
:where(.rv-native-workspace) .rv-period-tabs { display: flex; flex-wrap: wrap; gap: var(--rn-space-2) var(--rn-space-4); border-bottom: var(--rn-border-width) solid var(--rn-color-border); margin-block: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-period-tabs a { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: var(--rn-target-min); padding: var(--rn-space-2) var(--rn-space-1); text-decoration: none; }
:where(.rv-native-workspace) .rv-period-tabs a::after { content: ''; position: absolute; inset: auto 0 0; height: calc(var(--rn-border-width) * 2); transform: scaleX(0); }
:where(.rv-native-workspace) .rv-period-tabs a[aria-current] { }
:where(.rv-native-workspace) .rv-period-tabs a[aria-current]::after { transform: scaleX(1); }
:where(.rv-native-workspace) .rv-period-tabs a:hover { }
:where(.rv-native-workspace) .rv-filter-caption { min-width: 0; overflow-wrap: anywhere; text-align: right; }
:where(.rv-native-workspace) .rv-workbench-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--rn-space-3); margin-block: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-workbench-stats > div { display: flex; flex-direction: column; min-width: 0; }
:where(.rv-native-workspace) .rv-workbench-stats > div > span { display: block; padding: var(--rn-space-3) var(--rn-space-4); border-bottom: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-workbench-stats strong { padding: var(--rn-space-3) var(--rn-space-4) 0; }
:where(.rv-native-workspace) .rv-workbench-stats small { padding: var(--rn-space-1) var(--rn-space-4) var(--rn-space-3); }
:where(.rv-native-workspace) .rv-workbench-layout { display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--rn-space-12) * 2 + var(--rn-space-8)); gap: var(--rn-space-5); align-items: start; margin-top: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-workbench-layout > * { min-width: 0; }
:where(.rv-native-workspace) .rv-plan-panel { overflow: hidden; }
:where(.rv-native-workspace) .rv-plan-panel > .rv-panel-heading { padding: var(--rn-space-4) var(--rn-space-5); border-bottom: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-plan-list { padding: var(--rn-space-3) var(--rn-space-5); }
:where(.rv-native-workspace) .rv-plan-item { position: relative; margin-left: var(--rn-space-1); padding: var(--rn-space-4) 0 var(--rn-space-5) var(--rn-space-5); border-left: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-plan-item:last-child { border-left-color: transparent; }
:where(.rv-native-workspace) .rv-plan-item + .rv-plan-item .rv-plan-body { border-top: var(--rn-border-width) solid var(--rn-color-border); padding-top: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-plan-marker { position: absolute; left: calc(-1 * var(--rn-space-1) - var(--rn-border-width)); top: var(--rn-space-5); width: calc(var(--rn-space-2) + var(--rn-border-width) * 2); height: calc(var(--rn-space-2) + var(--rn-border-width) * 2); }
:where(.rv-native-workspace) .rv-plan-item + .rv-plan-item > .rv-plan-marker { top: var(--rn-space-7); }
:where(.rv-native-workspace) .rv-plan-item[data-severity=CRITICAL] > .rv-plan-marker,:where(.rv-native-workspace) .rv-task-item[data-overdue=true] > .rv-plan-marker { }
:where(.rv-native-workspace) .rv-plan-item[data-severity=HIGH] > .rv-plan-marker { }
:where(.rv-native-workspace) .rv-task-item[data-status=DONE] > .rv-plan-marker { }
:where(.rv-native-workspace) .rv-task-item[data-status=IN_PROGRESS] > .rv-plan-marker { }
:where(.rv-native-workspace) .rv-plan-meta { display: flex; align-items: center; gap: var(--rn-space-2) var(--rn-space-3); flex-wrap: wrap; }
:where(.rv-native-workspace) .rv-plan-body h3 { margin: var(--rn-space-2) 0; }
:where(.rv-native-workspace) .rv-plan-body h3 a { text-decoration: none; }
:where(.rv-native-workspace) .rv-plan-body h3 a:hover { }
:where(.rv-native-workspace) .rv-plan-context { margin-bottom: var(--rn-space-3); overflow-wrap: anywhere; }
:where(.rv-native-workspace) .rv-plan-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--rn-space-4); margin-top: var(--rn-space-3); }
:where(.rv-native-workspace) .rv-plan-footer > p { margin: 0; }
:where(.rv-native-workspace) .rv-plan-footer small { margin-top: var(--rn-space-1); }
:where(.rv-native-workspace) .rv-plan-footer .rn-button { flex-shrink: 0; }
:where(.rv-native-workspace) .rv-plan-evidence { margin-top: var(--rn-space-2); }
:where(.rv-native-workspace) .rv-plan-evidence summary { min-height: var(--rn-target-min); align-content: center; cursor: pointer; }
:where(.rv-native-workspace) .rv-plan-evidence summary span { margin-left: var(--rn-space-2); }
:where(.rv-native-workspace) .rv-plan-evidence dl { margin: var(--rn-space-2) 0; }
:where(.rv-native-workspace) .rv-plan-evidence dl > div { margin-bottom: var(--rn-space-3); }
:where(.rv-native-workspace) .rv-plan-evidence dt { margin-bottom: var(--rn-space-1); }
:where(.rv-native-workspace) .rv-plan-evidence dd { margin: 0; }
:where(.rv-native-workspace) .rv-plan-evidence > p { }
:where(.rv-native-workspace) .rv-plan-evidence[open] > dl { }
:where(.rv-native-workspace) .rv-plan-panel > .rv-pagination { padding: var(--rn-space-4) var(--rn-space-5); margin: 0; border-top: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-workbench-aside { display: grid; gap: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-category-list { padding-inline: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-category-list > a,:where(.rv-native-workspace) .rv-unassigned-link { display: flex; align-items: center; justify-content: space-between; gap: var(--rn-space-3); min-height: var(--rn-target-min); padding-block: var(--rn-space-3); border-bottom: var(--rn-border-width) solid var(--rn-color-border); text-decoration: none; }
:where(.rv-native-workspace) .rv-category-list > a:hover,:where(.rv-native-workspace) .rv-unassigned-link:hover { }
:where(.rv-native-workspace) .rv-category-list > a:last-child { border-bottom: 0; }
:where(.rv-native-workspace) .rv-plan-guide { padding: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-plan-guide h2 { margin-bottom: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-plan-guide ol { padding-left: var(--rn-space-4); margin: 0; }
:where(.rv-native-workspace) .rv-plan-guide li { padding-left: var(--rn-space-2); margin-bottom: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-plan-guide p { margin: var(--rn-space-1) 0; }
:where(.rv-native-workspace) .rv-plan-guide > a,:where(.rv-native-workspace) .rv-plan-guide summary { display: list-item; min-height: var(--rn-target-min); align-content: center; }
:where(.rv-native-workspace) .rv-plan-guide > a { display: inline-flex; align-items: center; }
:where(.rv-native-workspace) .rv-plan-search { display: flex; gap: var(--rn-space-3); padding: var(--rn-space-4) var(--rn-space-5); border-bottom: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-plan-search input { min-width: 0; flex: 1; }
:where(.rv-native-workspace) .rv-plan-search button { flex-shrink: 0; }
:where(.rv-native-workspace) .rv-task-assignment { display: flex; gap: var(--rn-space-3); align-items: center; flex-wrap: wrap; margin-top: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-task-assignment small { margin-top: var(--rn-space-1); }
:where(.rv-native-workspace) .rv-person-initial { width: var(--rn-space-6); height: var(--rn-space-6); display: grid; place-items: center; flex-shrink: 0; }
:where(.rv-native-workspace) .rv-task-assignment > .rv-actions { margin-left: auto; gap: var(--rn-space-3); }
:where(.rv-native-workspace) .rv-task-assignment .rn-button,:where(.rv-native-workspace) .rv-task-assignment a { }
:where(.rv-native-workspace) .rv-progress-summary { padding: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-progress-summary > strong { display: block; }
:where(.rv-native-workspace) .rv-progress-summary > strong > small { display: inline; }
:where(.rv-native-workspace) .rv-progress-summary > span,:where(.rv-native-workspace) .rv-progress-summary > p { }
:where(.rv-native-workspace) .rv-progress-summary > p { margin: var(--rn-space-3) 0 0; }
:where(.rv-native-workspace) .rv-progress-summary progress { display: block; width: 100%; height: var(--rn-space-2); margin-top: var(--rn-space-4); accent-color: var(--rn-color-brand-text); overflow: hidden; }
:where(.rv-native-workspace) .rv-progress-summary progress::-webkit-progress-bar { }
:where(.rv-native-workspace) .rv-progress-summary progress::-webkit-progress-value { }
:where(.rv-native-workspace) .rv-progress-summary progress::-moz-progress-bar { }
:where(.rv-native-workspace) .rv-unassigned-link { margin: 0 var(--rn-space-5) var(--rn-space-3); border-top: var(--rn-border-width) solid var(--rn-color-border); border-bottom: 0; }
:where(.rv-native-workspace) .rv-deadline { display: flex; align-items: flex-start; gap: var(--rn-space-4); padding: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-deadline-date { min-width: var(--rn-space-9); text-align: center; overflow: hidden; }
:where(.rv-native-workspace) .rv-deadline-date strong { display: block; padding: var(--rn-space-2); }
:where(.rv-native-workspace) .rv-deadline-date span { display: block; padding: var(--rn-space-1); border-top: var(--rn-border-width) solid var(--rn-color-border); }
:where(.rv-native-workspace) .rv-deadline h3 { margin: 0; }
:where(.rv-native-workspace) .rv-deadline p,:where(.rv-native-workspace) .rv-deadline .rv-data-caution { margin-top: var(--rn-space-2); }
:where(.rv-native-workspace) .rv-data-notes { margin-block: var(--rn-space-4); }
:where(.rv-native-workspace) .rv-data-notes summary { min-height: var(--rn-target-min); display: flex; align-items: center; gap: var(--rn-space-2); cursor: pointer; }
:where(.rv-native-workspace) .rv-data-notes summary::before { content: "+"; }
:where(.rv-native-workspace) .rv-data-notes[open] summary::before { content: "−"; }
:where(.rv-native-workspace) .rv-data-notes p { max-width: var(--rn-content-reading); margin-block: var(--rn-space-2) var(--rn-space-4); }
:where(.rv-native-workspace) .rv-panel-note { padding: var(--rn-space-5); }
:where(.rv-native-workspace) .rv-plan-empty { display: grid; justify-items: start; gap: var(--rn-space-3); padding: var(--rn-space-6) var(--rn-space-4); }
:where(.rv-native-workspace) .rv-plan-empty > .rv-nav-icon { width: var(--rn-space-7); height: var(--rn-space-7); }
:where(.rv-native-workspace) .rv-plan-empty h3 { margin: 0; }
:where(.rv-native-workspace) .rv-plan-empty p { max-width: var(--rn-content-reading); margin: 0 0 var(--rn-space-2); }
@media (max-width: 1199px) { :where(.rv-native-workspace) .rv-workbench-layout { grid-template-columns: minmax(0, 1fr); } :where(.rv-native-workspace) .rv-workbench-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { :where(.rv-native-workspace) .rv-workbench-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } :where(.rv-native-workspace) .rv-workbench-aside { grid-template-columns: minmax(0, 1fr); } :where(.rv-native-workspace) .rv-period-tabs { gap: var(--rn-space-1) var(--rn-space-3); } :where(.rv-native-workspace) .rv-plan-panel > .rv-panel-heading,:where(.rv-native-workspace) .rv-plan-search { padding-inline: var(--rn-space-4); } :where(.rv-native-workspace) .rv-plan-list { padding-inline: var(--rn-space-4); } }
@media (max-width: 599px) { :where(.rv-native-workspace) .rv-plan-footer { align-items: flex-start; flex-direction: column; gap: var(--rn-space-3); } :where(.rv-native-workspace) .rv-plan-footer .rn-button { width: auto; } :where(.rv-native-workspace) .rv-plan-search .rn-button { width: auto; } :where(.rv-native-workspace) .rv-task-assignment > .rv-actions { margin-left: 0; width: 100%; } :where(.rv-native-workspace) .rv-task-assignment .rn-button { width: auto; } :where(.rv-native-workspace) .rv-workbench-stats > div > span { padding-inline: var(--rn-space-3); } :where(.rv-native-workspace) .rv-workbench-stats strong,:where(.rv-native-workspace) .rv-workbench-stats small { padding-inline: var(--rn-space-3); } }
@media (prefers-reduced-motion: reduce) { :where(.rv-native-workspace) .rv-plan-evidence[open] > dl { } }