/* Approved mobile workspace scheme. All design values live in global-tokens.css. */
.pb-dashboard-logo { display: block; width: var(--pb-design-logo); height: var(--pb-design-logo); margin-left: var(--pb-design-logo-offset); flex: none; }
.pb-sidebar-brand { display: flex; align-items: center; gap: var(--pb-space-3); padding: var(--pb-space-3); color: var(--text-primary); }
/* One frameless clear control on desktop and mobile, with native keyboard access. */
:is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) .pb-search-clear {
  display: inline-flex; align-items: center; justify-content: center;
  flex: none; width: var(--pb-size-control-sm); height: var(--pb-size-control-sm);
  padding: var(--pb-space-0); border: none; border-radius: var(--pb-space-0);
  background: transparent; box-shadow: none; color: var(--pb-color-text-muted);
  cursor: pointer; visibility: hidden; opacity: 0; pointer-events: none;
}
:is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search):has(input:not(:placeholder-shown)) .pb-search-clear {
  visibility: visible; opacity: 1; pointer-events: auto;
}
:is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) .pb-search-clear:is(:hover, :focus-visible) {
  background: transparent; box-shadow: none; color: var(--pb-color-brand-500);
}
:is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) .pb-search-clear:focus-visible {
  outline: var(--pb-border-width-md) solid var(--pb-color-focus-ring);
  outline-offset: var(--pb-space-1);
}
:is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) .pb-search-clear svg {
  width: var(--pb-size-icon-sm); height: var(--pb-size-icon-sm); fill: none;
  stroke: currentColor; stroke-width: var(--pb-search-clear-stroke); stroke-linecap: round;
}
:is(#contactsSearchInput, #shortageMainSearchInput, #tasksSearch, #mobileOptimizationSearch, #mobileChartsSearch)::-webkit-search-cancel-button { appearance: none; }
.pb-mobile body { --pb-mobile-status-width: var(--pb-design-status-width); }
.pb-mobile :is(.contacts-page, #tasksMainPane, .shortage-page .container) { background: var(--pb-design-canvas); color: var(--pb-design-text); }
.pb-mobile #mobileHeader { justify-content: flex-start; gap: var(--pb-space-3); border: none; padding-inline: var(--pb-design-gutter); background: var(--pb-design-canvas); color: var(--pb-design-text); }
.pb-mobile #mobileHeader strong { font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); }
.pb-mobile #mobileHeader strong { flex: 1; }
.pb-mobile #mobileHeader .sidebar-avatar { display: flex; flex-direction: column; align-items: center; gap: var(--pb-space-1); flex: 0 1 var(--pb-mobile-account-width); width: auto; height: auto; min-width: var(--pb-space-0); margin: var(--pb-space-0); padding: var(--pb-space-1) var(--pb-space-0); border: none; border-radius: var(--pb-space-0); background: transparent; box-shadow: none; transition: none; }
.pb-mobile #mobileHeader .sidebar-avatar-icon { flex: none; width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); border: none; border-radius: var(--pb-space-0); background: transparent; box-shadow: none; }
.pb-mobile #mobileHeader .sidebar-avatar-icon :is(img, svg) { width: var(--pb-mobile-full); height: var(--pb-mobile-full); opacity: 1; }
.pb-mobile #mobileHeader .sidebar-avatar-name { display: block; opacity: 1; width: var(--pb-mobile-full); white-space: normal; overflow-wrap: anywhere; text-align: center; color: var(--pb-design-text); font-size: var(--pb-font-size-xs); line-height: var(--pb-line-height-normal); }
.pb-mobile .pb-page-heading { display: flex; flex-direction: column; flex: none; gap: var(--pb-space-1); padding: var(--pb-space-5) var(--pb-design-gutter) var(--pb-space-2); }
.pb-mobile .pb-page-heading h1 { margin: var(--pb-space-0); color: var(--pb-design-text); font-size: var(--pb-design-title); line-height: var(--pb-line-height-tight); font-weight: var(--pb-font-weight-bold); }
.pb-mobile .pb-page-heading p { margin: var(--pb-space-0); color: var(--pb-design-muted); font-size: var(--pb-design-subtitle-size); }
.pb-mobile :is(.contacts-page, #tasksMainPane, .shortage-page, .optimization-page, .charts-page) #mobilePageSearch { padding: var(--pb-space-4) var(--pb-design-gutter); border: none; background: var(--pb-design-canvas); }
.pb-mobile #mobilePageSearch > :is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) { padding-inline: var(--pb-space-3); border: none; border-radius: var(--pb-radius-xl); background: var(--pb-design-surface); color: var(--pb-design-muted); box-shadow: var(--pb-design-shadow); }
.pb-mobile #mobilePageSearch input { min-height: var(--pb-design-control); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-regular); color: var(--pb-design-text); }
.pb-mobile #mobilePageSearch > :is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) { min-height: var(--pb-design-control); }
.pb-mobile #mobilePageSearch input::placeholder { color: var(--pb-design-muted); }
.pb-mobile #mobilePageSearch > :is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search) { border: var(--pb-border-width-sm) solid transparent; }
.pb-mobile #mobilePageSearch > :is(.contacts-search, .shortage-search-field, #tasksSearchWrap, .pb-analytics-search):is(:hover, :focus-within) { border-color: var(--pb-design-search-focus-border); box-shadow: var(--pb-design-search-focus-shadow); }
.pb-mobile #mobilePageSearch input:focus-visible { outline: none; }
.pb-mobile #mobileNavigation { background: var(--pb-design-solid); border-color: var(--pb-design-solid); padding-block: var(--pb-space-2) env(safe-area-inset-bottom); }
.pb-mobile #mobileNavigation button { position: relative; border: none; background: transparent; color: var(--pb-design-on-solid); gap: var(--pb-space-1); }
.pb-mobile #mobileNavigation svg { box-sizing: content-box; padding: var(--pb-space-1) var(--pb-space-5); border-radius: var(--pb-design-pill); }
.pb-mobile #mobileNavigation :is([aria-current="page"], [aria-expanded="true"]) { color: var(--pb-design-on-solid); font-weight: var(--pb-font-weight-semibold); }
.pb-mobile #mobileNavigation :is([aria-current="page"], [aria-expanded="true"]) svg { background: var(--pb-design-on-solid); color: var(--pb-design-solid); }
.pb-mobile #mobileNavigation button:focus-visible { outline-color: var(--pb-design-on-solid); outline-offset: calc(-1 * var(--pb-space-1)); }
.pb-mobile :is(.contacts-toolbar, .shortage-command-bar, #tasksMainPane .analytics-header) { padding: var(--pb-space-2) var(--pb-design-gutter) var(--pb-space-4); background: var(--pb-design-canvas); border: none; }
.pb-mobile :is(#newContactBtn, #mobileNewTask) { color: var(--pb-design-on-solid); background: var(--pb-design-solid); border: none; border-radius: var(--pb-radius-lg); box-shadow: none; }
.pb-mobile #mobileNewTask { padding: var(--pb-space-2) var(--pb-space-4); }
.pb-mobile :is(#inventoryFilterPanelToggle, #tasksFilterPanelToggle, .contacts-sort-icon-btn) { border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-lg); background: var(--pb-design-surface); color: var(--pb-design-muted); box-shadow: none; }
.pb-mobile :is(#inventoryFilterPanelToggle, #tasksFilterPanelToggle, #mobileNewTask, .shortage-view-toggle) { min-height: var(--pb-design-control); font-size: var(--pb-design-body-size); }
.pb-mobile #mobileNavigation button { font-size: var(--pb-design-caption-size); }
.pb-mobile #mobileNavigation svg { width: var(--pb-design-icon); height: var(--pb-design-icon); }

/* Contacts: existing icon navigation, teal identity badges, category tags. */
.pb-mobile .contacts-toolbar { gap: var(--pb-space-1); }
.pb-mobile #contactsCategoryNav { gap: var(--pb-space-0); justify-content: space-between; }
.pb-mobile #contactsCategoryNav .contacts-category-btn { width: var(--pb-design-control); height: var(--pb-design-control); }
.pb-mobile :is(#contactsCategoryNav, #newContactBtn) svg { width: var(--pb-design-icon); height: var(--pb-design-icon); }
.pb-mobile #newContactBtn { width: var(--pb-design-control); height: var(--pb-design-control); }
.pb-mobile #contactsCategoryNav .contacts-category-btn { flex: none; color: var(--pb-design-muted); }
.pb-mobile #contactsCategoryNav .contacts-category-btn[aria-pressed="true"] { color: var(--pb-design-accent); background: var(--pb-design-surface); }
.pb-mobile .contacts-main { padding: var(--pb-space-0) var(--pb-design-gutter) var(--pb-space-5); }
.pb-mobile #contactsListTitle { position: static; width: auto; height: auto; clip-path: none; overflow: visible; color: var(--pb-design-text); font-size: var(--pb-design-section-size); }
.pb-mobile .contacts-list-header { height: auto; min-height: var(--pb-design-row); }
.pb-mobile .contacts-sort-label { position: static; width: auto; height: auto; margin: var(--pb-space-0); clip: auto; clip-path: none; overflow: visible; font-size: var(--pb-font-size-sm); }
.pb-mobile .contacts-sort-icon-btn { display: flex; gap: var(--pb-space-2); width: auto; padding: var(--pb-space-2) var(--pb-space-3); min-height: var(--pb-mobile-touch); }
.pb-mobile #contactsList { border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-xl); background: var(--pb-design-surface); box-shadow: var(--pb-design-shadow); }
.pb-mobile .pb-contact-row { position: relative; margin: var(--pb-space-0); border: none; border-bottom: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-space-0); background: transparent; }
.pb-mobile .pb-contact-row:last-child { border-bottom: none; }
.pb-mobile .pb-contact-disclosure { justify-content: flex-start; gap: var(--pb-space-3); min-height: var(--pb-design-row); padding: var(--pb-space-3); color: var(--pb-design-text); border-radius: var(--pb-radius-xl); }
.pb-mobile .pb-contact-disclosure .pb-contact-avatar { display: grid; place-items: center; width: var(--pb-design-avatar); height: var(--pb-design-avatar); flex: none; color: var(--pb-design-on-solid); background: var(--pb-design-solid); border-radius: var(--pb-radius-lg); font-weight: var(--pb-font-weight-semibold); }
.pb-mobile .pb-contact-copy { display: grid; gap: var(--pb-space-1); flex: 1; min-width: var(--pb-space-0); padding-right: var(--pb-mobile-touch); }
.pb-mobile .pb-contact-copy strong { font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-medium); line-height: var(--pb-line-height-normal); }
.pb-mobile .pb-contact-copy .pb-contact-type { justify-self: start; padding: var(--pb-space-1) var(--pb-space-2); border-radius: var(--pb-radius-md); background: var(--pb-design-soft); color: var(--pb-design-accent); font-size: var(--pb-design-caption-size); }
.pb-mobile .pb-contact-chevron { flex: none; width: var(--pb-size-icon-sm); height: var(--pb-size-icon-sm); color: var(--pb-design-muted); transition: transform var(--pb-motion-duration-base) var(--pb-motion-ease-standard); }
.pb-mobile .pb-contact-disclosure[aria-expanded="true"] .pb-contact-chevron { transform: rotate(var(--pb-design-chevron-rotation)); }
.pb-mobile .pb-contact-star { position: absolute; top: var(--pb-space-4); right: var(--pb-space-6); display: grid; place-items: center; width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); padding: var(--pb-space-2); border: none; background: transparent; color: var(--pb-design-muted); }
.pb-mobile .pb-contact-star svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); }
.pb-mobile .pb-contact-star .contacts-star { color: inherit; }
.pb-mobile .pb-contact-star[aria-pressed="true"] { color: var(--pb-color-amber-500); }
.pb-mobile .pb-contact-personnel { border-color: var(--pb-design-line); }
.pb-mobile .pb-contact-disclosure:hover { background: var(--pb-design-soft); }

/* Inventory: a single bounded table, with room for complete status labels. */
.pb-mobile .shortage-button-panel { border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-lg); background: var(--pb-design-surface); gap: var(--pb-space-0); }
.pb-mobile .shortage-view-toggle { border: none; border-radius: var(--pb-radius-lg); padding: var(--pb-space-2) var(--pb-space-4); color: var(--pb-design-muted); }
.pb-mobile .shortage-view-toggle.is-active { color: var(--pb-design-on-solid); background: var(--pb-design-solid); }
.pb-mobile .shortage-page .inventory-table-caption { padding: var(--pb-space-3) var(--pb-design-gutter); background: transparent; }
.pb-mobile #inventoryTableTitle { color: var(--pb-design-text); font-size: var(--pb-design-section-size); }
.pb-mobile .shortage-page .table-container { width: auto; margin-inline: var(--pb-design-gutter); border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-xl); background: var(--pb-design-surface); box-shadow: var(--pb-design-shadow); }
.pb-mobile .shortage-page .header-columns { background: var(--pb-design-surface); border-color: var(--pb-design-line); color: var(--pb-design-muted); }
.pb-mobile #inventoryPage .header-columns { margin-inline: var(--pb-design-gutter); width: auto; border: var(--pb-border-width-sm) solid var(--pb-design-line); border-bottom: none; border-radius: var(--pb-radius-xl) var(--pb-radius-xl) var(--pb-space-0) var(--pb-space-0); }
.pb-mobile .shortage-page .table-container { border-top-left-radius: var(--pb-space-0); border-top-right-radius: var(--pb-space-0); }
.pb-mobile #inventoryPage :is(.group-header, .child-row) { border-color: var(--pb-design-line); background: var(--pb-design-surface); min-height: var(--pb-design-row); }
.pb-mobile #inventoryPage .col-description { color: var(--pb-design-text); font-size: var(--pb-design-body-size); line-height: var(--pb-line-height-normal); }
.pb-mobile #inventoryPage .col-status { overflow: visible; min-width: var(--pb-space-0); }
.pb-mobile #inventoryPage .col-status :is(span, div) { max-width: var(--pb-mobile-full); white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; font-size: var(--pb-font-size-2xs); }
.pb-mobile .shortage-page .footer { margin-inline: var(--pb-design-gutter); background: transparent; color: var(--pb-design-muted); }

/* Tasks: compact summary and timeline with readable status and metadata. */
.pb-mobile #tasksListBody { padding: var(--pb-space-0) var(--pb-design-gutter) var(--pb-space-5); }
.pb-mobile #tasksMainPane .header-content { background: transparent; }
.pb-mobile .tasks-timeline-frame-header { display: none; }
.pb-mobile .pb-task-summary { gap: var(--pb-space-0); margin: var(--pb-space-0) var(--pb-space-0) var(--pb-space-5); padding: var(--pb-space-3) var(--pb-space-0); background: var(--pb-design-surface); border-radius: var(--pb-radius-xl); box-shadow: var(--pb-design-shadow); }
.pb-mobile .pb-task-summary .pb-mobile-button { border: none; border-right: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-space-0); background: transparent; color: var(--pb-design-muted); font-size: var(--pb-design-caption-size); }
.pb-mobile .pb-task-summary .pb-mobile-button:last-child { border-right: none; }
.pb-mobile .pb-task-summary strong { font-size: var(--pb-design-summary-size); color: var(--pb-design-text); }
.pb-mobile .pb-task-summary [data-mobile-task-summary="progress"] strong { color: var(--pb-design-accent); }
.pb-mobile .pb-task-summary [aria-pressed="true"] { background: var(--pb-design-soft); }
.pb-mobile .pb-task-timeline h2 { font-size: var(--pb-design-section-size); color: var(--pb-design-text); }
.pb-mobile .pb-task-timeline li { border-color: var(--pb-design-line); padding-left: var(--pb-space-5); }
.pb-mobile .pb-task-marker { background: var(--pb-design-surface); border-radius: var(--pb-design-pill); }
.pb-mobile .pb-task-card { background: var(--pb-design-surface); border: none; border-radius: var(--pb-radius-xl); padding: var(--pb-space-4); box-shadow: var(--pb-design-shadow); }
.pb-mobile .pb-task-open { min-height: var(--pb-mobile-touch); color: var(--pb-design-text); font-size: var(--pb-design-subtitle-size); line-height: var(--pb-line-height-normal); }
.pb-mobile .pb-task-card p { color: var(--pb-design-muted); font-size: var(--pb-design-body-size); }
.pb-mobile .pb-task-card .pb-task-status { display: table; margin-top: var(--pb-space-1); padding: var(--pb-space-1) var(--pb-space-2); border-radius: var(--pb-radius-md); background: var(--pb-design-soft); color: var(--pb-design-accent); }
.pb-mobile .pb-task-progress { margin-block: var(--pb-space-3); color: var(--pb-design-muted); font-size: var(--pb-design-body-size); }
.pb-mobile .pb-task-progress progress { appearance: none; border: none; height: var(--pb-design-progress); border-radius: var(--pb-design-pill); background: var(--pb-design-line); overflow: hidden; }
.pb-mobile .pb-task-progress progress::-webkit-progress-bar { background: var(--pb-design-line); border-radius: var(--pb-design-pill); }
.pb-mobile .pb-task-progress progress::-webkit-progress-value { background: var(--pb-design-solid); border-radius: var(--pb-design-pill); }
.pb-mobile .pb-task-progress progress::-moz-progress-bar { background: var(--pb-design-solid); border-radius: var(--pb-design-pill); }
.pb-mobile .pb-task-metadata { display: flex; gap: var(--pb-space-2); align-items: flex-start; }
.pb-mobile .pb-task-metadata svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); flex: none; }
@media (prefers-reduced-motion: reduce) {
  .pb-mobile .pb-contact-chevron { transition: none; }
}
/* Charts and Optimization share the mobile workspace hierarchy. */
.pb-mobile :is(.charts-page, .optimization-page) { background: var(--pb-design-canvas); color: var(--pb-design-text); overflow: hidden; }
.pb-mobile :is(#chartsPage, .opt-page-frame) { height: var(--pb-mobile-full); width: var(--pb-mobile-full); min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); margin: var(--pb-space-0); padding: var(--pb-space-0); border: none; border-radius: var(--pb-space-0); background: var(--pb-design-canvas); box-shadow: none; overflow: auto; }
.pb-mobile :is(.opt-workspace, .opt-main-pane, .charts-main-shell) { display: flex; flex-direction: column; width: var(--pb-mobile-full); min-width: var(--pb-space-0); min-height: var(--pb-space-0); height: auto; flex: 1; padding: var(--pb-space-0); gap: var(--pb-space-0); border: none; background: transparent; overflow: visible; }
.pb-mobile .opt-main-pane { height: var(--pb-mobile-full); overflow: auto; }
.pb-mobile .opt-workspace { height: var(--pb-mobile-full); }
.pb-mobile .pb-analytics-search > svg { stroke-width: var(--pb-search-clear-stroke); }
.pb-mobile :is(.charts-toolbar-header, .opt-main-pane > .charts-header) { position: static; flex: none; margin: var(--pb-space-0); padding: var(--pb-space-2) var(--pb-design-gutter) var(--pb-space-4); border: none; background: transparent; box-shadow: none; }
.pb-mobile :is(.charts-toolbar-header, .opt-main-pane > .charts-header) .header-content { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pb-space-3); min-width: var(--pb-space-0); padding: var(--pb-space-0); background: transparent; }
.pb-mobile :is(.charts-page, .optimization-page) :is(.controls-left, .controls-right, .view-selector-group) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: auto; min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); gap: var(--pb-space-2); margin: var(--pb-space-0); }
.pb-mobile :is(.charts-page, .optimization-page) .controls-left { flex: 1 1 var(--pb-mobile-full); }
.pb-mobile :is(.charts-page, .optimization-page) .controls-right { flex: 1; }
.pb-mobile :is(.charts-page, .optimization-page) .controls-divider { display: none; }
.pb-mobile :is(.charts-page, .optimization-page) .shortage-button-panel { display: inline-flex; flex-wrap: wrap; flex: none; width: auto; justify-content: flex-start; padding: var(--pb-space-1); border: var(--pb-border-width-sm) solid var(--pb-design-line); background: var(--pb-design-surface); border-radius: var(--pb-radius-lg); }
.pb-mobile :is(.charts-page, .optimization-page) .shortage-view-toggle { flex: none; width: auto; min-width: var(--pb-space-0); min-height: var(--pb-mobile-touch); height: auto; padding: var(--pb-space-2) var(--pb-space-3); font-size: var(--pb-design-body-size); }
.pb-mobile :is(.charts-page, .optimization-page) .chart-type-icons { display: flex; flex-wrap: wrap; width: auto; max-width: var(--pb-mobile-full); gap: var(--pb-space-1); margin: var(--pb-space-0); }
.pb-mobile :is(.charts-page, .optimization-page) .chart-type-icons button { min-width: var(--pb-mobile-touch); min-height: var(--pb-mobile-touch); border-radius: var(--pb-radius-lg); }
.pb-mobile :is(#optFilterPanelToggle, #chartsFilterIconBtn) { margin-left: auto; min-height: var(--pb-mobile-touch); padding: var(--pb-space-2) var(--pb-space-3); border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-lg); background: var(--pb-design-surface); color: var(--pb-design-muted); font-size: var(--pb-design-body-size); box-shadow: none; }
.pb-mobile :is(.opt-toolbar-download, .opt-toolbar-print) { width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); background: var(--pb-design-surface); border-color: var(--pb-design-line); color: var(--pb-design-muted); border-radius: var(--pb-radius-lg); }
.pb-mobile :is(.charts-workspace-shell, .opt-main-card) { flex: none; min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); margin: var(--pb-space-0) var(--pb-design-gutter) var(--pb-space-5); padding: var(--pb-space-0); border: var(--pb-border-width-sm) solid var(--pb-design-line); border-radius: var(--pb-radius-xl); background: var(--pb-design-surface); box-shadow: var(--pb-design-shadow); overflow: auto; }
.pb-mobile .charts-workspace-shell > .charts-header { background: var(--pb-design-surface); padding: var(--pb-space-4); position: static; border-color: var(--pb-design-line); }
.pb-mobile :is(.charts-workspace-shell .header-content, .opt-chart-card-header) { min-width: var(--pb-space-0); flex-wrap: wrap; gap: var(--pb-space-2); }
.pb-mobile :is(#costChartTitle, #optChartTitle) { font-size: var(--pb-design-subtitle-size); color: var(--pb-design-text); white-space: normal; overflow-wrap: anywhere; }
.pb-mobile .charts-page .charts-content { min-height: var(--pb-mobile-chart-height); height: auto; max-height: none; background: var(--pb-design-surface); }
.pb-mobile .charts-page .chart-container { min-width: var(--pb-space-0); width: var(--pb-mobile-full); }
.pb-mobile .charts-page :is(.charts-workspace-footer, #chartContextControls, #costChartScaleContainer) { background: var(--pb-design-surface); border-color: var(--pb-design-line); }
.pb-mobile .charts-workspace-footer { padding: var(--pb-space-3) var(--pb-space-4); flex-wrap: wrap; gap: var(--pb-space-2); }
.pb-mobile :is(.charts-filter-sidebar, .opt-filter-sidebar) { position: fixed; top: var(--pb-space-0); right: var(--pb-space-0); left: auto; bottom: var(--pb-space-0); width: min(var(--pb-right-sidebar-width), var(--pb-mobile-full)); min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); height: var(--pb-mobile-full); z-index: var(--pb-mobile-menu-z); background: var(--pb-design-surface); }
.pb-mobile .optimization-page { --pb-optimization-chart-label-column: var(--pb-mobile-chart-label); --pb-optimization-chart-label-column-compact: var(--pb-mobile-chart-label); --pb-optimization-item-label-column: var(--pb-mobile-chart-label); --pb-optimization-item-label-column-compact: var(--pb-mobile-chart-label); --pb-optimization-summary-item-label-column: var(--pb-mobile-chart-label); --pb-optimization-chart-bar-min-column: var(--pb-mobile-chart-bar); --pb-optimization-item-bar-min-column: var(--pb-mobile-chart-bar); --pb-optimization-chart-metric-column: var(--pb-mobile-chart-metric); --pb-optimization-chart-min-width: var(--pb-mobile-chart-min-width); --pb-optimization-item-min-width: var(--pb-mobile-chart-min-width); }
.pb-mobile .opt-charts-content { display: flex; flex-direction: column; width: var(--pb-mobile-full); min-width: var(--pb-space-0); height: auto; overflow: visible; padding: var(--pb-space-0); gap: var(--pb-space-3); background: transparent; }
.pb-mobile .opt-chart-card-header { padding: var(--pb-space-4); background: var(--pb-design-surface); }
.pb-mobile .opt-main-card { width: auto; }
.pb-mobile .opt-chart-card-footer { flex-wrap: wrap; padding: var(--pb-space-3) var(--pb-space-4); gap: var(--pb-space-2); background: var(--pb-design-surface); }
.pb-mobile .opt-content-shell { height: auto; min-height: var(--pb-mobile-chart-height); overflow: visible; }
.pb-mobile .opt-timeline-stack { height: auto; overflow: visible; }
.pb-mobile #stockoutFullTimeline { height: auto; overflow: visible; }
.pb-mobile .opt-chart-column-head, .pb-mobile .opt-chart-axis { background: var(--pb-design-surface); }
.pb-mobile #optCabinetViewFrame { width: auto; max-width: var(--pb-mobile-full); min-width: var(--pb-space-0); flex: none; height: var(--pb-mobile-chart-height); margin-inline: var(--pb-design-gutter); border-radius: var(--pb-radius-xl); }
.pb-mobile #optCabinetSplitter { display: none; }
.pb-mobile #chartsPage { display: flex; flex-direction: column; }
.pb-mobile :is(.charts-toolbar-header, .opt-main-pane > .charts-header) .controls-right { flex-basis: var(--pb-mobile-full); width: var(--pb-mobile-full); max-width: none; }
.pb-mobile .opt-chart-card-header { min-height: var(--pb-mobile-touch); }
.pb-mobile #chartsHeaderCaption { color: var(--pb-design-text); font-size: var(--pb-design-subtitle-size); white-space: normal; }
.pb-mobile .optimization-page { --pb-optimization-chart-min-width-compact: var(--pb-mobile-chart-min-width); --pb-optimization-item-min-width-compact: var(--pb-mobile-chart-min-width); --pb-optimization-chart-bar-min-column-compact: var(--pb-mobile-chart-bar); --pb-optimization-item-bar-min-column-compact: var(--pb-mobile-chart-bar); --pb-optimization-chart-metric-column-compact: var(--pb-mobile-chart-metric); }
.pb-mobile .optimization-page .opt-chart-card-header { display: flex; height: auto; min-height: var(--pb-mobile-touch); padding: var(--pb-space-4); align-items: center; }
.pb-mobile .optimization-page .opt-chart-title-row h2 { margin: var(--pb-space-0); }
.pb-mobile .optimization-page .opt-row-title { white-space: normal; text-overflow: clip; overflow-wrap: anywhere; line-height: var(--pb-line-height-normal); }
.pb-mobile .optimization-page .opt-row { min-height: var(--pb-design-row); }
.pb-mobile .charts-page #chartTypeIcons { flex-wrap: nowrap; width: var(--pb-mobile-full); gap: var(--pb-space-0); justify-content: space-between; overflow-x: auto; }
.pb-mobile .charts-page #chartTypeIcons button { flex: none; width: var(--pb-mobile-touch); padding: var(--pb-space-2); }
.pb-mobile .optimization-page .opt-row-title { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; }
.pb-mobile :is(.charts-filter-sidebar, .opt-filter-sidebar):not(.is-open) { display: none; }
.pb-mobile .charts-main-shell { isolation: isolate; }
.pb-mobile :is(.charts-filter-sidebar, .opt-filter-sidebar) { z-index: var(--pb-mobile-dialog-z); }
.pb-mobile .charts-page { --pb-cost-chart-label-width: var(--pb-mobile-chart-label); --pb-cost-chart-right-padding: var(--pb-space-4); --pb-cost-chart-grid-count: var(--pb-mobile-chart-grid-count); }
.pb-mobile :is(.charts-toolbar-header, .opt-main-pane > .charts-header) .header-content { flex-direction: row; }
.pb-mobile :is(.charts-page, .optimization-page) .controls-left { width: var(--pb-mobile-full); }

/* Shared mobile list frames: names lead; status and identifiers are captions. */
.pb-mobile :is(.pb-task-card, .pb-contact-row, .labeler-item) { border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); background: var(--pb-design-surface); box-shadow: var(--pb-design-shadow); }
.pb-mobile :is(.pb-task-card, .labeler-item) { padding: var(--pb-mobile-list-padding); }
.pb-mobile #contactsList { display: flex; flex-direction: column; gap: var(--pb-mobile-list-gap); border: none; background: transparent; box-shadow: none; }
.pb-mobile .pb-contact-row:last-child { border: var(--pb-mobile-list-border); }
.pb-mobile #inventoryPage .table-container { border: none; border-radius: var(--pb-space-0); background: transparent; box-shadow: none; }
.pb-mobile #inventoryPage .header-columns { border: none; border-radius: var(--pb-space-0); background: transparent; }
.pb-mobile #inventoryPage .header-col.col-status { display: none; }
.pb-mobile #inventoryPage .group-header { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pb-space-1); margin-block: var(--pb-mobile-list-gap); padding: var(--pb-space-3) !important; border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); box-shadow: var(--pb-design-shadow); }
.pb-mobile #inventoryPage .group-header .col-description { flex: 1 1 var(--pb-mobile-full); padding: var(--pb-space-0); }
.pb-mobile #inventoryPage :is(.inventory-group-description, .inventory-group-description > span, .drug-name-cell) { min-width: var(--pb-space-0); white-space: normal; text-overflow: clip; overflow: visible; overflow-wrap: anywhere; }
.pb-mobile #inventoryPage .group-header .col-status { flex: 1 1 var(--pb-mobile-full); padding: var(--pb-space-0); padding-left: var(--pb-mobile-touch); justify-content: flex-start; }
.pb-mobile #inventoryPage .col-status:not(:has(button)):not(:has(.status:not(:empty))) { display: none; }
.pb-mobile #inventoryPage .child-row.visible { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--pb-space-1) var(--pb-space-3); min-height: var(--pb-mobile-touch); margin: var(--pb-space-2) var(--pb-space-0); padding: var(--pb-space-3) !important; border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); background: var(--pb-design-surface); }
.pb-mobile #inventoryPage .child-row .col-description { order: 0; flex: 1 1 var(--pb-mobile-full); padding: var(--pb-space-0); font-weight: var(--pb-font-weight-medium); }
.pb-mobile #inventoryPage .child-row :is(.col-item-code, .col-quantity, .col-status) { order: 1; display: flex; flex: 0 1 auto; align-items: center; justify-content: flex-start; gap: var(--pb-space-1); width: auto; min-width: var(--pb-space-0); padding: var(--pb-space-0); color: var(--pb-design-muted); font-size: var(--pb-design-caption-size); line-height: var(--pb-line-height-normal); }
.pb-mobile #inventoryPage .col-status { flex-wrap: wrap; height: auto; }
.pb-mobile #inventoryPage .col-status :is(.status, .item-exp-badge) { width: auto; min-width: var(--pb-space-0); height: auto; min-height: var(--pb-space-0); padding: var(--pb-space-1) var(--pb-space-2); white-space: nowrap; overflow-wrap: normal; line-height: var(--pb-line-height-normal); font-size: var(--pb-font-size-xs); }
.pb-mobile #companionModal .item-details-container, .pb-mobile.pb-mobile-wide #companionModal .item-details-container { display: flex; flex-direction: column; gap: var(--pb-space-4); }
.pb-mobile #companionModal :is(.summary-cards-row, .companion-section) { width: var(--pb-mobile-full); box-sizing: border-box; }
.pb-mobile #companionModal .companion-section:has(.labeler-list) { padding: var(--pb-space-0); border: none; background: transparent; box-shadow: none; }
.pb-mobile #companionModal .labeler-list { max-height: none; height: auto; overflow: visible; gap: var(--pb-mobile-list-gap); }
.pb-mobile #companionModal .labeler-item { display: flex; flex-direction: column; align-items: stretch; gap: var(--pb-space-2); transform: none; }
.pb-mobile #companionModal :is(.labeler-name-container, .labeler-name-stack) { width: var(--pb-mobile-full); min-width: var(--pb-space-0); }
.pb-mobile #companionModal .labeler-name { color: var(--pb-design-text); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); white-space: normal; overflow-wrap: anywhere; }
.pb-mobile #companionModal .labeler-badges-container { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--pb-space-2); }
.pb-mobile #companionModal :is(.labeler-badges-container, .labeler-reliability-rating) { font-size: var(--pb-design-caption-size); }
.pb-mobile #companionModal .labeler-item:is(.selected, .active, [aria-pressed="true"]) { border-color: var(--pb-design-accent); background: var(--pb-design-soft); }
.pb-mobile #companionModal .catalog-visibility-filters { display: flex; flex-wrap: wrap; gap: var(--pb-space-2); padding: var(--pb-space-2); font-size: var(--pb-design-caption-size); }
/* Let control groups wrap within their available width, never beyond the viewport. */
.pb-mobile .shortage-command-bar { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.pb-mobile .shortage-command-left { flex: 1 1 auto; width: auto; max-width: var(--pb-mobile-full); margin: var(--pb-space-0); justify-content: flex-start; }
.pb-mobile .shortage-command-right { flex: none; margin-left: auto; }
.pb-mobile :is(.shortage-button-panel, .charts-page .shortage-button-panel, .optimization-page .shortage-button-panel) { flex: 0 1 auto; width: auto; max-width: var(--pb-mobile-full); box-sizing: border-box; justify-content: flex-start; flex-wrap: wrap; }
.pb-mobile :is(.shortage-view-toggle, .charts-page .shortage-view-toggle, .optimization-page .shortage-view-toggle) { flex: 0 1 auto; width: auto; min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); white-space: normal; overflow-wrap: normal; padding-inline: var(--pb-space-3); }
.pb-mobile #inventoryPage .table-wrapper { background: var(--pb-design-canvas); }
.pb-mobile #inventoryPage .child-row.visible { border: var(--pb-mobile-list-border) !important; }
.pb-mobile #inventoryPage .child-row :is(.col-item-code, .col-quantity) { opacity: 1; }

