/* POSSYRA app runtime current · source-preserving aggregate · css-mobile */
/* source: assets/app-mobile-stability-v254.css */
/* POSSYRA v254 — mobile native scroll and responsive stability layer */
@media (max-width: 979px) {
  html {
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
    scroll-behavior: auto !important;
  }

  body.vnext-app-mode {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }

  body.vnext-app-mode #app {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    touch-action: pan-y pinch-zoom !important;
  }

  body.vnext-app-mode #app > .screen {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    touch-action: pan-y pinch-zoom !important;
  }

  body.vnext-app-mode #app > .screen:not(.active) {
    display: none !important;
  }

  body.vnext-app-mode #app > .screen.active {
    display: block !important;
  }

  body.vnext-app-mode #app > .center-screen.active {
    display: flex !important;
  }

  body.vnext-app-mode .vnext-mobile-scroll-host {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 12px 12px calc(124px + env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto !important;
    touch-action: pan-y pinch-zoom !important;
    scrollbar-width: auto !important;
  }

  body.vnext-app-mode .vnext-mobile-scroll-host::-webkit-scrollbar {
    display: initial !important;
  }

  body.vnext-app-mode .vnext-mobile-scroll-host > .topbar,
  body.vnext-app-mode #app > .screen > .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 145 !important;
    width: calc(100% + 24px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: -12px -12px 16px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    background: color-mix(in srgb, var(--glass, var(--pui-surface, #fff)) 94%, transparent) !important;
    border-bottom: 1px solid var(--line, var(--pui-line, rgba(255,255,255,.1))) !important;
    backdrop-filter: saturate(160%) blur(20px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(20px) !important;
  }

  body.vnext-app-mode .topbar {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.vnext-app-mode .topbar .header-copy,
  body.vnext-app-mode .topbar .header-brand,
  body.vnext-app-mode .topbar .header-brand > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.vnext-app-mode .topbar .header-copy h2,
  body.vnext-app-mode .topbar .header-copy strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.vnext-app-mode .topbar .header-copy .eyebrow {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.vnext-app-mode .topbar-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  body.vnext-app-mode .topbar :where(.icon-btn, .avatar-btn, .theme-toggle, .vnext-top-btn) {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 9px !important;
    border-radius: 13px !important;
  }

  body.vnext-app-mode .bottom-nav {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(7px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    z-index: 1500 !important;
    transform: translateZ(0) !important;
    touch-action: manipulation !important;
    overscroll-behavior: none !important;
  }

  body.keyboard-open .bottom-nav {
    display: none !important;
  }

  body.keyboard-open .vnext-mobile-scroll-host {
    padding-bottom: calc(28px + var(--keyboard-height, 0px)) !important;
  }

  body.vnext-app-mode :where(
    .welcome-card,
    .product-page-intro,
    .service-operations-hero,
    .document-center-hero,
    .notification-center-hero,
    .transfer-page-intro,
    .reporting-hero,
    .business-operations-hero,
    .product-workspace-card,
    .service-workspace-card,
    .document-workspace-card,
    .notification-workspace-card,
    .business-workspace-card,
    .reporting-panel,
    .profile-card,
    .account-security-card,
    .theme-preference-card,
    .menu-card,
    .content-card,
    .ownership-transfer-root
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.vnext-app-mode :where(
    .product-workspace-card,
    .service-workspace-card,
    .document-workspace-card,
    .notification-workspace-card,
    .business-workspace-card,
    .profile-card,
    .account-security-card,
    .theme-preference-card,
    .menu-card,
    .content-card
  ) {
    overflow: visible !important;
  }

  body.vnext-app-mode :where(
    .notification-toolbar,
    .product-toolbar-main,
    .service-workspace-toolbar,
    .document-toolbar,
    .business-workspace-head,
    .reporting-control-card
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode :where(
    .notification-search,
    .product-search-box,
    .service-search-box,
    .document-search-box,
    .business-search-box,
    .search-box,
    .product-select-wrap,
    .service-filter-wrap,
    .document-filter-wrap,
    .business-filter-wrap
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode :where(
    .notification-tabs,
    .theme-choice-group
  ) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  body.vnext-app-mode :where(
    .notification-tabs button,
    .theme-choice-group button
  ) {
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  body.vnext-app-mode :where(
    .product-filter-row,
    .document-status-tabs,
    .service-main-tabs,
    .business-main-tabs,
    .tabs,
    .detail-tabs,
    .product-detail-tabs
  ) {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y pinch-zoom !important;
    scrollbar-width: none !important;
  }

  body.vnext-app-mode :where(
    .product-filter-row,
    .document-status-tabs,
    .service-main-tabs,
    .business-main-tabs,
    .tabs,
    .detail-tabs,
    .product-detail-tabs
  )::-webkit-scrollbar {
    display: none !important;
  }

  body.vnext-app-mode :where(
    .product-filter-row,
    .document-status-tabs,
    .service-main-tabs,
    .business-main-tabs,
    .tabs,
    .detail-tabs,
    .product-detail-tabs
  ) > * {
    flex: 0 0 auto !important;
  }

  body.vnext-app-mode :where(
    .notification-kpi-grid,
    .product-kpi-grid,
    .service-kpi-grid,
    .document-kpi-grid,
    .business-kpi-grid,
    .reporting-kpi-grid,
    .stats-grid,
    .detail-stats
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode :where(
    .notification-kpi-grid,
    .product-kpi-grid,
    .service-kpi-grid,
    .document-kpi-grid,
    .business-kpi-grid,
    .reporting-kpi-grid,
    .stats-grid,
    .detail-stats
  ) > * {
    min-width: 0 !important;
  }

  body.vnext-app-mode :where(
    .product-list,
    .service-content,
    .business-content,
    .document-center-list,
    .document-list,
    .reporting-content,
    .notification-center-root,
    .ownership-transfer-list,
    .table-wrap,
    .phase12-table-wrap
  ) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode :where(.table-wrap, .phase12-table-wrap) {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y pinch-zoom !important;
  }

  body.vnext-app-mode .profile-card-v220 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 20px 16px !important;
    overflow: hidden !important;
  }

  body.vnext-app-mode .profile-card-v220 :where(h3, p, strong, span, small) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.vnext-app-mode .profile-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
  }

  body.vnext-app-mode .profile-facts {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 560px !important;
  }

  body.vnext-app-mode .profile-facts > div {
    display: grid !important;
    grid-template-columns: minmax(92px, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode .profile-facts strong {
    min-width: 0 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
  }

  body.vnext-app-mode .profile-control-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.vnext-app-mode .profile-control-grid > button {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px !important;
  }

  body.vnext-app-mode .profile-control-grid .control-copy {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.vnext-app-mode .profile-control-grid .control-copy :where(strong, small) {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.vnext-app-mode .profile-control-grid > button > em {
    min-width: 18px !important;
    text-align: right !important;
  }

  body.vnext-app-mode .account-security-card,
  body.vnext-app-mode .theme-preference-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  body.vnext-app-mode .account-security-card > div,
  body.vnext-app-mode .theme-preference-copy {
    min-width: 0 !important;
  }

  body.vnext-app-mode .account-security-card :where(strong, small),
  body.vnext-app-mode .theme-preference-card :where(strong, small) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.vnext-app-mode #modal.modal:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1700 !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  body.vnext-app-mode #modal .modal-sheet {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - env(safe-area-inset-top) - 8px) !important;
    margin: auto 0 0 !important;
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
  }

  body.vnext-app-mode #modal #modalBody {
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
}

@media (max-width: 430px) {
  body.vnext-app-mode .vnext-mobile-scroll-host {
    padding-inline: 9px !important;
  }

  body.vnext-app-mode .vnext-mobile-scroll-host > .topbar,
  body.vnext-app-mode #app > .screen > .topbar {
    width: calc(100% + 18px) !important;
    margin-inline: -9px !important;
    padding-inline: 9px !important;
  }

  body.vnext-app-mode .topbar {
    gap: 6px !important;
  }

  body.vnext-app-mode .topbar-actions {
    gap: 4px !important;
  }

  body.vnext-app-mode .topbar :where(.icon-btn, .avatar-btn, .theme-toggle, .vnext-top-btn) {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px !important;
  }

  body.vnext-app-mode .notification-center-hero,
  body.vnext-app-mode .service-operations-hero,
  body.vnext-app-mode .product-page-intro,
  body.vnext-app-mode .transfer-page-intro,
  body.vnext-app-mode .document-center-hero,
  body.vnext-app-mode .reporting-hero,
  body.vnext-app-mode .business-operations-hero {
    padding: 17px !important;
  }

  body.vnext-app-mode .notification-center-hero h3,
  body.vnext-app-mode .service-operations-hero h3,
  body.vnext-app-mode .product-page-intro h3,
  body.vnext-app-mode .transfer-page-intro h3,
  body.vnext-app-mode .document-center-hero h3,
  body.vnext-app-mode .reporting-hero h3,
  body.vnext-app-mode .business-operations-hero h3 {
    font-size: clamp(23px, 8vw, 31px) !important;
    line-height: 1.1 !important;
  }
}

@media (max-width: 370px) {
  body.vnext-app-mode :where(
    .notification-kpi-grid,
    .product-kpi-grid,
    .service-kpi-grid,
    .document-kpi-grid,
    .business-kpi-grid,
    .reporting-kpi-grid,
    .stats-grid,
    .detail-stats
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.vnext-app-mode :where(.notification-tabs, .theme-choice-group) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.vnext-app-mode .account-security-card,
  body.vnext-app-mode .theme-preference-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* source: assets/mobile-web-v257.css */
/* POSSYRA v257 — normal mobile web document layout */
@media (max-width: 979px) {
  :root {
    --possyra-mobile-page-gutter: 14px;
    --possyra-mobile-header-height: 68px;
  }

  html,
  body,
  body.vnext-app-mode,
  body.vnext-auth-mode {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.vnext-app-mode,
  body.vnext-auth-mode {
    min-height: 100svh !important;
    padding: 0 !important;
  }

  body.vnext-app-mode #app,
  body.vnext-auth-mode #app {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    touch-action: auto !important;
  }

  body.vnext-app-mode #app > .screen,
  body.vnext-auth-mode #app > .screen {
    position: relative !important;
    inset: auto !important;
    display: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 var(--possyra-mobile-page-gutter) 42px !important;
    overflow: visible !important;
    transform: none !important;
    touch-action: auto !important;
  }

  body.vnext-app-mode #app > .screen.active,
  body.vnext-auth-mode #app > .screen.active {
    display: block !important;
  }

  body.vnext-app-mode #app > .center-screen.active,
  body.vnext-auth-mode #app > .center-screen.active {
    display: flex !important;
  }

  /* Previous app-shell wrappers are removed by JS. This fallback prevents them
     from becoming independent scroll or pointer-event layers before JS runs. */
  body.vnext-app-mode .vnext-mobile-scroll-host,
  body.vnext-auth-mode .vnext-mobile-scroll-host {
    display: contents !important;
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    touch-action: auto !important;
  }

  body.vnext-app-mode .topbar,
  body.vnext-auth-mode .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 420 !important;
    width: calc(100% + (var(--possyra-mobile-page-gutter) * 2)) !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: var(--possyra-mobile-header-height) !important;
    margin: 0 calc(var(--possyra-mobile-page-gutter) * -1) !important;
    padding: calc(10px + env(safe-area-inset-top)) var(--possyra-mobile-page-gutter) 10px !important;
    border-bottom: 1px solid var(--line, rgba(130, 150, 180, .18)) !important;
    background: color-mix(in srgb, var(--glass, var(--bg, #fff)) 96%, transparent) !important;
    box-shadow: 0 8px 22px rgba(5, 20, 42, .06) !important;
    backdrop-filter: saturate(150%) blur(18px) !important;
    -webkit-backdrop-filter: saturate(150%) blur(18px) !important;
    touch-action: pan-y !important;
  }

  /* The app-style floating bottom dock is not part of the mobile website. */
  body.vnext-app-mode .bottom-nav,
  body.vnext-auth-mode .bottom-nav {
    display: none !important;
    position: static !important;
    inset: auto !important;
  }

  .possyra-mobile-web-nav {
    position: relative;
    z-index: 120;
    display: grid;
    grid-template-columns: repeat(5, minmax(64px, 1fr));
    gap: 7px;
    width: 100%;
    margin: 12px 0 18px;
    padding: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--line, rgba(130, 150, 180, .18));
    border-radius: 16px;
    background: var(--panel, rgba(255, 255, 255, .78));
    box-shadow: 0 10px 28px rgba(5, 20, 42, .06);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }

  .possyra-mobile-web-nav::-webkit-scrollbar {
    display: none;
  }

  .possyra-mobile-web-nav-item {
    appearance: none;
    display: grid;
    grid-template-rows: 28px auto;
    align-items: center;
    justify-items: center;
    gap: 5px;
    min-width: 64px;
    min-height: 58px;
    padding: 7px 5px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--muted, #667085);
    font: inherit;
    cursor: pointer;
    touch-action: manipulation;
  }

  .possyra-mobile-web-nav-item span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: 0 !important;
  }

  .possyra-mobile-web-nav-item svg {
    width: 22px;
    height: 22px;
  }

  .possyra-mobile-web-nav-item em {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .possyra-mobile-web-nav-item.active,
  .possyra-mobile-web-nav-item[aria-current="page"] {
    background: rgba(56, 125, 255, .12);
    color: var(--accent, #2f80ed);
  }

  /* All page content is part of the browser's normal vertical pan surface. */
  body.possyra-mobile-web-v257 #app > .screen.active,
  body.possyra-mobile-web-v257 #app > .screen.active > *,
  body.possyra-mobile-web-v257 #app > .screen.active :where(
    div, section, article, header, main, aside, footer,
    form, fieldset, label, ul, ol, li, table, tbody, tr, td,
    p, span, strong, small, h1, h2, h3, h4, h5, h6, img, picture, svg
  ) {
    touch-action: pan-y pinch-zoom !important;
  }

  body.possyra-mobile-web-v257 #app > .screen.active :where(
    button, a, input, textarea, select, summary, [role="button"], [contenteditable="true"]
  ) {
    touch-action: manipulation !important;
  }

  body.possyra-mobile-web-v257 #app > .screen.active :where(
    .tabs, .detail-tabs, .product-detail-tabs, .product-filter-row,
    .document-status-tabs, .service-main-tabs, .business-main-tabs,
    .product-view-toggle, .possyra-mobile-web-nav
  ) {
    touch-action: pan-x pan-y pinch-zoom !important;
  }

  /* Decorative layers can never intercept a finger gesture. */
  body.possyra-mobile-web-v257 #app > .screen.active :where(
    .welcome-card, .product-page-intro, .service-operations-hero,
    .document-center-hero, .notification-center-hero, .reporting-hero,
    .business-operations-hero, .content-card, .service-workspace-card,
    .product-workspace-card, .document-workspace-card, .notification-workspace-card
  )::before,
  body.possyra-mobile-web-v257 #app > .screen.active :where(
    .welcome-card, .product-page-intro, .service-operations-hero,
    .document-center-hero, .notification-center-hero, .reporting-hero,
    .business-operations-hero, .content-card, .service-workspace-card,
    .product-workspace-card, .document-workspace-card, .notification-workspace-card
  )::after {
    pointer-events: none !important;
  }

  body.possyra-mobile-web-v257 :where(
    .welcome-card, .product-page-intro, .service-operations-hero,
    .document-center-hero, .notification-center-hero, .reporting-hero,
    .business-operations-hero, .content-card, .service-workspace-card,
    .product-workspace-card, .document-workspace-card, .notification-workspace-card,
    .profile-card, .account-security-card, .theme-preference-card, .menu-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.possyra-mobile-web-v257 :where(
    .service-kpi-grid, .product-kpi-grid, .document-kpi-grid,
    .notification-kpi-grid, .business-kpi-grid, .reporting-kpi-grid,
    .stats-grid, .detail-stats
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.possyra-mobile-web-v257 :where(
    .service-kpi-grid, .product-kpi-grid, .document-kpi-grid,
    .notification-kpi-grid, .business-kpi-grid, .reporting-kpi-grid,
    .stats-grid, .detail-stats
  ) > * {
    min-height: 116px !important;
  }

  body.possyra-mobile-web-v257 :where(
    .service-workspace-card, .product-workspace-card, .document-workspace-card,
    .notification-workspace-card, .business-workspace-card, .reporting-panel,
    .profile-card, .account-security-card, .theme-preference-card, .menu-card
  ) {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body.possyra-mobile-web-v257 :where(.table-wrap, .phase12-table-wrap) {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
  }

  body.possyra-mobile-web-v257 .modal:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2000 !important;
    overflow: hidden !important;
  }

  body.possyra-mobile-web-v257 .modal:not(.hidden) :where(.modal-sheet, .modal-card, .modal-panel) {
    max-height: calc(100svh - 24px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
}

@media (max-width: 430px) {
  :root {
    --possyra-mobile-page-gutter: 11px;
  }

  .possyra-mobile-web-nav {
    grid-template-columns: repeat(5, 68px);
  }
}