@media (max-width: 760px) {
  .client-card-dialog,
  .client-card-screen,
  .client-card-layout {
    height: 100vh;
    max-height: none;
    min-height: 0;
  }

  .client-card-layout {
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    background: #fff;
  }

  .client-card-sidebar,
  .client-card-content {
    display: none;
    height: 100%;
    min-height: 0;
    overflow: auto;
  }

  .client-card-layout.mobile-profile-tab .client-card-sidebar {
    display: grid;
  }

  .client-card-layout.mobile-visits-tab .client-card-content,
  .client-card-layout.mobile-assets-tab .client-card-content,
  .client-card-layout.mobile-notes-tab .client-card-content,
  .client-card-layout.mobile-changes-tab .client-card-content {
    display: block;
  }

  .client-card-sidebar {
    align-content: start;
    gap: 14px;
    border-right: 0;
    padding: 18px 16px 94px;
    box-shadow: none;
  }

  .client-card-sidebar > .client-tab-list {
    display: none;
  }

  .client-card-content {
    padding: 58px 14px 94px;
    background: #fff;
  }

  .client-tab-panel,
  .client-tab-panel.active {
    display: none;
  }

  .client-card-layout.mobile-visits-tab .client-mobile-visits-panel,
  .client-card-layout.mobile-assets-tab .client-mobile-assets-panel,
  .client-card-layout.mobile-notes-tab .client-mobile-notes-panel,
  .client-card-layout.mobile-changes-tab .client-mobile-changes-panel {
    display: grid;
    gap: 14px;
  }

  .client-card-layout.mobile-visits-tab .client-mobile-visits-panel + .client-mobile-visits-panel {
    margin-top: 16px;
  }

  .client-mobile-tabbar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 6;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(10px);
  }

  .client-mobile-tabbar button {
    min-width: 0;
    min-height: 52px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 14px;
    padding: 0;
    background: transparent;
    color: rgba(17, 24, 39, 0.62);
  }

  .client-mobile-tabbar button.active {
    background: var(--panel-soft);
    color: var(--primary);
  }

  .client-mobile-tabbar .client-tab-label {
    display: none;
  }

  .client-mobile-tabbar .client-tab-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: currentColor;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }

  .client-tab-profile {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 20a7 7 0 0 1 14 0'/%3E%3C/svg%3E");
  }

  .client-tab-visits {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='5' width='16' height='15' rx='2.5'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M4 10h16M8 15l2 2 5-5'/%3E%3C/svg%3E");
  }

  .client-tab-assets {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5A2.5 2.5 0 0 1 7.5 5h9A2.5 2.5 0 0 1 19 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 16.5v-9Z'/%3E%3Cpath d='M8.5 9h7M8.5 12h7M8.5 15h4'/%3E%3C/svg%3E");
  }

  .client-tab-notes {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4.5h9l3 3V19a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 19V4.5Z'/%3E%3Cpath d='M15 4.5V8h3M9 12h6M9 15h6'/%3E%3C/svg%3E");
  }

  .client-tab-changes {
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3v18M6 7h12M8 12h8M5 17h14'/%3E%3C/svg%3E");
  }

  .crm-visit-table {
    overflow-x: auto;
  }

  .crm-visit-table .notion-row {
    min-width: 760px;
  }
}