/*
 * BIOS Personal mobile system R25.
 *
 * Final responsive layer for every Personal section except Conversation.
 * R21 remains authoritative for AI chat. This layer normalizes the mobile
 * section window, typography, cards, lists, forms and dialogs without
 * changing desktop layout or application behavior.
 */

@media (max-width: 760px),
  (max-width: 1024px) and (max-height: 500px) and (pointer: coarse) {
  body.bios-live.mobile-section-window {
    --mobile-page-gutter: clamp(14px, 4.2vw, 20px);
    --mobile-card-gutter: clamp(16px, 4.8vw, 22px);
    --mobile-card-radius: 22px;
    --mobile-line: rgba(43, 73, 103, .11);
    --mobile-muted: #74879b;
  }

  body.bios-live.mobile-section-window {
    -webkit-text-size-adjust: 100%;
  }

  body.bios-live.mobile-section-window .main > .view.active:not(.view-ai-chat)
    :where(h1, h2, h3, h4, p, b, strong, small, span, a, button, label),
  body.bios-live.mobile-section-window .sidebar
    :where(b, span, button),
  body.bios-live.mobile-section-window :is(.personal-form-modal,
    .doctor-action-modal, .doctor-case-modal, .context-upload-modal,
    .family-flow-modal, .diag-modal, .telegram-connect-modal,
    .consent-info-modal, .doctor-access-modal, .family-tree-drawer)
    :where(h1, h2, h3, h4, p, b, strong, small, span, a, button, label) {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* Stable drawer: the section list scrolls, the account area stays at the bottom. */
  body.bios-live.mobile-section-window .sidebar {
    overflow: hidden;
  }

  body.bios-live.mobile-section-window .sidebar .nav {
    min-height: 0;
    padding-bottom: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1 1 auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  body.bios-live.mobile-section-window .sidebar .nav::-webkit-scrollbar {
    display: none;
  }

  body.bios-live.mobile-section-window .sidebar > .sidebar-foot {
    margin-top: auto !important;
    padding-top: 14px;
    flex: 0 0 auto;
    background: linear-gradient(180deg, rgba(235, 243, 249, 0), rgba(235, 243, 249, .96) 24%);
  }

  body.bios-live.mobile-section-window .sidebar-foot .profile {
    flex: 1 1 auto;
  }

  body.bios-live.mobile-section-window .sidebar-foot > .bios-live-logout {
    flex: 0 0 auto;
  }

  /* The selected section uses one predictable content column. */
  body.bios-live.mobile-section-window .main > .view.active:not(.view-ai-chat) {
    min-height: calc(100dvh - 14px);
    padding: calc(78px + env(safe-area-inset-top)) var(--mobile-page-gutter)
      calc(30px + env(safe-area-inset-bottom));
  }

  body.bios-live.mobile-section-window .main > .view.active:not(.view-ai-chat) > * {
    max-width: 100%;
  }

  body.bios-live.mobile-section-window :is(.topbar, .page-head, .privacy-head,
    .family-head, .create-protocol-head, .protocol-detail-head,
    .doctors-directory-head, .case-detail-head) {
    width: 100%;
    min-width: 0;
    gap: 12px;
    align-items: flex-start;
  }

  body.bios-live.mobile-section-window :is(.page-head, .privacy-head,
    .family-head, .create-protocol-head, .protocol-detail-head,
    .doctors-directory-head, .case-detail-head) {
    display: flex;
    flex-direction: column;
  }

  body.bios-live.mobile-section-window :is(.greeting h1, .page-title h1,
    .privacy-head h1, .family-head h1, .create-protocol-head h1,
    .protocol-detail-head h1, .case-detail-head h1) {
    max-width: 100%;
    margin: 0;
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.02;
    letter-spacing: -.045em;
  }

  body.bios-live.mobile-section-window :is(.page-title p, .privacy-head > p,
    .family-head p, .create-protocol-head p) {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
  }

  body.bios-live.mobile-section-window .back-link {
    min-height: 36px;
    margin: 0 0 8px;
    padding: 0;
    white-space: normal;
  }

  body.bios-live.mobile-section-window :is(.topbar-right, .analysis-head-actions,
    .doctors-directory-head-actions, .protocol-detail-head-actions) {
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  body.bios-live.mobile-section-window :is(.grid-2, .summary-grid, .settings-grid,
    .privacy-layout, .privacy-layout.access-layout, .backup-layout, .export-layout,
    .delete-layout, .family-layout, .family-content, .family-overview-grid,
    .home-benefit-grid, .home-article-grid, .home-articles-grid, .med-record-grid,
    .doctors-ready, .case-detail-layout, .protocol-detail-main, .protocol-detail-hero,
    .personal-family-layout, .personal-grant-layout, .bios-export-layout,
    .bios-backup-overview, .profile-action-grid, .profile-product-controls,
    .format-grid, .consent-form) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.bios-live.mobile-section-window :is(.panel, .card, .privacy-card,
    .privacy-group, .settings-list, .settings-section, .bios-live-panel,
    .bios-live-profile-panel, .bios-live-protocols, .backup-card, .export-panel,
    .doctors-card, .doctor-cases-panel, .case-detail-card, .protocol-detail-overview,
    .protocol-detail-ai, .protocol-detail-steps, .protocol-detail-data,
    .protocol-detail-note, .personal-context-card, .personal-hypothesis-card,
    .home-benefit-card, .home-article-card, .instruction-card) {
    min-width: 0;
    max-width: 100%;
    border-radius: var(--mobile-card-radius);
  }

  body.bios-live.mobile-section-window :is(.privacy-group, .privacy-card,
    .settings-section, .backup-card, .export-panel, .doctors-card,
    .doctor-cases-panel, .case-detail-card, .protocol-detail-overview,
    .protocol-detail-ai, .protocol-detail-steps, .protocol-detail-data,
    .protocol-detail-note, .personal-context-card, .personal-hypothesis-card) {
    padding: var(--mobile-card-gutter);
  }

  /* Today: compact editorial and discovery cards without desktop empty space. */
  body.bios-live.mobile-section-window .view-today .topbar {
    gap: 16px;
  }

  body.bios-live.mobile-section-window .view-today .topbar-right {
    grid-template-columns: minmax(0, 1fr) 42px 36px;
  }

  body.bios-live.mobile-section-window .view-today .greeting h1 {
    display: block;
    font-size: clamp(36px, 11vw, 48px);
  }

  body.bios-live.mobile-section-window .ai-hero {
    padding: 22px 0 6px;
    border: 0;
    background: transparent;
  }

  body.bios-live.mobile-section-window .ai-title h2 {
    font-size: clamp(23px, 6.8vw, 30px);
    line-height: 1.15;
  }

  body.bios-live.mobile-section-window .ask-box {
    height: 58px;
    margin-bottom: 14px;
    padding: 0 8px 0 12px;
    gap: 10px;
  }

  body.bios-live.mobile-section-window .home-chat-input {
    font-size: 16px;
  }

  body.bios-live.mobile-section-window .prompt-chips {
    display: flex;
    width: calc(100% + var(--mobile-page-gutter));
    gap: 8px;
    padding: 2px var(--mobile-page-gutter) 4px 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.bios-live.mobile-section-window .prompt-chips::-webkit-scrollbar {
    display: none;
  }

  body.bios-live.mobile-section-window .prompt-chips .chip {
    min-width: max-content;
    height: 42px;
    padding: 0 16px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  body.bios-live.mobile-section-window .home-editorial {
    display: grid;
    min-height: 0;
    margin-top: 24px;
    padding: 28px 22px 0;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
  }

  body.bios-live.mobile-section-window .home-editorial-copy {
    padding: 0;
  }

  body.bios-live.mobile-section-window .home-editorial-copy h2 {
    max-width: 10ch;
    font-size: clamp(36px, 10vw, 46px);
    line-height: 1.02;
  }

  body.bios-live.mobile-section-window .home-editorial-copy p {
    font-size: 16px;
    line-height: 1.5;
  }

  body.bios-live.mobile-section-window .home-editorial-primary {
    width: 100%;
    min-height: 52px;
    justify-content: center;
  }

  body.bios-live.mobile-section-window .home-editorial-visual {
    position: relative;
    width: calc(100% + 44px);
    height: 230px;
    margin: 12px -22px 0;
  }

  body.bios-live.mobile-section-window .home-editorial-visual img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }

  body.bios-live.mobile-section-window .home-discovery {
    margin-top: 22px;
  }

  body.bios-live.mobile-section-window .home-benefit-grid {
    gap: 14px;
  }

  body.bios-live.mobile-section-window .home-benefit-card {
    height: auto !important;
    min-height: 0 !important;
    padding: 24px 20px !important;
  }

  body.bios-live.mobile-section-window .home-referral-card {
    display: block;
  }

  body.bios-live.mobile-section-window .home-referral-card .home-benefit-copy {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
  }

  body.bios-live.mobile-section-window .home-referral-card h3 {
    max-width: 12ch;
    font-size: clamp(28px, 8vw, 36px);
    line-height: 1.08;
  }

  body.bios-live.mobile-section-window .home-referral-card p {
    font-size: 15px;
    line-height: 1.5;
  }

  body.bios-live.mobile-section-window .home-benefit-orbit {
    display: none;
  }

  body.bios-live.mobile-section-window .home-referral-link {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 20px;
    padding: 0;
    height: auto !important;
    background: transparent;
  }

  body.bios-live.mobile-section-window .home-referral-link input,
  body.bios-live.mobile-section-window .home-referral-link button {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    box-sizing: border-box;
    border-radius: 14px;
  }

  body.bios-live.mobile-section-window .home-referral-link input {
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .9) !important;
    font-size: 13px;
    text-overflow: ellipsis;
  }

  body.bios-live.mobile-section-window .home-referral-link button {
    background: #0a72d6 !important;
  }

  body.bios-live.mobile-section-window .home-referral-note {
    display: block;
    margin-top: 14px;
    font-size: 11px;
    line-height: 1.45;
  }

  body.bios-live.mobile-section-window .home-bonus-card > strong {
    font-size: clamp(48px, 15vw, 66px);
  }

  body.bios-live.mobile-section-window .home-bonus-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.bios-live.mobile-section-window .home-articles-head {
    margin: 30px 0 14px;
  }

  body.bios-live.mobile-section-window .home-articles-head h2 {
    font-size: clamp(28px, 8vw, 36px);
  }

  body.bios-live.mobile-section-window .home-articles-head > a {
    min-width: 42px;
    min-height: 42px;
  }

  body.bios-live.mobile-section-window .home-articles-head > a:not(:focus-visible) {
    font-size: 0;
  }

  body.bios-live.mobile-section-window :is(.home-article-grid, .home-articles-grid) {
    gap: 14px;
  }

  body.bios-live.mobile-section-window .home-article-card {
    display: grid;
    min-height: 0 !important;
    grid-template-rows: auto auto;
    overflow: hidden;
  }

  body.bios-live.mobile-section-window .home-article-media {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  body.bios-live.mobile-section-window .home-article-copy {
    display: grid;
    min-height: 0 !important;
    gap: 14px;
    padding: 18px 18px 20px !important;
  }

  body.bios-live.mobile-section-window .home-article-copy :is(b, strong) {
    font-size: clamp(19px, 5.5vw, 23px);
    line-height: 1.25;
  }

  body.bios-live.mobile-section-window .home-article-copy small {
    margin: 0;
    font-size: 12px;
  }

  /* Lists and settings: no action or value may escape the card. */
  body.bios-live.mobile-section-window :is(.privacy-list, .settings-list,
    .permissions-list, .collected-data-list) {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  body.bios-live.mobile-section-window :is(.privacy-row, .settings-row,
    .export-row, .download-row) {
    width: 100%;
    min-width: 0;
    padding: 16px 0;
    gap: 11px;
  }

  body.bios-live.mobile-section-window .privacy-row {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
  }

  body.bios-live.mobile-section-window .privacy-row > .step-icon {
    width: 38px;
    height: 38px;
  }

  body.bios-live.mobile-section-window .privacy-row > div:nth-child(2) {
    grid-column: 2;
  }

  body.bios-live.mobile-section-window .privacy-row :is(b, p) {
    max-width: 100%;
  }

  body.bios-live.mobile-section-window .privacy-row b {
    font-size: 15px;
    line-height: 1.3;
  }

  body.bios-live.mobile-section-window .privacy-row p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
  }

  body.bios-live.mobile-section-window .security-action-row .security-value {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
    margin-top: 7px;
    white-space: normal;
  }

  body.bios-live.mobile-section-window .security-action-row > .chev {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
  }

  body.bios-live.mobile-section-window .security-toggle-row > .ios-toggle {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
  }

  body.bios-live.mobile-section-window .settings-row {
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
  }

  body.bios-live.mobile-section-window .settings-row .profile-fact {
    grid-column: 2 / -1;
    justify-self: start;
    text-align: left;
  }

  body.bios-live.mobile-section-window :is(.settings-policy-strip,
    .settings-support-banner, .security-art) {
    min-width: 0;
    max-width: 100%;
  }

  body.bios-live.mobile-section-window .settings-support-banner {
    min-height: 0;
    padding: 22px;
  }

  body.bios-live.mobile-section-window .settings-support-visual {
    position: relative;
    width: 100%;
    height: 180px;
    margin-top: 14px;
  }

  /* Protocols, doctors, family and medical data share compact one-column cards. */
  body.bios-live.mobile-section-window :is(.protocol-list, .protocol-detail-step-list,
    .doctors-directory-list, .doctor-cases-directory-list, .case-detail-main,
    .personal-resource-list, .personal-hypothesis-list, .instruction-grid) {
    width: 100%;
    min-width: 0;
  }

  body.bios-live.mobile-section-window :is(.doctor-person-card,
    .doctor-case-row, .personal-resource-card) {
    min-width: 0;
    max-width: 100%;
  }

  body.bios-live.mobile-section-window .doctor-person-card {
    grid-template-columns: 48px minmax(0, 1fr) 38px !important;
    padding: 14px;
    gap: 11px;
  }

  body.bios-live.mobile-section-window .doctor-case-directory-row {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 10px;
  }

  body.bios-live.mobile-section-window .doctor-case-directory-row :is(.doctor-case-doctor,
    .doctor-case-status, .doctor-case-view) {
    grid-column: 2 / -1;
    justify-self: start;
  }

  body.bios-live.mobile-section-window :is(.case-detail-actions,
    .protocol-detail-actions, .protocol-detail-title-row,
    .personal-hypothesis-actions, .personal-form-actions,
    .doctor-action-footer, .context-upload-actions, .delete-actions) {
    width: 100%;
    flex-wrap: wrap;
  }

  body.bios-live.mobile-section-window :is(.case-detail-actions,
    .protocol-detail-actions) > button {
    width: 100%;
  }

  body.bios-live.mobile-section-window .personal-hypothesis-evidence,
  body.bios-live.mobile-section-window .family-relative-live-summary {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.bios-live.mobile-section-window .personal-context-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  body.bios-live.mobile-section-window .personal-context-facts span {
    text-align: left;
  }

  body.bios-live.mobile-section-window .analysis-head-actions > button,
  body.bios-live.mobile-section-window .personal-subpage .page-head > button {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  body.bios-live.mobile-section-window .instruction-filter-bar,
  body.bios-live.mobile-section-window :is(.doctors-directory-filters,
    .history-filter-chips, .personal-filter-row) {
    display: flex;
    width: calc(100% + var(--mobile-page-gutter));
    max-width: none;
    gap: 7px;
    padding-right: var(--mobile-page-gutter);
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.bios-live.mobile-section-window :is(.instruction-filter-bar,
    .doctors-directory-filters, .history-filter-chips, .personal-filter-row)::-webkit-scrollbar {
    display: none;
  }

  body.bios-live.mobile-section-window :is(.instruction-filter,
    .doctors-directory-filter, .history-filter-chips button,
    .personal-filter-row button) {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body.bios-live.mobile-section-window .instruction-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px;
  }

  body.bios-live.mobile-section-window .instruction-card {
    display: grid;
    min-height: 0 !important;
    grid-template-rows: auto auto;
    overflow: hidden;
  }

  body.bios-live.mobile-section-window .instruction-card-media {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  body.bios-live.mobile-section-window .instruction-card-copy {
    min-height: 0 !important;
    padding: 18px;
  }

  /* Export, backup, history and consent surfaces remain usable without zooming. */
  body.bios-live.mobile-section-window :is(.export-panel-head,
    .history-filter-bar, .history-journal-head, .backup-card-head,
    .permissions-section-head, .download-row) {
    align-items: flex-start;
    flex-direction: column;
  }

  body.bios-live.mobile-section-window .export-list-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  body.bios-live.mobile-section-window .format-grid {
    gap: 9px;
  }

  body.bios-live.mobile-section-window .format-card {
    min-width: 0;
    padding: 14px;
  }

  body.bios-live.mobile-section-window .summary-item,
  body.bios-live.mobile-section-window .history-item {
    grid-template-columns: 36px minmax(0, 1fr) !important;
  }

  body.bios-live.mobile-section-window .summary-item > :last-child,
  body.bios-live.mobile-section-window .history-item > :last-child {
    grid-column: 2;
    justify-self: start;
  }

  body.bios-live.mobile-section-window .download-row .btn-outline {
    width: 100%;
    justify-content: center;
  }

  body.bios-live.mobile-section-window .consent-form-card {
    padding: var(--mobile-card-gutter);
  }

  body.bios-live.mobile-section-window .consent-form-head,
  body.bios-live.mobile-section-window .consent-review-head {
    align-items: flex-start;
  }

  body.bios-live.mobile-section-window .consent-form-title h2,
  body.bios-live.mobile-section-window .consent-review-title h1 {
    font-size: clamp(25px, 7.5vw, 34px);
  }

  body.bios-live.mobile-section-window .pdf-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
  }

  body.bios-live.mobile-section-window .pdf-controls {
    display: none;
  }

  body.bios-live.mobile-section-window .pdf-body {
    padding: 10px;
    overflow-x: auto;
  }

  body.bios-live.mobile-section-window .pdf-page-sheet {
    min-width: 620px;
    transform-origin: top left;
  }

  /* Profile cards and forms collapse without losing their actions. */
  body.bios-live.mobile-section-window :is(.profile-hero-main,
    .bios-profile-hero-live, .profile-main, .profile-product-actions-head,
    .bios-profile-heading) {
    align-items: flex-start;
    flex-direction: column;
  }

  body.bios-live.mobile-section-window :is(.profile-product-controls,
    .profile-action-grid, .bios-profile-facts-list, .bios-profile-form) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.bios-live.mobile-section-window :is(.profile-product-card,
    .profile-action-grid > button) {
    min-width: 0;
    max-width: 100%;
  }

  body.bios-live.mobile-section-window .bios-profile-actions {
    grid-column: 1;
    width: 100%;
    flex-direction: column;
  }

  body.bios-live.mobile-section-window .bios-profile-actions button,
  body.bios-live.mobile-section-window .bios-profile-edit {
    width: 100%;
    justify-content: center;
  }

  /* Every non-chat popup becomes a safe bottom sheet on a phone. */
  body.bios-live.mobile-section-window :is(.personal-form-modal,
    .doctor-action-modal, .doctor-case-modal, .context-upload-modal,
    .family-flow-modal, .diag-modal, .telegram-connect-modal,
    .consent-info-modal, .doctor-access-modal) {
    align-items: end;
    padding: 0;
  }

  body.bios-live.mobile-section-window :is(.personal-form-dialog,
    .doctor-action-dialog, .doctor-case-dialog, .context-upload-dialog,
    .family-flow-dialog, .diag-card, .telegram-connect-dialog,
    .consent-info-card, .doctor-access-dialog) {
    width: 100%;
    max-width: 100%;
    max-height: min(88dvh, 760px);
    margin: 0;
    padding: 24px var(--mobile-card-gutter) calc(22px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 26px 26px 0 0;
  }

  body.bios-live.mobile-section-window .telegram-connect-benefits {
    grid-template-columns: minmax(0, 1fr);
  }

  body.bios-live.mobile-section-window :is(.telegram-connect-actions,
    .doctor-access-footer, .doctor-case-dialog-actions,
    .family-fact-actions, .family-success-actions) {
    width: 100%;
    flex-wrap: wrap;
  }

  body.bios-live.mobile-section-window :is(.telegram-connect-actions,
    .doctor-access-footer, .doctor-case-dialog-actions,
    .family-fact-actions, .family-success-actions) > button,
  body.bios-live.mobile-section-window .telegram-connect-actions > a {
    min-height: 46px;
    flex: 1 1 150px;
    justify-content: center;
  }

  body.bios-live.mobile-section-window .telegram-connect-actions {
    flex-direction: column;
  }

  body.bios-live.mobile-section-window .telegram-connect-actions > button,
  body.bios-live.mobile-section-window .telegram-connect-actions > a {
    width: 100%;
    min-height: 52px;
    flex: 0 0 auto;
  }

  body.bios-live.mobile-section-window .doctor-access-tabs {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.bios-live.mobile-section-window :is(.doctor-access-email-row,
    .doctor-access-link-row) {
    grid-template-columns: minmax(0, 1fr);
  }

  body.bios-live.mobile-section-window .family-tree-drawer {
    padding: 0;
  }

  body.bios-live.mobile-section-window .family-tree-panel {
    width: 100%;
    height: min(92dvh, 820px);
    max-width: 100%;
    max-height: 92dvh;
    margin: auto 0 0;
    border-radius: 26px 26px 0 0;
  }

  body.bios-live.mobile-section-window .family-tree-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  body.bios-live.mobile-section-window .family-tree-sidebar {
    max-height: 34dvh;
    overflow-y: auto;
  }

  body.bios-live.mobile-section-window .doctor-action-periods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.bios-live.mobile-section-window :is(.doctor-action-footer,
    .context-upload-actions) > button {
    min-height: 46px;
    flex: 1 1 140px;
  }

  body.bios-live.mobile-section-window .personal-form-actions > button {
    min-height: 46px;
    flex: 0 0 auto;
  }
}

@media (max-width: 390px) {
  body.bios-live.mobile-section-window {
    --mobile-page-gutter: 13px;
    --mobile-card-gutter: 16px;
  }

  body.bios-live.mobile-section-window .main > .view.active:not(.view-ai-chat) {
    padding-top: calc(74px + env(safe-area-inset-top));
  }

  body.bios-live.mobile-section-window .view-today .topbar-right {
    grid-template-columns: minmax(0, 1fr) 40px 32px;
    gap: 6px;
  }

  body.bios-live.mobile-section-window .today-telegram-connect {
    padding-inline: 10px;
    font-size: 12px;
  }

  body.bios-live.mobile-section-window .home-bonus-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) and (display-mode: standalone),
  (max-width: 760px) and (display-mode: fullscreen),
  (max-width: 1024px) and (max-height: 500px) and (pointer: coarse) and (display-mode: standalone),
  (max-width: 1024px) and (max-height: 500px) and (pointer: coarse) and (display-mode: fullscreen) {
  body.bios-live.mobile-section-window .sidebar {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }

  body.bios-live.mobile-section-window .sidebar > .sidebar-foot {
    padding-bottom: max(4px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce),
  (max-width: 1024px) and (max-height: 500px) and (pointer: coarse) and (prefers-reduced-motion: reduce) {
  body.bios-live.mobile-section-window .home-editorial-visual img,
  body.bios-live.mobile-section-window .home-article-media img,
  body.bios-live.mobile-section-window .instruction-card-media img {
    transition: none;
  }
}