.page-shell{height: 100vh;height: 100dvh;display: flex;flex-direction: column;min-height: 0;}.page-shell-topbar{flex: 0 0 auto;position: relative;z-index: var(--z-sticky, 20);display: flex;align-items: center;gap: var(--space-4);height: var(--chrome-header-h);min-height: var(--chrome-header-h);box-sizing: border-box;padding: 0 var(--topbar-pad-x);border-bottom: var(--chrome-hairline-w) solid var(--ws-hairline, var(--chrome-hairline-color));background: var(--ws-chrome, var(--surface-2));box-shadow: inset 0 1px 0 var(--ws-highlight, transparent);}.page-shell-crumbs{min-width: 0;flex: 1 1 auto;}.page-shell-crumbs a{text-decoration: none;}.page-shell-crumbs .here{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.page-shell-sync{position: relative;flex: 0 1 auto;min-width: 0;max-width: 24rem;color: var(--text-2);font-size: var(--type-caption);}.page-shell-sync summary{cursor: pointer;list-style: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: var(--radius);transition: background var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);}.page-shell-sync summary:hover{background: var(--ws-control-hover, var(--ink-wash-5));color: var(--text);}.page-shell-sync[open] summary{background: var(--ws-control-selected, var(--brand-soft));color: var(--brand-deep);}.page-shell-sync summary::-webkit-details-marker{display: none;}.page-shell-sync[data-available="false"]{color: var(--text-3);}.page-shell-sync:not([open]) .page-shell-sync-detail{display: none;}.page-shell-sync-detail{position: absolute;z-index: var(--z-popover);top: calc(100% + var(--space-2));right: 0;min-width: 16rem;padding: var(--space-2) var(--space-3);border: 1px solid var(--line);border-radius: var(--radius);background: var(--paper);box-shadow: var(--sh-float);color: var(--text);line-height: 1.5;white-space: pre-line;}.page-shell-toolbar{display: flex;gap: var(--space-1);flex: 0 0 auto;}.page-shell-tab{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-1);height: var(--space-8);padding: 0 var(--space-2);border: 1px solid transparent;border-radius: var(--radius);color: var(--text-2);font-size: var(--type-caption);font-weight: var(--fw-semibold);text-decoration: none;transition: background var(--dur-hover) var(--ease), border-color var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease);}.page-shell-tab:hover{background: var(--ws-control-hover, var(--ink-wash-5));border-color: var(--ws-edge-active, var(--border-2));color: var(--ink);box-shadow: var(--ws-rest, none);}.page-shell-tab:active{background: var(--ws-control-pressed, var(--brand-soft));}.page-shell-tab:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px;box-shadow: var(--ws-focus, none);}.page-shell-tab svg{width: var(--space-4);height: var(--space-4);pointer-events: none;}.page-shell-column{flex: 1 1 auto;min-width: 0;min-height: 0;overflow-y: auto;overscroll-behavior: contain;scrollbar-gutter: stable;padding: var(--space-6) var(--space-6) var(--space-8);box-sizing: border-box;background: var(--ws-page-tint, var(--surface-2));}.page-shell .page-shell-column > *, .page-shell :is(.work-page, .review-page, .changes-page, .portfolio-page, .growers-page, .manage-page, .scouting-page){max-width: calc(72rem - 2 * var(--space-6));margin-inline: 0;padding-inline: 0;padding-top: 0;height: auto;min-height: 0;overflow: visible;}.page-shell .page-shell-column .page-header{position: relative;padding-inline: 0;padding-top: 0;border-bottom: 1px solid var(--ws-hairline-soft, var(--border-3));}.page-shell .page-shell-column .page-header::after{content: '';position: absolute;left: 0;bottom: -1px;width: min(5rem, 42%);height: 2px;background: var(--brand);pointer-events: none;}.page-empty{display: grid;justify-items: start;gap: var(--space-2);width: min(36rem, 100%);max-width: 36rem;margin-top: var(--space-4);padding: var(--space-5);box-sizing: border-box;border: 1px solid var(--ws-hairline, var(--border-2));border-radius: var(--radius-md);background: var(--ws-panel, var(--surface));box-shadow: inset 0 1px 0 var(--ws-highlight, transparent), var(--ws-rest, none);}.page-empty-title{margin: 0;font-size: var(--type-h4, 1rem);font-weight: var(--fw-semibold);color: var(--text);}.page-empty-how{margin: 0;color: var(--text-2);font-size: var(--type-body-sm);line-height: 1.5;}.page-empty-action{margin-top: var(--space-2);}@media (max-width: 48rem){.page-shell-topbar{height: auto;flex-wrap: wrap;gap: var(--space-1) var(--space-2);padding: var(--space-2) var(--space-3);min-width: 0;}.page-shell-toolbar{flex: 1 1 100%;flex-wrap: wrap;min-width: 0;}.page-shell-tab{padding: 0;width: var(--space-8);}.page-shell-sync{max-width: 100%;}.page-shell-crumbs{flex-basis: 100%;}.page-shell-sync{flex: 1 1 auto;}.page-shell-tablbl{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}.page-shell-column{padding: var(--space-4) var(--space-3) var(--space-6);}.page-empty{margin-top: 0;padding-inline: 0;border-inline: 0;border-radius: 0;box-shadow: none;background: transparent;}.page-shell .page-shell-column > *, .page-shell :is(.work-page, .review-page, .changes-page, .portfolio-page, .growers-page, .manage-page, .scouting-page){max-width: none;}}