.desk-controls {
      display: flex;
      align-items: center;
      gap: 12px;
      flex: 1;
      justify-content: flex-end;
    }

    /* MASTER-DETAIL ДЕСКТОПА: СПИСОК СЛЕВА, АНКЕТА СПРАВА */
    .desk-master-detail-grid {
      display: grid;
      grid-template-columns: 290px 1fr;
      gap: 20px;
      align-items: start;
    }
    @media (max-width: 900px) {
      .desk-master-detail-grid { grid-template-columns: 1fr; }
    }

    /* ЛЕВАЯ КОЛОНКА ДЕСКТОПА: СПИСОК КЛИЕНТОВ */
    .desk-client-list-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* ПРАВАЯ ОБЛАСТЬ: СЕТКА ВНУТРИ АНКЕТЫ АННЫ */
    .desk-dossier-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    @media (max-width: 820px) {
      .desk-dossier-grid { grid-template-columns: 1fr; }
    }
    .grid-full-width {
      grid-column: 1 / -1;
    }

    /* ПОДВАЛ */
    .info-footer {
      margin-top: 28px;
      text-align: center;
      font-size: 13px;
      color: #8C784C;
      font-weight: 600;
    }
  

    /* АДАПТИВНОЕ ПЕРЕКЛЮЧЕНИЕ ДЕСКТОП / МОБИЛЬНЫЙ */
    @media (min-width: 901px) {
      .desktop-only { display: block !important; }
      .mobile-only { display: none !important; }
    }
    @media (max-width: 900px) {
      .desktop-only { display: none !important; }
      .mobile-only { display: flex !important; }
      body { padding: 12px 10px !important; }
    }

    body {
      background: #FAF2E7 !important;
      color: #383025;
      font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif !important;
      min-height: 100vh;
      margin: 0;
      padding: 20px 16px;
    }

    /* СТИЛИ АКТИВНЫХ ТАБОВ В САЙДБАРЕ */
    .desk-nav-btn {
      min-height: 44px;
      border-radius: 14px;
      padding: 0 14px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 13px;
      font-weight: 800;
      color: #5A4E40;
      background: transparent;
      border: none;
      cursor: pointer;
      width: 100%;
      text-align: left;
      font-family: 'Manrope', sans-serif !important;
      transition: all 0.15s ease;
    }
    .desk-nav-btn:hover {
      background: #EFE4D6;
      color: #2F261D;
    }
    .desk-nav-btn.active {
      background: #FDF1CC;
      color: #5B481D;
      box-shadow: 2px 3px 6px rgba(190, 170, 110, 0.25);
    }
    .desk-nav-btn.active.main-tab {
      background: #FDF1CC !important;
      color: #5B481D !important;
      box-shadow: 2px 3px 6px rgba(190, 170, 110, 0.25) !important;
    }
    .desk-nav-btn.active.income-tab {
      background: #C8E2D2 !important;
      color: #1E3F30 !important;
      box-shadow: 2px 3px 6px rgba(120, 170, 140, 0.25) !important;
    }
    .desk-nav-btn.active.expenses-tab {
      background: #FCD6CF !important;
      color: #58241B !important;
      box-shadow: 2px 3px 6px rgba(190, 120, 110, 0.25) !important;
    }
    .desk-nav-btn.active.clients-tab {
      background: #D3E7F8 !important;
      color: #16324F !important;
      box-shadow: 2px 3px 6px rgba(110, 150, 190, 0.25) !important;
    }

    /* МОБИЛЬНЫЙ ТАБ-БАР */
    .mob-tab-btn {
      width: 44px;
      height: 44px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #7A6C5B;
      cursor: pointer;
      border: none;
      background: transparent;
      transition: all 0.15s ease;
    }
    .mob-tab-btn:hover {
      background: #EFE4D6;
    }
    .mob-tab-btn.active {
      background: #D3E7F8 !important;
      color: #16324F !important;
      /* 3D-Бумага: свет сверху-слева, тень снизу-справа */
      box-shadow: 2.5px 4px 8px rgba(100, 140, 180, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .mob-tab-btn.active[data-tab="main"] {
      background: #FDF1CC !important;
      color: #5B481D !important;
      box-shadow: 2.5px 4px 8px rgba(190, 170, 110, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .mob-tab-btn.active[data-tab="income"] {
      background: #C8E2D2 !important;
      color: #1E3F30 !important;
      box-shadow: 2.5px 4px 8px rgba(100, 150, 120, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .mob-tab-btn.active[data-tab="expenses"] {
      background: #FCD6CF !important;
      color: #58241B !important;
      box-shadow: 2.5px 4px 8px rgba(180, 100, 90, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .mob-tab-btn.active[data-tab="clients"] {
      background: #D3E7F8 !important;
      color: #16324F !important;
      box-shadow: 2.5px 4px 8px rgba(100, 140, 180, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .mob-tab-btn.active[data-tab="main"] {
      background: #FDF1CC !important;
      color: #5B481D !important;
      box-shadow: 2px 3px 6px rgba(190, 170, 110, 0.25) !important;
    }
    .mob-tab-btn.active[data-tab="income"] {
      background: #C8E2D2 !important;
      color: #1E3F30 !important;
      box-shadow: 2px 3px 6px rgba(120, 170, 140, 0.25) !important;
    }
    .mob-tab-btn.active[data-tab="expenses"] {
      background: #FCD6CF !important;
      color: #58241B !important;
      box-shadow: 2px 3px 6px rgba(190, 120, 110, 0.25) !important;
    }
    .mob-tab-btn.active[data-tab="clients"] {
      background: #D3E7F8 !important;
      color: #16324F !important;
      box-shadow: 2px 3px 6px rgba(110, 150, 190, 0.25) !important;
    }

    /* ========================================================= */
    /* ВСПЛЫВАЮЩИЙ ПОПОВЕР ПЛАТЕЖЕЙ В КАЛЕНДАРЕ                   */
    /* ========================================================= */
    .tactile-popover {
      position: absolute;
      background: #FAF2E7;
      border-radius: 24px;
      padding: 16px;
      box-shadow: 0 14px 40px rgba(120, 95, 75, 0.35), 0 2px 8px rgba(120, 95, 75, 0.15);
      border: 3px solid #EADBCC;
      z-index: 100;
      animation: popoverFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes popoverFadeIn { from { opacity: 0; } to { opacity: 1; } }
    .popover-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }
    .popover-date-title {
      font-size: 14px;
      font-weight: 900;
      color: #2F261D;
    }
    .popover-close-btn {
      background: none;
      border: none;
      font-size: 16px;
      font-weight: 900;
      color: #726453;
      cursor: pointer;
      padding: 4px;
      line-height: 1;
      border-radius: 50%;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.15s ease;
    }
    .popover-close-btn:hover {
      background: #EADBCC;
    }
    .popover-item {
      background: #F4E8D9;
      border-radius: 16px;
      padding: 10px 12px;
      margin-bottom: 8px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
    .popover-item:last-child {
      margin-bottom: 0;
    }
    .popover-item-title {
      font-size: 12px;
      font-weight: 800;
      color: #2F261D;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .popover-item-sum {
      font-size: 14px;
      font-weight: 900;
      color: #4A3E25;
      margin: 4px 0 8px 0;
    }
    .popover-actions {
      display: flex;
      gap: 8px;
    }
    .btn-shop-link {
      flex: 1;
      padding: 6px 10px;
      border-radius: 10px;
      background: #E8DAC8;
      color: #4A3E25;
      text-decoration: none;
      font-size: 11px;
      font-weight: 800;
      text-align: center;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
      box-shadow: 1px 2px 4px rgba(160, 135, 110, 0.2);
      transition: background 0.15s ease;
    }
    .btn-shop-link:hover {
      background: #DFCFBB;
    }
    .btn-pay-toggle {
      padding: 6px 12px;
      border-radius: 10px;
      border: none;
      background: #C8E2D2;
      color: #1E3F30;
      font-size: 11px;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 1px 2px 4px rgba(100, 150, 120, 0.25);
      transition: all 0.15s ease;
    }
    .btn-pay-toggle.need-pay {
      background: #FCD6CF;
      color: #58241B;
      box-shadow: 1px 2px 4px rgba(180, 100, 90, 0.25);
    }
    .btn-pay-toggle:active {
      transform: scale(0.96);
    }