/* Filters enter from the bottom; only the options body scrolls. */
.pb-mobile :is(#inventoryFilterSidebar, #tasksFiltersPanel, #chartsFilterSidebar, #optFilterSidebar) { position: fixed; inset: auto var(--pb-space-0) var(--pb-space-0); width: var(--pb-mobile-full); min-width: var(--pb-space-0); max-width: var(--pb-mobile-full); height: var(--pb-mobile-filter-height); max-height: var(--pb-mobile-full); flex: none; box-sizing: border-box; margin: var(--pb-space-0); display: flex; flex-direction: column; overflow: hidden; border: var(--pb-mobile-list-border); border-radius: var(--pb-radius-xl) var(--pb-radius-xl) var(--pb-space-0) var(--pb-space-0); background: var(--pb-design-surface); box-shadow: var(--pb-shadow-lg); z-index: var(--pb-mobile-dialog-z); transition: none; }
.pb-mobile :is(#inventoryFilterSidebar, #tasksFiltersPanel, #chartsFilterSidebar, #optFilterSidebar):not(.is-open) { display: none; }
.pb-mobile :is(#inventoryFilterSidebar, #tasksFiltersPanel, #chartsFilterSidebar, #optFilterSidebar).is-open { opacity: 1; transform: none; pointer-events: auto; animation: pb-mobile-filter-enter var(--pb-motion-duration-slow) var(--pb-motion-ease-emphasized); }
.pb-mobile :is(.inventory-filter-body, .tasks-filter-body, .charts-filter-body, #optFilterSidebar .pb-right-sidebar-body) { flex: 1; min-height: var(--pb-space-0); overflow-y: auto; overscroll-behavior-y: contain; }
.pb-mobile :is(.inventory-filter-header, .tasks-filter-header, .charts-filter-header, .inventory-filter-footer, .charts-filter-footer, #tasksFiltersPanel .pb-right-sidebar-footer, #optFilterSidebar .pb-right-sidebar-footer, #optFilterSidebar .pb-right-sidebar-header) { flex-shrink: 0; background: var(--pb-design-surface); }
@keyframes pb-mobile-filter-enter { from { transform: translateY(var(--pb-mobile-full)); } to { transform: translateY(var(--pb-space-0)); } }
@media (prefers-reduced-motion: reduce) { .pb-mobile :is(#inventoryFilterSidebar, #tasksFiltersPanel, #chartsFilterSidebar, #optFilterSidebar).is-open { animation: none; } }
.pb-mobile #inventoryPage .inventory-table-caption { display: none; }

/* An expanded inventory group is one frame, with compact item captions inside. */
.pb-mobile #inventoryPage .header-columns { display: none; }
.pb-mobile #inventoryPage .group-header .col-status { display: none; }
.pb-mobile #inventoryPage .group-header.expanded { margin-bottom: var(--pb-space-0); border-bottom: none; border-radius: var(--pb-mobile-list-radius) var(--pb-mobile-list-radius) var(--pb-space-0) var(--pb-space-0); box-shadow: none; }
.pb-mobile #inventoryPage .child-row.visible { display: grid; grid-template-columns: auto auto minmax(var(--pb-space-0), 1fr); gap: var(--pb-space-2); margin: var(--pb-space-0); border-radius: var(--pb-space-0); border-bottom: none !important; box-shadow: none; }
.pb-mobile #inventoryPage .child-row.visible.last-child { margin-bottom: var(--pb-mobile-list-gap); border-bottom: var(--pb-mobile-list-border) !important; border-radius: var(--pb-space-0) var(--pb-space-0) var(--pb-mobile-list-radius) var(--pb-mobile-list-radius); box-shadow: none; }
.pb-mobile #inventoryPage .child-row .col-description { grid-column: 1 / 3; grid-row: 1; min-width: var(--pb-space-0); white-space: normal; overflow-wrap: anywhere; }
.pb-mobile #inventoryPage .child-row .col-quantity { grid-column: 3; grid-row: 1; justify-self: end; color: var(--pb-design-accent); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-bold); white-space: nowrap; }
.pb-mobile #inventoryPage .child-row .col-item-code { grid-column: 1; grid-row: 2; }
.pb-mobile #inventoryPage .child-row .col-status { grid-column: 2; grid-row: 2; }
.pb-mobile #inventoryPage .child-row .col-details { display: flex !important; grid-column: 3; grid-row: 2; justify-content: flex-start; width: auto; min-width: var(--pb-space-0); padding: var(--pb-space-0); }
.pb-mobile #inventoryPage .child-row :is(.inventory-item-icon-group, .handling-badges) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pb-space-1); min-width: var(--pb-space-0); }
.pb-mobile :is(#inventoryPage .shortage-command-right, .pb-task-tools) { display: grid; grid-auto-flow: column; grid-auto-columns: var(--pb-mobile-touch); gap: var(--pb-space-1); padding: var(--pb-space-1); border: var(--pb-mobile-list-border); border-radius: var(--pb-radius-lg); background: var(--pb-design-surface); }
.pb-mobile :is(#inventoryFilterPanelToggle, #mobileInventorySort, #tasksFilterPanelToggle, #mobileTasksSort) { position: relative; display: flex; align-items: center; justify-content: center; min-width: var(--pb-space-0); width: var(--pb-mobile-touch); min-height: var(--pb-mobile-touch); height: var(--pb-mobile-touch); padding: var(--pb-space-2); border: none; border-radius: var(--pb-radius-md); background: transparent; color: var(--pb-design-accent); box-shadow: none; }
.pb-mobile #inventoryFilterPanelToggle > span { display: none; }
.pb-mobile :is(#inventoryFilterPanelToggle, #mobileInventorySort, #tasksFilterPanelToggle, #mobileTasksSort) svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); }
.pb-mobile #inventoryFilterPanelToggle[aria-expanded="true"] { background: var(--pb-design-soft); }
.pb-mobile #mobileHeader .sidebar-avatar { flex-direction: row-reverse; flex-basis: auto; max-width: var(--pb-mobile-account-width); }
.pb-mobile #mobileHeader .sidebar-avatar-name { min-width: var(--pb-space-0); width: auto; text-align: right; font-family: var(--pb-font-sans); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); }
.pb-mobile #mobileHeader .sidebar-avatar { max-width: none; }
.pb-mobile #mobileHeader strong { font-family: var(--pb-font-sans); }
.pb-mobile :is(#inventoryPage, #mobileTaskViewToggle, #mobileContactViewToggle) .shortage-view-toggle { min-width: var(--pb-mobile-view-width); padding-inline: var(--pb-space-4); background: transparent; font-family: var(--pb-font-sans); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); line-height: var(--pb-line-height-normal); }
.pb-mobile :is(#inventoryPage, #mobileTaskViewToggle) .shortage-view-toggle.is-active { background: var(--pb-design-solid); }
.pb-mobile #mobileTaskViewToggle { grid-column: 1; grid-row: 1; justify-self: start; padding: var(--pb-space-1); }
.pb-mobile .pb-project-list { display: grid; gap: var(--pb-mobile-list-gap); }
.pb-mobile .pb-project-card { position: relative; margin-left: calc(var(--pb-mobile-touch) + var(--pb-space-3)); border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); background: var(--pb-design-surface); }
.pb-mobile .pb-project-card::before { content: ''; position: absolute; left: calc(-1 * (var(--pb-mobile-touch) + var(--pb-space-3))); top: var(--pb-space-2); width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); box-sizing: border-box; border: var(--pb-border-width-md) solid var(--pb-task-color); border-radius: var(--pb-design-pill); background: var(--pb-design-surface); }
.pb-mobile .pb-project-open { border-radius: var(--pb-mobile-list-radius); }
.pb-mobile .pb-project-open { display: flex; justify-content: space-between; align-items: center; gap: var(--pb-space-3); width: var(--pb-mobile-full); min-height: var(--pb-mobile-touch); padding: var(--pb-mobile-list-padding); border: none; background: var(--pb-task-color); color: var(--pb-project-ink); text-align: left; font: inherit; }
.pb-mobile .pb-project-open strong { font-size: var(--pb-design-subtitle-size); }
.pb-mobile .pb-project-description { display: block; margin-top: var(--pb-space-1); font-size: var(--pb-design-body-size); white-space: normal; overflow-wrap: anywhere; }
.pb-mobile .pb-project-children { padding: var(--pb-space-0); }
.pb-mobile .pb-project-children .pb-task-card { padding: var(--pb-space-3); }
.pb-mobile .pb-project-children .pb-task-parent { display: none; }

/* Task controls retain the existing editor, filters and status-transition handlers. */
.pb-task-tools { display: contents; }
.pb-mobile .tasks-top-controls { display: grid; grid-template-columns: minmax(var(--pb-space-0), 1fr) auto; align-items: center; padding: var(--pb-space-0); }
.pb-mobile #mobileNewTask { flex: none; align-self: center; margin-top: var(--pb-space-4); font-family: var(--pb-font-sans); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); line-height: var(--pb-line-height-normal); }
.pb-mobile .pb-task-tools { grid-column: 2; grid-row: 1; }
.pb-mobile #tasksFilterPanelToggle > span { display: none; }
.pb-mobile :is(#tasksFilterPanelToggle[aria-expanded="true"], #mobileTasksSort[aria-pressed="true"]) { background: var(--pb-design-soft); }
.pb-mobile .pb-task-timeline li { margin-left: calc(var(--pb-mobile-touch) / 2); padding-left: calc(var(--pb-mobile-touch) / 2 + var(--pb-space-3)); }
.pb-mobile .pb-task-marker { left: calc((var(--pb-mobile-touch) + var(--pb-border-width-md)) / -2); width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); padding: var(--pb-space-0); box-sizing: border-box; border: var(--pb-border-width-md) solid var(--pb-task-color); color: var(--pb-task-color); cursor: pointer; }
.pb-mobile .pb-task-timeline [data-ai-state="active"] > .pb-task-marker { outline: none; color: var(--pb-task-color); }
.pb-mobile .pb-task-marker .task-status-icon { display: grid; place-items: center; width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); margin: var(--pb-space-0); }
.pb-mobile .pb-task-marker:disabled { cursor: default; }
.pb-mobile .pb-task-heading { display: grid; grid-template-columns: minmax(var(--pb-space-0), 1fr) auto; align-items: start; gap: var(--pb-space-1); }
.pb-mobile .pb-task-edit { display: grid; place-items: center; min-width: var(--pb-mobile-touch); min-height: var(--pb-mobile-touch); padding: var(--pb-space-2); border: none; border-radius: var(--pb-radius-md); background: transparent; color: var(--pb-design-muted); cursor: pointer; }
.pb-mobile .pb-task-edit svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); fill: currentColor; }
.pb-mobile :is(.pb-task-edit:hover, .pb-task-marker[aria-expanded="true"]) { background: var(--pb-design-soft); }
.pb-mobile #tasksAddTypeMenu[data-mobile-task-status] { z-index: var(--pb-mobile-dialog-z); max-width: calc(var(--pb-mobile-full) - var(--pb-space-6)); max-height: calc(var(--pb-mobile-viewport) - var(--pb-space-6)); overflow-y: auto; background: var(--pb-design-surface); color: var(--pb-design-text); }
.pb-mobile #tasksAddTypeMenu[data-mobile-task-status] button { min-height: var(--pb-mobile-touch); font-size: var(--pb-design-body-size); }
.pb-mobile #tasksAddTypeMenu [role="menuitemradio"][aria-checked="true"] { background: var(--pb-design-soft); color: var(--pb-design-accent); }

.pb-mobile .pb-task-timeline .pb-task-marker:focus-visible { outline: var(--pb-border-width-md) solid var(--pb-design-accent); outline-offset: var(--pb-space-1); }

/* Short lists still fill the available page; long timelines retain one scroll area. */
.pb-mobile #tasksMainPane { display: flex; flex-direction: column; }
.pb-mobile #tasksMainPane > header { flex: none; }
.pb-mobile :is(#tasksContent, #tasksWorkspace, #tasksMainSurface, #tasksTimelineFrame, #tasksShell) { display: flex; flex-direction: column; flex: 1 0 auto; }
.pb-mobile #tasksShell > .tasks-card:first-child { flex: 1 0 auto; }
.pb-mobile #tasksListBody { flex: 1 0 auto; }
.pb-mobile #inventoryPage .child-row.visible { grid-template-columns: var(--pb-mobile-item-code-width) auto minmax(var(--pb-space-0), 1fr); }
.pb-mobile #inventoryPage .child-row .col-item-code { padding-right: var(--pb-space-3); }
.pb-mobile #inventoryPage .child-row .col-item-code::before { content: none; }
.pb-mobile #inventoryPage .child-row .col-details { justify-content: flex-end; }
.pb-mobile #inventoryPage .group-header:not(.expanded) .col-status:has(.critical) { display: flex; }
.pb-mobile #inventoryPage .group-header .col-status:has(.critical) > :not(.critical) { display: none; }
.pb-mobile #inventoryPage .status.critical { background: var(--pb-inventory-status-critical-bg); color: var(--pb-project-ink-dark); }

.pb-contact-utility { display: inline-grid; place-items: center; width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); padding: var(--pb-space-2); flex: none; border: none; border-radius: var(--pb-radius-md); background: transparent; color: var(--pb-design-accent); cursor: pointer; }
.pb-contact-utility svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); }
.pb-contact-utility:hover { background: var(--pb-design-soft); }
.pb-mobile #newContactBtn { width: var(--pb-mobile-touch); min-width: var(--pb-space-0); height: var(--pb-mobile-touch); padding: var(--pb-space-2); background: transparent; color: var(--pb-design-accent); box-shadow: none; }
.pb-mobile .pb-contact-copy { padding-right: var(--pb-space-0); }
.pb-mobile .pb-contact-organization-actions { display: grid; grid-auto-flow: column; grid-auto-columns: var(--pb-mobile-touch); justify-content: end; gap: var(--pb-space-1); padding-inline: var(--pb-space-3); }
.pb-mobile .pb-contact-star { position: static; }
.pb-mobile .pb-personnel-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--pb-space-3); color: var(--pb-design-muted); }
.pb-mobile .pb-personnel-card { min-width: var(--pb-space-0); padding: var(--pb-mobile-list-padding); margin-top: var(--pb-mobile-list-gap); border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); background: var(--pb-design-surface); }
.pb-mobile .pb-personnel-card .contacts-detail-section { margin: var(--pb-space-0); padding: var(--pb-space-0); border: none; box-shadow: none; background: transparent; }
.pb-mobile .pb-personnel-card .contacts-card-heading { align-items: flex-start; }
.pb-mobile .pb-personnel-title { display: grid; gap: var(--pb-space-1); min-width: var(--pb-space-0); }
.pb-mobile .pb-personnel-title strong { color: var(--pb-design-text); font-size: var(--pb-design-subtitle-size); }
.pb-mobile .pb-personnel-title span { color: var(--pb-design-text); font-size: var(--pb-design-body-size); }
.pb-mobile .pb-personnel-title small { color: var(--pb-design-muted); font-size: var(--pb-design-caption-size); }
.pb-mobile .pb-personnel-card .contacts-info-list { margin-top: var(--pb-space-4); gap: var(--pb-space-1); }
.pb-mobile .pb-personnel-card :is(.contacts-info-row, .contacts-info-link) { min-width: var(--pb-space-0); overflow-wrap: anywhere; }

.contacts-reference-dialog { box-sizing: border-box; width: min(var(--pb-reference-dialog-width), var(--pb-mobile-full)); max-width: var(--pb-mobile-full); height: var(--pb-mobile-filter-height); max-height: var(--pb-mobile-filter-height); padding: var(--pb-space-0); border: var(--pb-mobile-list-border); border-radius: var(--pb-radius-xl); background: var(--pb-design-surface); color: var(--pb-design-text); font-family: var(--pb-font-sans); box-shadow: var(--pb-shadow-lg); }
.contacts-reference-dialog[open] { display: flex; flex-direction: column; }
.contacts-reference-dialog::backdrop { background: var(--pb-color-surface-scrim); }
.contacts-reference-header { display: grid; grid-template-columns: minmax(var(--pb-space-0), 1fr) auto; align-items: center; gap: var(--pb-space-2); padding: var(--pb-space-4); border-bottom: var(--pb-mobile-list-border); }
.contacts-reference-header h2 { margin: var(--pb-space-0); font-size: var(--pb-design-subtitle-size); }
.contacts-reference-header p { grid-column: 1 / -1; margin: var(--pb-space-0); overflow-wrap: anywhere; font-size: var(--pb-design-caption-size); }
.contacts-reference-header .contacts-email-action-menu { grid-column: 1 / -1; display: flex; flex-wrap: wrap; border: none; margin: var(--pb-space-0); padding: var(--pb-space-0); }
.contacts-reference-header .contacts-email-action-option { width: auto; padding: var(--pb-space-2); color: var(--pb-design-accent); background: var(--pb-design-soft); border: var(--pb-mobile-list-border); }
.contacts-reference-header .contacts-email-action-option svg { color: inherit; }
.contacts-reference-header .contacts-email-action-option small { display: none; }
.contacts-reference-search { display: flex; align-items: center; gap: var(--pb-space-2); padding: var(--pb-space-3) var(--pb-space-4); }
.contacts-reference-search input { flex: 1; min-width: var(--pb-space-0); box-sizing: border-box; width: var(--pb-mobile-full); min-height: var(--pb-mobile-touch); border: var(--pb-mobile-list-border); border-radius: var(--pb-radius-lg); background: var(--pb-design-canvas); color: var(--pb-design-text); padding: var(--pb-space-3); font: inherit; }
.contacts-reference-body { flex: 1; min-height: var(--pb-space-0); overflow-y: auto; overscroll-behavior: contain; padding: var(--pb-space-0) var(--pb-space-4); }
.contacts-reference-row { display: flex; align-items: center; gap: var(--pb-space-3); border: var(--pb-mobile-list-border); border-radius: var(--pb-mobile-list-radius); margin-bottom: var(--pb-space-2); padding: var(--pb-space-3); cursor: pointer; }
.contacts-reference-row input { accent-color: var(--pb-design-solid); flex: none; }
.contacts-reference-row span { display: grid; gap: var(--pb-space-1); min-width: var(--pb-space-0); overflow-wrap: anywhere; }
.contacts-reference-row strong { font-size: var(--pb-design-body-size); }
.contacts-reference-row small { color: var(--pb-design-muted); font-size: var(--pb-design-caption-size); }
.contacts-reference-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--pb-space-3); padding: var(--pb-space-4); border-top: var(--pb-mobile-list-border); }
.contacts-reference-dialog .contacts-reference-footer button { background: var(--pb-design-solid); color: var(--pb-design-on-solid); font-family: var(--pb-font-sans); font-size: var(--pb-design-body-size); font-weight: var(--pb-font-weight-semibold); }
.pb-mobile .contacts-reference-dialog { position: fixed; inset: auto var(--pb-space-0) var(--pb-space-0); margin: var(--pb-space-0); width: var(--pb-mobile-full); border-radius: var(--pb-radius-xl) var(--pb-radius-xl) var(--pb-space-0) var(--pb-space-0); }
.pb-mobile .contacts-reference-dialog[open] { animation: pb-mobile-filter-enter var(--pb-motion-duration-slow) var(--pb-motion-ease-emphasized); }
.pb-mobile [data-mobile-slide="next"] { animation: pb-mobile-page-next var(--pb-motion-duration-base) var(--pb-motion-ease-standard); }
.pb-mobile [data-mobile-slide="previous"] { animation: pb-mobile-page-previous var(--pb-motion-duration-base) var(--pb-motion-ease-standard); }
@keyframes pb-mobile-page-next { from { opacity: 0; transform: translateX(var(--pb-mobile-page-slide)); } to { opacity: 1; transform: none; } }
@keyframes pb-mobile-page-previous { from { opacity: 0; transform: translateX(calc(-1 * var(--pb-mobile-page-slide))); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .pb-mobile :is(.contacts-reference-dialog[open], [data-mobile-slide]) { animation: none; } }

/* Shared mobile control geometry across Inventory, Tasks and Contacts. */
.pb-mobile .pb-mobile-page-search {
  height: calc(var(--pb-mobile-touch) + var(--pb-space-8));
  box-sizing: border-box;
}
.pb-mobile :is(.shortage-command-bar, #tasksMainPane .analytics-header, .contacts-toolbar) {
  padding: var(--pb-space-2) var(--pb-design-gutter) var(--pb-space-4);
  margin: var(--pb-space-0);
  min-height: var(--pb-space-0);
  align-items: center;
  box-sizing: border-box;
}
.pb-mobile :is(#inventoryPage .shortage-button-panel, #mobileTaskViewToggle) {
  padding: var(--pb-space-1);
  border: var(--pb-mobile-list-border);
  min-height: var(--pb-space-0);
  align-items: center;
}
.pb-mobile :is(#inventoryPage, #mobileTaskViewToggle, #mobileContactViewToggle) .shortage-view-toggle {
  height: var(--pb-mobile-touch);
  min-height: var(--pb-mobile-touch);
  box-sizing: border-box;
  margin: var(--pb-space-0);
}
.pb-mobile .contacts-list-header > div:first-child { display: none; }
.pb-mobile .contacts-list-header { min-height: var(--pb-space-0); padding-block: var(--pb-space-2) var(--pb-space-4); }
.pb-mobile .contacts-list-header #contactsCategoryNav { width: var(--pb-mobile-full); min-width: var(--pb-space-0); }
.pb-mobile .contacts-toolbar .contacts-sort-wrap { grid-column: 2; grid-row: 1; display: flex; align-items: center; gap: var(--pb-space-1); padding: var(--pb-space-1); border: var(--pb-mobile-list-border); border-radius: var(--pb-radius-lg); background: var(--pb-design-surface); }
.pb-mobile #sortContactsBtn { display: grid; place-items: center; width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); min-height: var(--pb-mobile-touch); padding: var(--pb-space-2); border: none; background: transparent; color: var(--pb-design-accent); }
.pb-mobile #sortContactsBtn .contacts-sort-label { display: none; }
.pb-mobile #sortContactsBtn svg { width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); }
.pb-mobile #inventoryPage .shortage-command-left { padding: var(--pb-space-0); }

/* Shared icon views and dark surfaces retain the same control geometry. */
.pb-mobile #tasksMainPane :is(.tasks-controls-header, .tasks-top-controls) { background: var(--pb-design-canvas); }
.pb-mobile :is(#mobileTaskViewToggle, #mobileContactViewToggle, #inventoryPage .shortage-button-panel) {
  display: flex;
  align-items: center;
  gap: var(--pb-space-1);
  padding: var(--pb-space-1);
  border: var(--pb-mobile-list-border);
  border-radius: var(--pb-radius-lg);
  background: var(--pb-design-surface);
  width: max-content;
  justify-self: start;
}
.pb-mobile #mobileContactViewToggle { grid-column: 1; grid-row: 1; }
.pb-mobile :is(#mobileTaskViewToggle, #mobileContactViewToggle, #inventoryPage) .shortage-view-toggle {
  display: grid;
  place-items: center;
  width: var(--pb-mobile-view-width);
  min-width: var(--pb-mobile-view-width);
  height: var(--pb-mobile-touch);
  padding: var(--pb-space-2);
  margin: var(--pb-space-0);
  box-sizing: border-box;
}
.pb-mobile .shortage-view-toggle svg { width: var(--pb-design-icon); height: var(--pb-design-icon); }
.pb-mobile .shortage-view-toggle.is-active { color: var(--pb-design-on-solid); }
.pb-mobile body.dark-mode :is(article, section, header, nav, button, input, select, textarea, dialog, .shortage-button-panel, .shortage-command-right, .pb-task-tools, .contacts-sort-wrap) { border-color: var(--pb-design-line); }
.pb-mobile body.dark-mode .shortage-view-toggle.is-active { border-color: var(--pb-design-solid); }
.pb-mobile #mobileContactViewToggle .shortage-view-toggle { background: transparent; color: var(--pb-design-muted); border: none; font: inherit; border-radius: var(--pb-radius-lg); }
.pb-mobile #mobileContactViewToggle .shortage-view-toggle.is-active { background: var(--pb-design-solid); color: var(--pb-design-on-solid); }
.pb-mobile #contactsList > .pb-contact-personnel { padding: var(--pb-space-0); border: none; }
.pb-mobile :is(#mobileTaskViewToggle, #mobileContactViewToggle, #inventoryPage .shortage-button-panel, #inventoryPage .shortage-command-right, .pb-task-tools, .contacts-toolbar .contacts-sort-wrap) { background: var(--pb-design-canvas); }

/* Sticky search keeps its height while removing the gap beneath the header. */
.pb-mobile[data-mobile-search-stuck="true"] :is(.contacts-page, #tasksMainPane, .shortage-page, .optimization-page, .charts-page) #mobilePageSearch { padding-top: var(--pb-space-0); padding-bottom: var(--pb-space-8); }
.pb-mobile button { -webkit-tap-highlight-color: transparent; }
.pb-mobile button:focus:not(:focus-visible) { outline: none; }
.pb-mobile .pb-task-summary { padding: var(--pb-space-0); overflow: hidden; }
.pb-mobile .pb-task-summary .pb-mobile-button { padding-block: var(--pb-space-2); }
.pb-mobile .pb-task-summary .pb-mobile-button[aria-pressed="true"] { background: var(--pb-design-soft); }
.pb-mobile .pb-project-open { background: var(--pb-project-title-bg); color: var(--pb-project-ink-light); }
.pb-mobile .pb-project-list { position: relative; }
.pb-mobile .pb-project-list::before { content: ''; position: absolute; top: var(--pb-space-0); bottom: var(--pb-space-0); left: calc(var(--pb-mobile-touch) / 2); border-left: var(--pb-border-width-md) solid var(--pb-design-line); }
.pb-mobile .pb-task-card .pb-task-parent { display: block; max-width: calc(100% - var(--pb-task-progress-caption-width) - var(--pb-space-2)); box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-mobile .pb-task-progress { display: grid; grid-template-columns: minmax(var(--pb-space-0), 1fr) var(--pb-task-progress-caption-width); }
.pb-mobile .pb-task-add-entry { padding: var(--pb-space-0); }
.pb-mobile .pb-task-add-entry li { min-height: var(--pb-mobile-touch); }
.pb-mobile #mobileNewTask { position: absolute; left: calc((var(--pb-mobile-touch) + var(--pb-border-width-md)) / -2); top: var(--pb-space-6); margin: var(--pb-space-0); width: var(--pb-mobile-touch); height: var(--pb-mobile-touch); padding: var(--pb-space-2); border-radius: var(--pb-design-pill); background: var(--pb-design-solid); color: var(--pb-design-on-solid); }
.pb-mobile #mobileNewTask svg { margin-left: 2px; width: var(--pb-size-icon-lg); height: var(--pb-size-icon-lg); }
.pb-mobile .tasks-addtype-btn[data-addtype="set-status"] { display: flex; align-items: center; gap: var(--pb-space-2); }
.pb-mobile .tasks-addtype-btn[data-addtype="set-status"] .task-status-icon { flex: none; width: var(--pb-size-icon-md); height: var(--pb-size-icon-md); }
.pb-mobile #mobileNewTask { display: grid; place-items: center; }
.pb-mobile #tasksAddTypeMenu { background: var(--pb-design-surface); border-color: var(--pb-design-line); color: var(--pb-design-text); }

/* Overview shares the mobile workspace heading and control geometry. */
.pb-mobile .analytics-container[data-ai-id="overview-page"] { padding: var(--pb-space-0); background: var(--pb-design-canvas); color: var(--pb-design-text); }
.pb-mobile .analytics-header.overview-toolbar {
    display: block;
    min-height: var(--pb-space-0);
    margin: var(--pb-space-0);
    padding: var(--pb-space-2) var(--pb-design-gutter) var(--pb-space-4);
    border: none;
    border-radius: var(--pb-space-0);
    background: var(--pb-design-canvas);
    box-shadow: none;
}
.pb-mobile .overview-toolbar .overview-header-actions { display: block; width: 100%; }
.pb-mobile #overviewViewControls {
    display: grid;
    grid-template-columns: auto minmax(var(--pb-space-0), 1fr);
    align-items: center;
    width: 100%;
    margin: var(--pb-space-0);
    gap: var(--pb-space-3) var(--pb-space-2);
}
.pb-mobile #overviewViewControls .overview-ai-assistant {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    min-width: var(--pb-space-0);
    min-height: var(--pb-mobile-touch);
    margin: var(--pb-space-0) var(--pb-space-0) var(--pb-space-2);
    padding-inline: var(--pb-space-3);
    border: none;
    border-radius: var(--pb-radius-xl);
    background: var(--pb-design-surface);
    box-shadow: var(--pb-design-shadow);
}
.pb-mobile #overviewViewControls .overview-ai-assistant-input { min-width: var(--pb-space-0); color: var(--pb-design-text); font-size: var(--pb-design-body-size); }
.pb-mobile #overviewViewControls .overview-view-toggle {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    display: flex;
    gap: var(--pb-space-1);
    padding: var(--pb-space-1);
    border: var(--pb-mobile-list-border);
    border-radius: var(--pb-radius-lg);
    background: var(--pb-design-canvas);
    box-shadow: none;
}
.pb-mobile #overviewViewControls .overview-view-toggle button {
    display: grid;
    place-items: center;
    width: var(--pb-mobile-view-width);
    min-width: var(--pb-mobile-view-width);
    height: var(--pb-mobile-touch);
    min-height: var(--pb-mobile-touch);
    margin: var(--pb-space-0);
    padding: var(--pb-space-2);
    border: none;
    border-radius: var(--pb-radius-lg);
    background: transparent;
    color: var(--pb-design-muted);
    box-shadow: none;
}
.pb-mobile #overviewViewControls .overview-view-toggle button[aria-pressed="true"] { background: var(--pb-design-solid); color: var(--pb-design-on-solid); }
.pb-mobile #overviewViewControls .overview-view-label { display: none; }
.pb-mobile #overviewViewControls .overview-alert-control {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    min-height: calc(var(--pb-mobile-touch) + var(--pb-space-2));
    height: auto;
    margin: var(--pb-space-0);
    padding: var(--pb-space-1) var(--pb-space-2);
    gap: var(--pb-space-1);
    border: var(--pb-mobile-list-border);
    border-radius: var(--pb-radius-lg);
    background: var(--pb-design-canvas);
    color: var(--pb-design-accent);
    box-shadow: none;
}
.pb-mobile #overviewViewControls .overview-alert-control[aria-pressed="true"] { background: var(--pb-design-solid); color: var(--pb-design-on-solid); }
.pb-mobile #overviewViewControls .overview-alert-control-metric { gap: var(--pb-space-0); padding-inline: var(--pb-space-0); }
.pb-mobile #overviewViewControls .overview-alert-control-icon { flex: 0 0 var(--pb-design-icon); margin: var(--pb-space-0); }
.pb-mobile #overviewViewControls .overview-alert-control-metric > span { display: none; }
.pb-mobile #overviewViewControls .overview-alert-control-metric strong { min-width: var(--pb-space-5); padding-inline: var(--pb-space-1); background: var(--pb-design-soft); color: var(--pb-design-accent); font-size: var(--pb-font-size-xs); }
.pb-mobile #overviewViewControls .overview-alert-control-divider { margin-inline: var(--pb-space-1); background: var(--pb-design-line); }
.pb-mobile #overviewViewControls .overview-ui-icon { width: var(--pb-design-icon); height: var(--pb-design-icon); fill: none; }
.pb-mobile #overviewViewControls .overview-view-filter { grid-row: 3; min-width: var(--pb-space-0); width: 100%; }
.pb-mobile #overviewViewControls .overview-view-filter select { min-width: var(--pb-space-0); width: 100%; min-height: var(--pb-mobile-touch); background: var(--pb-design-surface); color: var(--pb-design-text); border-color: var(--pb-design-line); }
.pb-mobile #overviewViewControls .overview-view-filter:has(#overviewPurchaseScope) { grid-column: 2; }
.pb-mobile .analytics-container[data-ai-id="overview-page"] .analytics-content { padding-inline: var(--pb-design-gutter); }

