#desk-filter-pills .filter-pill {
      font-size: 11.5px !important;
      font-weight: 800 !important;
      padding: 5px 12px !important;
      border-radius: 12px !important;
      gap: 5px !important;
      flex: 0 0 auto !important;
      justify-content: flex-start !important;
      width: auto !important;
    }
    .filter-pill.pill-all {
      background: #F5EBE0;
      color: #5A4E40;
    }
    .filter-pill.pill-work {
      background: #C8E2D2;
      color: #1E3F30;
    }
    .filter-pill.pill-waiting {
      background: #FDF1C2 !important;
      color: #5A3A00 !important;
    }
    .filter-pill.pill-discuss {
      background: #DCEEFE !important;
      color: #113F6B !important;
    }
    .filter-pill.pill-done {
      background: #EADBCC;
      color: #6B5B49;
    }
    .filter-pill.active {
      opacity: 1 !important;
      font-weight: 900 !important;
      box-shadow: 2px 3.5px 7px rgba(35, 30, 20, 0.14), -1px -1px 3px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
      transform: scale(1.02);
    }
    .filter-dot {
      width: 5.5px;
      height: 5.5px;
      border-radius: 50%;
      display: inline-block;
      flex-shrink: 0;
    }
    .mob-clients-scroll {
      display: flex;
      flex-direction: column;
      gap: 11px;
      overflow-y: auto;
      padding-bottom: 68px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      flex: 1;
    }
    .mob-clients-scroll::-webkit-scrollbar {
      display: none;
    }
    .client-card-slip {
      border-radius: 20px;
      padding: 13px 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: none !important;
      cursor: pointer;
      transition: transform 0.12s ease, box-shadow 0.12s ease;
      box-shadow: 2.5px 4px 10px rgba(35, 30, 20, 0.12), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95);
      position: relative;
    }
    .client-card-slip:hover {
      transform: translateY(-1px);
    }
    .client-card-slip:active {
      transform: scale(0.985);
    }
    .client-card-slip.selected {
      box-shadow: inset 2px 3px 6px rgba(35, 30, 20, 0.16), 1px 1.5px 3px rgba(255, 255, 255, 0.9);
      transform: scale(0.99);
    }
    .client-card-slip.mint { background: #C8E2D2; color: #1E3F30; }
    .client-card-slip.peach { background: #FCD6CF; color: #58241B; }
    .client-card-slip.lavender { background: #DBCCE9; color: #3F2B56; }
    .client-card-slip.blue { background: #D3E7F8; color: #16324F; }
    .client-card-slip.honey { background: #FDF1CC; color: #5B481D; }
    .client-card-slip.sand, .project-card.sand { background: #FAF2E7; color: #5A4E40; }

    .client-card-left {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
      flex: 1;
    }
    .client-avatar-round {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13.5px;
      font-weight: 900;
      border: none !important;
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.12), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.95);
      flex-shrink: 0;
    }
    .mint .client-avatar-round { background: #E8F6EE; color: #1E3F30; }
    .peach .client-avatar-round { background: #FFF0ED; color: #58241B; }
    .lavender .client-avatar-round { background: #F5EEFB; color: #3F2B56; }
    .blue .client-avatar-round { background: #EDF6FD; color: #16324F; }
    .honey .client-avatar-round { background: #FFFBF0; color: #5B481D; }
    .sand .client-avatar-round { background: #F2E5D5; color: #5A4E40; }

    .client-info-group {
      display: flex;
      flex-direction: column;
      min-width: 0;
      gap: 1px;
    }
    .client-name {
      font-size: 14.5px;
      font-weight: 900;
      line-height: 1.25;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .client-project {
      font-size: 11.5px;
      font-weight: 700;
      opacity: 0.85;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .client-phone-sub {
      font-size: 11px;
      font-weight: 700;
      opacity: 0.75;
      letter-spacing: -0.1px;
      white-space: nowrap;
    }
    .client-card-right {
      display: flex;
      align-items: center;
      gap: 7px;
      flex-shrink: 0;
    }
    .status-badge {
      border-radius: 12px;
      padding: 4px 9px;
      font-size: 10.5px;
      font-weight: 900;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      white-space: nowrap;
      border: none !important;
      box-shadow: 1.5px 2px 5px rgba(35, 30, 20, 0.1), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
    }
    .status-badge.work {
      background: #C8E2D2 !important;
      color: #1E3F30 !important;
    }
    .status-badge.work .status-dot {
      background: #2D9C5E;
    }
    .status-badge.waiting {
      background: #FDF1C2 !important;
      color: #5A3A00 !important;
    }
    .status-badge.waiting .status-dot {
      background: #D4A72C;
    }
    .status-badge.discuss {
      background: #DCEEFE !important;
      color: #113F6B !important;
    }
    .status-badge.discuss .status-dot {
      background: #2B82D9;
    }
    .status-badge.done {
      background: #EADBCC !important;
      color: #6B5B49 !important;
    }
    .status-badge.done .status-dot {
      background: #9B8A78;
    }
    .status-dot {
      width: 6.5px;
      height: 6.5px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .card-chevron-btn {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      border: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 1.5px 2px 5px rgba(35, 30, 20, 0.1), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
      cursor: pointer;
    }
    .mint .card-chevron-btn { background: #E8F6EE; color: #1E3F30; }
    .peach .card-chevron-btn { background: #FFF0ED; color: #58241B; }
    .lavender .card-chevron-btn { background: #F5EEFB; color: #3F2B56; }
    .blue .card-chevron-btn { background: #EDF6FD; color: #16324F; }
    .honey .card-chevron-btn { background: #FFFBF0; color: #5B481D; }
    .sand .card-chevron-btn { background: #F2E5D5; color: #5A4E40; }

    .dossier-wrapper {
      border-radius: 26px;
      padding: 18px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      box-shadow: 2.5px 4px 10px rgba(35, 30, 20, 0.12), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95);
      border: none !important;
      transition: background 0.15s ease;
    }
    .dossier-wrapper.mint { background: #C8E2D2; color: #1E3F30; }
    .dossier-wrapper.peach { background: #FCD6CF; color: #58241B; }
    .dossier-wrapper.lavender { background: #DBCCE9; color: #3F2B56; }
    .dossier-wrapper.blue { background: #D3E7F8; color: #16324F; }
    .dossier-wrapper.honey { background: #FDF1CC; color: #5B481D; }
    .dossier-wrapper.sand { background: #FAF2E7; color: #5A4E40; }

    .dossier-profile-card {
      border-radius: 20px;
      padding: 14px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 2.5px 4px 10px rgba(35, 30, 20, 0.12), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95);
      border: none !important;
    }
    .mint .dossier-profile-card { background: #E8F6EE; color: #1E3F30; }
    .peach .dossier-profile-card { background: #FFF0ED; color: #58241B; }
    .lavender .dossier-profile-card { background: #F5EEFB; color: #3F2B56; }
    .blue .dossier-profile-card { background: #EDF6FD; color: #16324F; }
    .honey .dossier-profile-card { background: #FFFBF0; color: #5B481D; }
    .sand .dossier-profile-card { background: #F2E5D5; color: #5A4E40; }

    .dossier-profile-left {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .dossier-avatar-large {
      width: 48px;
      height: 48px;
      min-width: 48px;
      min-height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 900;
      border: none !important;
      box-shadow: 2px 3.5px 7px rgba(35, 30, 20, 0.12), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.95);
      flex-shrink: 0;
    }
    .mint .dossier-avatar-large { background: #F4FAF6; color: #1E3F30; }
    .peach .dossier-avatar-large { background: #FFF7F5; color: #58241B; }
    .lavender .dossier-avatar-large { background: #FAF5FD; color: #3F2B56; }
    .blue .dossier-avatar-large { background: #F4F9FE; color: #16324F; }
    .honey .dossier-avatar-large { background: #FFFDF8; color: #5B481D; }
    .sand .dossier-avatar-large { background: #FAF2E7; color: #5A4E40; }

    .dossier-profile-info {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .dossier-name {
      font-size: 18px;
      font-weight: 900;
      line-height: 1.25;
    }
    .dossier-project-sub {
      font-size: 12.5px;
      font-weight: 700;
      opacity: 0.85;
    }
    .dossier-header-actions {
      display: flex;
      align-items: center;
      gap: 7px;
      flex-shrink: 0;
    }