.mobile-tab-toggle {
      flex: 1;
      padding: 7px 10px;
      border-radius: 10px;
      border: none;
      font-size: 11px;
      font-weight: 800;
      color: #5A4E40;
      background: transparent;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      transition: all 0.15s ease;
    }
    .mobile-tab-toggle.active {
      background: #FAF2E7;
      color: #2F261D;
      box-shadow: 0 2px 8px rgba(60, 45, 30, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .phone-header-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
      padding: 0 4px;
    }
    .phone-title {
      font-size: 24px;
      font-weight: 900;
      color: #2F261D;
      letter-spacing: -0.3px;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .phone-heart {
      color: #D97368;
      font-size: 20px;
    }
    .user-avatar-circle {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #FCEFD9;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #5A4E40;
      box-shadow: 2.5px 4px 10px rgba(160, 135, 110, 0.25), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .add-client-pill-btn {
      width: 100%;
      background: #FDF1CC;
      color: #5B481D;
      border: none;
      border-radius: 18px;
      padding: 12px 18px;
      font-size: 14px;
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      margin-bottom: 14px;
      box-shadow: 2.5px 4.5px 12px rgba(185, 160, 110, 0.28), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.95);
      transition: transform 0.12s ease;
    }
    .add-client-pill-btn:active {
      transform: translateY(1.5px);
    }

    .search-filter-row {
      display: flex;
      gap: 10px;
      margin-bottom: 14px;
    }
    .search-box {
      flex: 1;
      background: #FFFDF9;
      border-radius: 16px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      gap: 10px;
      box-shadow: 2px 4px 10px rgba(150, 125, 100, 0.08), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
    .search-input {
      border: none;
      background: transparent;
      outline: none;
      font-size: 13px;
      color: #2F261D;
      width: 100%;
      font-weight: 600;
    }
    .search-input::placeholder { color: #A39686; }

    .filter-btn {
      width: 42px;
      height: 42px;
      border-radius: 16px;
      background: #FFFDF9;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #5A4E40;
      cursor: pointer;
      box-shadow: 2px 4px 10px rgba(150, 125, 100, 0.08), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.9);
      flex-shrink: 0;
    }

    /* СКРОЛЛ БЕЗ СЕРОГО ПОЛЗУНКА */
    .phone-view-container {
      flex: 1;
      overflow-y: auto;
      max-height: 520px;
      padding: 2px;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .phone-view-container::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }

    /* ======================================================== */
    /* СПИСОК КЛИЕНТОВ: КАЖДЫЙ В СВОЁМ ЦВЕТЕ (БЕЗ БЕЛОГО!)      */
    /* ======================================================== */
    .client-slips-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .client-item-slip {
      border-radius: 20px;
      padding: 12px 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: none;
      cursor: pointer;
      transition: transform 0.12s ease;
      box-shadow: 3px 5px 12px rgba(35, 30, 20, 0.12), 1px 2px 4px rgba(35, 30, 20, 0.08), inset 0 1.5px 0 rgba(255, 255, 255, 0.9);
    }
    .client-item-slip:hover {
      transform: translateY(-1.5px);
    }

    /* Цвета карточек клиентов */
    .client-item-slip.mint { background: #C8E2D2; color: #1E3F30; }
    .client-item-slip.blue { background: #D3E7F8; color: #16324F; }
    .client-item-slip.apricot { background: #FCE8D5; color: #4D3118; }
    .client-item-slip.lavender { background: #E5D5F5; color: #4A2E66; }

    .client-item-left {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .client-avatar-round {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 800;
      flex-shrink: 0;
      border: none;
    }

    /* Аватарки светлее плашки! */
    .mint .client-avatar-round { background: #E8F6EE; color: #1E3F30; box-shadow: 2px 3.5px 8px rgba(30,55,40,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .blue .client-avatar-round { background: #EDF6FD; color: #16324F; box-shadow: 2px 3.5px 8px rgba(25,50,80,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .apricot .client-avatar-round { background: #FFF5EB; color: #4D3118; box-shadow: 2px 3.5px 8px rgba(70,45,20,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .lavender .client-avatar-round { background: #F4EAFC; color: #4A2E66; box-shadow: 2px 3.5px 8px rgba(70,40,90,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }

    .client-details {
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .client-name-title {
      font-size: 15px;
      font-weight: 800;
      line-height: 1.2;
    }
    .client-project-sub {
      font-size: 11px;
      font-weight: 700;
      opacity: 0.8;
      margin-top: 2px;
    }
    .client-phone-sub {
      font-size: 10px;
      opacity: 0.7;
      font-weight: 600;
      margin-top: 1px;
    }

    .client-item-right {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }

    /* Статусные бейджи — светлые, нежные пастельные 3D-плашечки */
    .client-status-badge {
      border-radius: 12px;
      padding: 5px 10px;
      font-size: 10px;
      font-weight: 800;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
      border: none;
    }
    .badge-work {
      background: #D4F4E2 !important;
      color: #154D2B !important;
      box-shadow: 1.5px 2.5px 6px rgba(20, 60, 35, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    .badge-discuss {
      background: #DCEEFE !important;
      color: #113F6B !important;
      box-shadow: 1.5px 2.5px 6px rgba(20, 50, 90, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    .badge-waiting {
      background: #FDF1C2 !important;
      color: #5A3A00 !important;
      box-shadow: 1.5px 2.5px 6px rgba(90, 60, 10, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    .badge-done {
      background: #EFE1FA !important;
      color: #4A1D6B !important;
      box-shadow: 1.5px 2.5px 6px rgba(60, 20, 90, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    /* Круглая 3D-кнопочка со стрелочкой (светлее плашки!) */
    .paper-round-chevron {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: transform 0.12s ease;
    }
    .mint .paper-round-chevron { background: #E8F6EE; color: #1E3F30; box-shadow: 2px 3.5px 7px rgba(30,55,40,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .blue .paper-round-chevron { background: #EDF6FD; color: #16324F; box-shadow: 2px 3.5px 7px rgba(25,50,80,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .apricot .paper-round-chevron { background: #FFF5EB; color: #4D3118; box-shadow: 2px 3.5px 7px rgba(70,45,20,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }
    .lavender .paper-round-chevron { background: #F4EAFC; color: #4A2E66; box-shadow: 2px 3.5px 7px rgba(70,40,90,0.16), inset 0 1px 0 rgba(255,255,255,0.95); }

    /* ======================================================== */
    /* АНКЕТА КЛИЕНТА (ПОД ЦВЕТ КЛИЕНТА • МЯТА ДЛЯ АННЫ)       */
    /* ======================================================== */
    .dossier-wrapper-mint {
      background: #C8E2D2;
      border-radius: 26px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      box-shadow: 6px 10px 24px -4px rgba(150, 125, 100, 0.22), inset 0 1.5px 0 rgba(255, 255, 255, 0.85);
      color: #1E3F30;
    }

    /* Шапка анкеты */
    .dossier-profile-card {
      background: #E8F6EE;
      border-radius: 20px;
      padding: 14px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 3px 5px 12px rgba(30, 55, 40, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95);
    }