/* Installed phone PWA: one inset frame owns the header, content scroller, and
   navigation. The explicit runtime state keeps this contract away from the
   desktop browser, desktop-installed PWA, Tablet, and normal mobile Safari. */
@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-height: 520px) and (max-width: 1024px) {
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] {
    --pd-pwa-phone-shell-inset: 12px;
    --pd-pwa-phone-shell-radius: 30px;
    --pd-pwa-phone-nav-row-height: 92px;
    --pd-pwa-phone-nav-padding-top: 24px;
    --pd-pwa-phone-nav-padding-bottom: 8px;
    --pd-pwa-phone-ambient-surface: color-mix(in srgb, var(--pd-app-frame-background, #fafafa) 84%, #dbe3ec);
    --pd-pwa-phone-shell-surface: var(--pd-app-frame-surface, #ffffff);
    --pd-pwa-phone-shell-border: color-mix(in srgb, var(--pd-app-frame-border, #d8dee8) 62%, #ffffff);
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    background: var(--pd-pwa-phone-ambient-surface) !important;
    overscroll-behavior: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"]:has(body.dark-theme),
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.dark-theme {
    --pd-pwa-phone-ambient-surface: #080a0e;
    --pd-pwa-phone-shell-surface: #141820;
    --pd-pwa-phone-shell-border: rgba(255, 255, 255, 0.12);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body {
    width: 100%;
    min-width: 0 !important;
    height: 100dvh;
    min-height: 100dvh;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--pd-pwa-phone-ambient-surface) !important;
    overscroll-behavior: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body #paperDeskApp {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + var(--pd-pwa-phone-shell-inset)) !important;
    right: calc(env(safe-area-inset-right, 0px) + var(--pd-pwa-phone-shell-inset)) !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + var(--pd-pwa-phone-shell-inset)) !important;
    left: calc(env(safe-area-inset-left, 0px) + var(--pd-pwa-phone-shell-inset)) !important;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) var(--pd-pwa-phone-nav-row-height) !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--pd-pwa-phone-shell-border) !important;
    border-radius: var(--pd-pwa-phone-shell-radius) !important;
    background: var(--pd-pwa-phone-shell-surface) !important;
    box-shadow:
      0 26px 68px rgba(15, 23, 42, 0.16),
      0 7px 20px rgba(15, 23, 42, 0.09),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    isolation: isolate;
    transition: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp::before,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp > #paperdeskSidebar.sidebar[data-slot="sidebar"],
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp > #paperdeskSidebar.sidebar[data-slot="sidebar"]::before,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .sidebar-gap[data-slot="sidebar-gap"] {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    :is(#sidebarToggleButton.left-nav-hamburger-button, #sidebarSwipeEdge) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pd-pwa-phone-shell-surface) !important;
    box-shadow: none !important;
    overscroll-behavior: none !important;
    scrollbar-gutter: auto !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 45;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: var(--paperdesk-mobile-header-height, 56px) !important;
    height: var(--paperdesk-mobile-header-height, 56px) !important;
    max-height: var(--paperdesk-mobile-header-height, 56px) !important;
    flex: none !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--pd-pwa-phone-shell-surface) 88%, #dbe3ec) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    isolation: isolate;
  }

  /* The installed shell already consumes the top safe area. Keep the same
     inset section card without adding a second safe-area offset here. */
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar::before {
    content: "";
    position: absolute;
    top: var(--paperdesk-phone-section-header-card-inset, 4px);
    right: 8px;
    bottom: var(--paperdesk-phone-section-header-card-inset, 4px);
    left: 8px;
    z-index: 0;
    border: 1px solid var(--pd-pwa-phone-shell-border);
    border-radius: var(--paperdesk-phone-section-header-card-radius, 15px);
    background: color-mix(in srgb, var(--pd-pwa-phone-shell-surface) 97%, #f8fafc) !important;
    box-shadow:
      0 8px 20px rgba(15, 23, 42, 0.08),
      0 1px 2px rgba(15, 23, 42, 0.06);
    pointer-events: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar > * {
    position: relative;
    z-index: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar
    :is(#workspaceOverlayToggle, #shareWorkspaceButton) {
    display: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar > .site-header-separator {
    display: inline-grid !important;
    place-items: center;
    flex: 0 0 var(--paperdesk-phone-section-header-mark-size, 34px) !important;
    width: var(--paperdesk-phone-section-header-mark-size, 34px) !important;
    height: var(--paperdesk-phone-section-header-mark-size, 34px) !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #0f172a !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar > .site-header-separator::before {
    content: "";
    width: 17px;
    height: 17px;
    background: #ffffff;
    -webkit-mask: url("assets/note-sticky.svg") center / contain no-repeat;
    mask: url("assets/note-sticky.svg") center / contain no-repeat;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar #viewTitle.visually-hidden {
    position: static !important;
    flex: 1 1 auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar .toolbar-actions {
    flex: 0 0 auto;
    margin-left: auto;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .content-grid {
    grid-row: 2 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--pd-pwa-phone-shell-surface) !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: auto !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .content-grid > .library-panel {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px !important;
    overflow: visible !important;
  }

  /* Installed Documents pagination tail: the library keeps its top and inline
     gutters, while its final reachable pager meets the Phone dock boundary. */
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .content-grid
    > .library-panel:has([data-paperdesk-documents-grid-root] [data-app-data-grid-pagination]) {
    padding-bottom: 0 !important;
  }

  /* The classic record-list presentation lives behind the normal phone media
     query. Repeat that presentation for short, wide installed-phone windows so
     the runtime phone-shell state, rather than viewport width, owns the table. */
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-column-mode="true"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-column-mode="true"] > [data-slot="table-container"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-radius: 12px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] {
    --paperdesk-mobile-grid-control-size: 44px;
    --paperdesk-mobile-grid-record-icon-size: 36px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] [data-slot="table-container"] {
    overflow-x: hidden !important;
    border-radius: 12px;
    touch-action: pan-y;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body:has(.content-grid[data-documents-appdatagrid-page-mode="true"])
    .library-panel:not(.inspector-mode):not(.task-mode):not(.work-mode)
    .data-grid-shell.documents-appdatagrid-mode:not([data-platform-grid-editing="true"])
    .documents-grid-adapter
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] [data-app-data-grid-keyboard-owner],
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body:has(.content-grid.menu-appdatagrid-page-mode)
    .library-panel.menu-appdatagrid-page-mode
    .data-grid-shell.menu-appdatagrid-mode:not([data-platform-grid-editing="true"])
    .menu-grid-adapter
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] [data-app-data-grid-keyboard-owner] {
    border-radius: 0;
    box-shadow: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body:has(.content-grid[data-documents-appdatagrid-page-mode="true"])
    .library-panel:not(.inspector-mode):not(.task-mode):not(.work-mode)
    .data-grid-shell.documents-appdatagrid-mode:not([data-platform-grid-editing="true"])
    .documents-grid-adapter
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] [data-slot="table-container"],
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-phone-sidebar-navigation="disabled"] body:has(.content-grid.menu-appdatagrid-page-mode)
    .library-panel.menu-appdatagrid-page-mode
    .data-grid-shell.menu-appdatagrid-mode:not([data-platform-grid-editing="true"])
    .menu-grid-adapter
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] [data-slot="table-container"] {
    border-radius: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] colgroup {
    display: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is([data-app-data-grid-record-list-header], [data-app-data-grid-record-list-cell]) {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border-inline: 0 !important;
    background: var(--background, #ffffff) !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-header-content] {
    display: grid;
    grid-template-columns: var(--paperdesk-mobile-grid-control-size) minmax(0, 1fr) var(--paperdesk-mobile-grid-control-size);
    min-height: var(--paperdesk-mobile-grid-control-size);
    align-items: center;
    border-bottom: 1px solid var(--border, #d8dee9);
    background: color-mix(in srgb, var(--muted, #f1f5f9) 72%, var(--background, #ffffff));
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-header-primary] {
    min-width: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-sort] {
    width: 100%;
    min-height: var(--paperdesk-mobile-grid-control-size);
    padding-inline: 6px !important;
    border-radius: 0;
    color: var(--foreground, #172033);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.35;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-row="true"] {
    height: auto !important;
    min-height: 98px !important;
    border-bottom: 1px solid var(--border, #d8dee9) !important;
    background: var(--background, #ffffff);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-row="true"]:last-child {
    border-bottom: 0 !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-content] {
    display: grid;
    grid-template-columns: var(--paperdesk-mobile-grid-control-size) var(--paperdesk-mobile-grid-control-size) minmax(0, 1fr) var(--paperdesk-mobile-grid-control-size);
    grid-template-rows: var(--paperdesk-mobile-grid-control-size) auto;
    width: 100%;
    min-width: 0;
    align-items: start;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-control] {
    display: grid;
    width: var(--paperdesk-mobile-grid-control-size);
    min-width: var(--paperdesk-mobile-grid-control-size);
    height: var(--paperdesk-mobile-grid-control-size);
    min-height: var(--paperdesk-mobile-grid-control-size);
    place-items: center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-control="select"] {
    grid-column: 1;
    grid-row: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-control="pin"] {
    grid-column: 2;
    grid-row: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-action="row"] {
    z-index: 1;
    display: grid;
    grid-column: 4;
    grid-row: 1;
    width: var(--paperdesk-mobile-grid-control-size);
    min-width: var(--paperdesk-mobile-grid-control-size);
    height: var(--paperdesk-mobile-grid-control-size);
    min-height: var(--paperdesk-mobile-grid-control-size);
    place-items: center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is([data-app-data-grid-record-list-control="pin"], [data-app-data-grid-record-list-action="row"]) button {
    width: var(--paperdesk-mobile-grid-control-size) !important;
    min-width: var(--paperdesk-mobile-grid-control-size) !important;
    height: var(--paperdesk-mobile-grid-control-size) !important;
    min-height: var(--paperdesk-mobile-grid-control-size) !important;
    padding: 0 !important;
    border-radius: 10px;
    touch-action: manipulation;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-control="select"] button[role="checkbox"] {
    position: relative;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    overflow: visible;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-control="select"] button[role="checkbox"]::after {
    position: absolute;
    inset: -13px;
    content: "";
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-leading] {
    display: grid;
    grid-column: 1;
    grid-row: 2;
    width: var(--paperdesk-mobile-grid-control-size);
    min-width: var(--paperdesk-mobile-grid-control-size);
    min-height: var(--paperdesk-mobile-grid-control-size);
    place-items: start center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-body] {
    grid-column: 2 / -1;
    grid-row: 2;
    min-width: 0;
    padding: 1px 12px 12px 2px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-primary] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--foreground, #172033);
    font-size: 13.5px !important;
    font-weight: 560;
    line-height: 1.45 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-primary] .truncate {
    display: contents;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-metadata] {
    display: flex;
    min-width: 0;
    margin-top: 3px;
    overflow: hidden;
    color: var(--muted-foreground, #64748b);
    font-size: 11.5px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-metadata-item] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-metadata-item] + [data-app-data-grid-record-list-metadata-item]::before {
    margin-inline: 5px;
    content: "\2022";
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is([data-document-record-preview], [data-document-record-placeholder]) {
    display: grid;
    width: var(--paperdesk-mobile-grid-control-size);
    min-width: var(--paperdesk-mobile-grid-control-size);
    height: var(--paperdesk-mobile-grid-control-size);
    min-height: var(--paperdesk-mobile-grid-control-size);
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    touch-action: manipulation;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter [data-document-record-icon] {
    position: relative;
    display: grid;
    width: var(--paperdesk-mobile-grid-record-icon-size);
    height: var(--paperdesk-mobile-grid-record-icon-size);
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 28%, var(--border, #d8dee9));
    border-radius: 9px;
    background: color-mix(in srgb, currentColor 8%, var(--background, #ffffff));
    color: var(--muted-foreground, #64748b);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter [data-document-record-icon] > svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.65;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter [data-document-record-icon] > span {
    position: absolute;
    right: 2px;
    bottom: 1px;
    max-width: 30px;
    padding: 0 2px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--background, #ffffff);
    font-size: 7px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter [data-document-kind="pdf"] {
    color: #dc2626;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter :is([data-document-kind="doc"], [data-document-kind="docx"]) {
    color: #2563eb;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter :is([data-document-kind="xls"], [data-document-kind="xlsx"]) {
    color: #15803d;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .documents-grid-adapter :is([data-document-kind="ppt"], [data-document-kind="pptx"]) {
    color: #c2410c;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is([data-resize-handle], [data-column-resize-guide]) {
    display: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav[data-mobile-rail-ready="true"] {
    --pd-mobile-nav-shelf-surface: var(--pd-pwa-phone-shell-surface);
    --paperdesk-mobile-active-top-reserve: 15px;
    --paperdesk-mobile-edge-control-span: 49px;
    --paperdesk-mobile-trailing-control-span: 49px;
    position: relative !important;
    inset: auto !important;
    z-index: 120;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--pd-pwa-phone-nav-row-height) !important;
    min-height: var(--pd-pwa-phone-nav-row-height) !important;
    max-height: var(--pd-pwa-phone-nav-row-height) !important;
    padding: var(--pd-pwa-phone-nav-padding-top) 12px var(--pd-pwa-phone-nav-padding-bottom) !important;
    border: 0 !important;
    overflow: visible !important;
    background: var(--pd-pwa-phone-shell-surface) !important;
    isolation: isolate;
    pointer-events: auto;
    transform: none;
    transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-nav-shelf {
    position: absolute;
    z-index: 0;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    box-sizing: border-box;
    border-top: 1px solid rgb(148 163 184 / 18%);
    border-radius: 0 !important;
    background: var(--pd-pwa-phone-shell-surface) !important;
    box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    pointer-events: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-shell {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    isolation: isolate;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-shell::before {
    position: absolute;
    z-index: -1;
    inset: 12px 0 0;
    border-radius: 16px;
    background: var(--pd-sidebar-rail-background-color, #000000);
    box-shadow: 0 8px 18px rgb(15 23 42 / 20%);
    content: "";
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account {
    z-index: 3;
    align-self: flex-end;
    margin: 0 0 2px 3px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account-avatar {
    display: inline-grid;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    box-sizing: border-box;
    overflow: hidden;
    place-items: center;
    border: 1px solid rgb(255 255 255 / 38%);
    border-radius: 999px;
    background: rgb(255 255 255 / 12%);
    color: #ffffff;
    box-shadow: none;
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account-avatar.has-custom-user-avatar {
    background: var(--pd-user-avatar-color, #2563eb);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account-avatar :is(
      .paperdesk-mobile-rail-account-avatar-icon,
      .sidebar-avatar-custom-icon
    ) {
    display: inline-grid;
    width: 1em;
    height: 1em;
    place-items: center;
    color: inherit;
    font-size: 14px;
    line-height: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account:focus-visible
    .paperdesk-mobile-rail-account-avatar,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-account[aria-expanded="true"]
    .paperdesk-mobile-rail-account-avatar {
    border-color: var(--pd-sidebar-rail-active-icon-color, #f6c343);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--pd-sidebar-rail-active-icon-color, #f6c343) 78%, transparent);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-share {
    z-index: 3;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    align-self: flex-end;
    margin: 0 2px 2px 0;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-share:is(
      :hover,
      :focus-visible,
      [aria-expanded="true"]
    ) {
    background: rgb(255 255 255 / 12%) !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-share:focus-visible {
    outline: 2px solid var(--pd-sidebar-rail-active-icon-color, #f6c343) !important;
    outline-offset: -2px !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-viewport {
    position: relative;
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    height: calc(60px + var(--paperdesk-mobile-active-top-reserve, 15px));
    margin-top: calc(0px - var(--paperdesk-mobile-active-top-reserve, 15px));
    padding-top: var(--paperdesk-mobile-active-top-reserve, 15px);
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-viewport::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-track {
    --paperdesk-mobile-active-lift: -15px;
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    width: max-content;
    min-width: 100%;
    height: 60px;
    padding: 0 20px 2px;
    box-sizing: border-box;
    white-space: nowrap;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav button {
    appearance: none;
    position: relative;
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #ffffff;
    font: inherit;
    cursor: pointer;
    touch-action: manipulation;
    scroll-snap-align: center;
    transition: color 160ms ease, background-color 160ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav :is(
      button svg,
      .paperdesk-mobile-rail-icon,
      .paperdesk-mobile-rail-active-icon
    ) {
    display: grid;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    place-items: center;
    color: currentColor;
    font-size: 18px;
    line-height: 1;
    transition: opacity 120ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav button svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-icon.fi::before,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-active-icon.fi::before {
    color: currentColor;
    font-size: 18px;
    line-height: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav :is(
      .paperdesk-mobile-rail-icon.sidebar-svg-icon-legal-case,
      .paperdesk-mobile-rail-active-icon.sidebar-svg-icon-legal-case
    ) {
    --pd-sidebar-nav-icon-mask: url("assets/legal-case.svg");
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav :is(
      .paperdesk-mobile-rail-icon.sidebar-svg-icon-laptop,
      .paperdesk-mobile-rail-active-icon.sidebar-svg-icon-laptop
    ) {
    --pd-sidebar-nav-icon-mask: url("assets/laptop.svg");
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav :is(
      .paperdesk-mobile-rail-icon.sidebar-svg-icon,
      .paperdesk-mobile-rail-active-icon.sidebar-svg-icon
    ) {
    display: block;
    background: currentColor;
    -webkit-mask: var(--pd-sidebar-nav-icon-mask) center / contain no-repeat;
    mask: var(--pd-sidebar-nav-icon-mask) center / contain no-repeat;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-item.is-active
    > .paperdesk-mobile-rail-icon {
    opacity: 0;
    transform: translateY(-8px) scale(0.86);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-active-socket {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: block;
    width: 80px;
    height: 52px;
    overflow: visible;
    pointer-events: none;
    transform: translate3d(
      calc(var(--paperdesk-mobile-active-x, 0px) - 20px),
      var(--paperdesk-mobile-active-lift, -15px),
      0
    );
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-active-socket path {
    fill: var(--pd-mobile-nav-shelf-surface, var(--pd-app-frame-background, #fafafa));
    stroke: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-active-indicator {
    position: absolute;
    z-index: 4;
    top: 6px;
    left: 0;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    background: var(--pd-sidebar-rail-active-circle-color, #1f2b36);
    color: var(--pd-sidebar-rail-active-icon-color, #f6c343);
    box-shadow: 0 5px 12px rgb(15 23 42 / 28%);
    pointer-events: none;
    transform: translate3d(
      var(--paperdesk-mobile-active-x, 0px),
      var(--paperdesk-mobile-active-lift, -15px),
      0
    );
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav[data-mobile-rail-positioned="true"] :is(
      .paperdesk-mobile-rail-active-socket,
      .paperdesk-mobile-rail-active-indicator
    ) {
    transition: transform 190ms cubic-bezier(0.22, 0.9, 0.3, 1), opacity 120ms ease;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav :is(
      .paperdesk-mobile-rail-active-socket,
      .paperdesk-mobile-rail-active-indicator
    )[hidden] {
    display: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-fade {
    position: absolute;
    z-index: 5;
    top: 12px;
    bottom: 0;
    width: 18px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 120ms ease;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-fade.is-start {
    left: var(--paperdesk-mobile-edge-control-span, 49px);
    background: linear-gradient(90deg, var(--pd-sidebar-rail-background-color, #000000) 28%, transparent);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav .paperdesk-mobile-rail-fade.is-end {
    right: var(--paperdesk-mobile-trailing-control-span, 0px);
    background: linear-gradient(270deg, var(--pd-sidebar-rail-background-color, #000000) 28%, transparent);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav[data-mobile-nav-can-scroll-start="true"]
    .paperdesk-mobile-rail-fade.is-start,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav[data-mobile-nav-can-scroll-end="true"]
    .paperdesk-mobile-rail-fade.is-end {
    opacity: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body:is(
    .right-detail-drawer-open,
    .share-workspace-panel-open,
    .navigation-offcanvas-open
  ) #paperDeskApp > .paperdesk-mobile-bottom-nav,
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body:has(dialog[open])
    #paperDeskApp > .paperdesk-mobile-bottom-nav {
    opacity: 0 !important;
    transform: translateY(100%) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Keep the right-detail interaction a bottom sheet across the full installed
     phone landscape contract, including 933-1024px wide iPhone-class screens. */
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body:is(
    .right-detail-drawer-open,
    .right-detail-drawer-closing
  ) {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body:is(
    .right-detail-drawer-open,
    .right-detail-drawer-closing
  ) .app-shell[data-slot="sidebar-wrapper"]::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 138 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: rgba(15, 23, 42, 0.52) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
    pointer-events: auto !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body:is(
    .right-detail-drawer-open,
    .right-detail-drawer-closing
  ) #paperDeskApp > .workspace[data-slot="sidebar-inset"] {
    isolation: auto !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .content-grid:not(.dashboard-mode):not(.global-search-mode):not(.ai-decision-mode):not(.calendar-dashboard-mode)
    > .detail-panel:not([hidden]),
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .content-grid.detail-collapsed:not(.dashboard-mode):not(.global-search-mode):not(.ai-decision-mode):not(.calendar-dashboard-mode)
    > .detail-panel:not([hidden]),
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .content-grid.calendar-dashboard-mode > .detail-panel.calendar-detail-mode:not([hidden]),
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .content-grid.dashboard-mode.studio-mode > .detail-panel.studio-detail-mode:not([hidden]) {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 146 !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    height: min(90dvh, 820px) !important;
    min-height: min(52dvh, 420px) !important;
    max-height: 90dvh !important;
    padding:
      22px
      calc(12px + env(safe-area-inset-right, 0px))
      calc(12px + env(safe-area-inset-bottom, 0px))
      calc(12px + env(safe-area-inset-left, 0px)) !important;
    overflow-x: hidden !important;
    border-width: 1px 0 0 !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -24px 70px rgba(15, 23, 42, 0.3) !important;
    overscroll-behavior: contain;
    animation-name: paperdeskPhoneSheetIn !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .detail-panel.is-closing:not([hidden]) {
    animation-name: paperdeskPhoneSheetOut !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .content-grid > .detail-panel:not([hidden]) > #resizeHandle.right-navigation-resize-handle {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    #paperDeskApp .detail-panel:not([hidden]) #itemForm[data-detail-drawer-form="documents"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.right-detail-drawer-open
    .detail-panel:not([hidden])::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    z-index: 2 !important;
    display: block !important;
    width: 38px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: #cbd5e1 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body.share-workspace-panel-open
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body > :is(
    .floating-action-button,
    #floatingDocumentationButton,
    #floatingAthikarDeskButton,
    #athikarMascot
  ) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media screen and (orientation: landscape) and (max-height: 520px) and (max-width: 1024px) {
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] {
    --pd-pwa-phone-shell-inset: 8px;
    --pd-pwa-phone-shell-radius: 22px;
    --pd-pwa-phone-nav-row-height: 80px;
    --pd-pwa-phone-nav-padding-top: 16px;
    --pd-pwa-phone-nav-padding-bottom: 4px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .toolbar {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

/* The installed-phone frame keeps its two-row geometry while the software
   keyboard overlays it. Hide the dock in place instead of lifting the row. */
@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-height: 520px) and (max-width: 1024px) {
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-pwa-keyboard="open"] body
    #paperDeskApp > .paperdesk-mobile-bottom-nav[data-mobile-rail-ready="true"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"][data-pwa-keyboard="open"] body
    #paperDeskApp > .workspace[data-slot="sidebar-inset"] > .content-grid {
    scroll-padding-bottom: calc(var(--pd-keyboard-inset, 0px) + 16px) !important;
  }
}

/* Installed-phone parity for the compact AppDataGrid file-record card. */
@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-height: 520px) and (max-width: 1024px) {
  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-toolbar-select-all] {
    display: grid;
    flex: 0 0 var(--paperdesk-mobile-grid-control-size, 44px);
    width: var(--paperdesk-mobile-grid-control-size, 44px);
    min-width: var(--paperdesk-mobile-grid-control-size, 44px);
    height: var(--paperdesk-mobile-grid-control-size, 44px);
    min-height: var(--paperdesk-mobile-grid-control-size, 44px);
    border-radius: 10px;
    place-items: center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-keyboard-owner] {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"] table {
    border-collapse: separate;
    border-spacing: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is([data-app-data-grid-record-list-header], [data-app-data-grid-record-list-cell]) {
    padding: 4px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-header-content] {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee9) 82%, #ffffff);
    border-radius: 14px;
    background: color-mix(in srgb, var(--muted, #f1f5f9) 72%, var(--background, #ffffff));
    box-shadow: 0 2px 8px rgb(15 23 42 / 6%);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is(
      [data-app-data-grid-record-list-control],
      [data-app-data-grid-record-card-health],
      [data-app-data-grid-record-list-action]
    )[data-empty="true"] {
    display: none !important;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    :is(
      [data-app-data-grid-record-list-control],
      [data-app-data-grid-record-card-health],
      [data-app-data-grid-record-list-action]
    ) {
    display: grid;
    flex: 0 0 var(--paperdesk-mobile-grid-control-size, 44px);
    grid-column: auto;
    grid-row: auto;
    width: var(--paperdesk-mobile-grid-control-size, 44px);
    min-width: var(--paperdesk-mobile-grid-control-size, 44px);
    height: var(--paperdesk-mobile-grid-control-size, 44px);
    min-height: var(--paperdesk-mobile-grid-control-size, 44px);
    place-items: center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-header-primary] {
    flex: 1 1 auto;
    min-width: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-sort] {
    min-height: var(--paperdesk-mobile-grid-control-size, 44px);
    border-radius: 10px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-health="header"] {
    position: relative;
    overflow: hidden;
    color: transparent;
    font-size: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-health="header"]::before {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 3px solid var(--border, #cbd5e1);
    border-right-color: var(--primary, #2563eb);
    border-radius: 50%;
    content: "";
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-row="true"] {
    height: auto;
    min-height: 0;
    border: 0;
    background: transparent;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-mobile-record-card] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee9) 86%, #ffffff);
    border-radius: 16px;
    background: var(--background, #ffffff);
    box-shadow:
      0 5px 16px rgb(15 23 42 / 7%),
      0 1px 2px rgb(15 23 42 / 5%);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-list-row="true"][data-state="selected"]
    [data-app-data-grid-mobile-record-card] {
    background: color-mix(in srgb, var(--primary, #2563eb) 6%, var(--background, #ffffff));
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-toolbar] {
    display: grid;
    grid-template-columns:
      var(--paperdesk-mobile-grid-control-size, 44px)
      var(--paperdesk-mobile-grid-control-size, 44px)
      minmax(0, 1fr)
      var(--paperdesk-mobile-grid-control-size, 44px);
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 4px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-toolbar] > [data-app-data-grid-record-list-action="row"] {
    grid-column: 4;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary] {
    display: grid;
    grid-template-columns: var(--paperdesk-mobile-grid-record-icon-size, 36px) minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 64px;
    padding: 2px 12px 14px 8px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary] > [data-app-data-grid-record-list-leading] {
    display: grid;
    grid-column: 1;
    grid-row: 1;
    width: var(--paperdesk-mobile-grid-record-icon-size, 36px);
    min-width: var(--paperdesk-mobile-grid-record-icon-size, 36px);
    min-height: var(--paperdesk-mobile-grid-record-icon-size, 36px);
    place-items: center;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary] > [data-app-data-grid-record-list-leading]:empty {
    display: none;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary]:has(> [data-app-data-grid-record-list-leading]:empty) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary]:has(> [data-app-data-grid-record-list-leading]:empty)
    > [data-app-data-grid-record-list-body] {
    grid-column: 1;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-summary] > [data-app-data-grid-record-list-body] {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding: 0;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-data-health-semantic] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-fields] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0;
    padding: 10px;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-field] {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee9) 82%, #ffffff);
    border-radius: 13px;
    background: color-mix(in srgb, var(--muted, #f1f5f9) 48%, var(--background, #ffffff));
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-field-label] {
    min-width: 0;
    color: var(--muted-foreground, #64748b);
    font-size: 11px;
    font-weight: 560;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-field-value] {
    min-width: 0;
    margin: 0;
    color: var(--foreground, #172033);
    font-size: 13.5px;
    font-weight: 620;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-record-card-field-value] > * {
    max-width: 100%;
  }

  html[data-pwa-display-mode="standalone"][data-pwa-phone-shell="true"] body
    .app-data-grid[data-app-data-grid-mobile-row-layout="record-list"]
    [data-app-data-grid-selection-bar] {
    inset-block: 10px;
    left: 4px;
    z-index: 2;
  }
}