.pb-mobile body:has([data-ai-id="overview-page"]), .pb-mobile [data-ai-id="overview-mobile-heading"] { background: var(--pb-design-canvas); color: var(--pb-design-text); }

.pb-mobile body.dark-mode:has([data-ai-id="overview-page"]) { background: var(--pb-design-canvas) !important; }
.pb-mobile body.dark-mode #overviewViewControls .overview-ai-assistant { background: var(--pb-design-surface) !important; }
.pb-mobile body.dark-mode #overviewViewControls .overview-alert-control:not([aria-pressed="true"]) { background: var(--pb-design-canvas) !important; color: var(--pb-design-accent); }

/* Mobile alert lists and selected details are separate, stacked cards. */
.pb-mobile .overview-summary-grid[data-ai-mode="accordion"] .alerts-summary-workspace:is(#alertsGenericWorkspace, #recallSummaryWorkspace) {
    grid-template-columns: minmax(var(--pb-space-0), 1fr);
    grid-template-rows: auto auto;
    gap: var(--pb-workspace-card-gap);
    height: auto;
    max-height: none;
    overflow: visible;
    padding: var(--pb-space-0);
    border: none;
    background: transparent;
    box-shadow: none;
}
.pb-mobile .alerts-summary-workspace:is(#alertsGenericWorkspace, #recallSummaryWorkspace) > :is(.alerts-summary-list-panel, .alerts-summary-overview) {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    height: auto;
    min-height: var(--pb-space-0);
    max-height: none;
    align-self: start;
    margin: var(--pb-space-0);
    border: var(--pb-mobile-list-border) !important;
    border-radius: var(--pb-mobile-list-radius) !important;
    background: var(--pb-design-surface) !important;
    box-shadow: var(--pb-design-shadow) !important;
}
.pb-mobile .alerts-summary-workspace:is(#alertsGenericWorkspace, #recallSummaryWorkspace) > .alerts-summary-overview { padding: var(--pb-mobile-list-padding); overflow: visible; }
.pb-mobile .alerts-summary-workspace:is(#alertsGenericWorkspace, #recallSummaryWorkspace) .alerts-summary-list { flex: 0 1 auto; max-height: var(--pb-mobile-chart-height); }

/* The class filter alone remains visible while the mobile overview scrolls. */
.pb-mobile body:not([data-overview-active-view="bulletin"]) .analytics-container[data-ai-id="overview-page"] { height: var(--pb-mobile-viewport); overflow-y: auto; overflow-x: hidden; }
.pb-mobile body:not([data-overview-active-view="bulletin"]) .analytics-container[data-ai-id="overview-page"] > :is(.pb-page-heading, .overview-toolbar, #mobileOverviewScope, .analytics-content) { flex: none; }
.pb-mobile body:not([data-overview-active-view="bulletin"]) .analytics-container[data-ai-id="overview-page"] .analytics-content { height: auto; overflow: visible; margin: var(--pb-space-0); }
.pb-mobile #mobileOverviewScope { position: sticky; top: var(--pb-space-0); z-index: var(--pb-mobile-shell-z); padding: var(--pb-space-2) var(--pb-design-gutter); background: var(--pb-design-canvas); }
.pb-mobile #mobileOverviewScope .overview-view-filter { display: block; width: 100%; min-width: var(--pb-space-0); }
.pb-mobile #mobileOverviewScope .overview-view-filter > span { display: none; }
.pb-mobile #mobileOverviewScope select { width: 100%; min-width: var(--pb-space-0); min-height: var(--pb-mobile-touch); background: var(--pb-design-surface); color: var(--pb-design-text); border-color: var(--pb-design-line); }