/* ========================================================
       СТЕЙДЖ 3: КАРТОЧКИ И ЭЛЕМЕНТЫ ЭКРАНА «ДОХОДЫ ♡»
       ======================================================== */
    .project-card {
      border-radius: 24px;
      padding: 16px;
      border: none;
      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);
      transition: transform 0.12s ease;
      position: relative;
    }
    .project-card:hover {
      transform: translateY(-1.5px);
    }

    .project-card.mint {
      background: #C8E2D2;
      color: #1E3F30;
    }
    .project-card.peach {
      background: #FCD6CF;
      color: #58241B;
    }
    .project-card.lavender {
      background: #DBCCE9;
      color: #3F2B56;
    }
    .project-card.blue {
      background: #D3E7F8;
      color: #16324F;
    }
    .project-card.cream {
      background: #FDF1CC;
      color: #5B481D;
    }

    .project-card-header {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
    }
    .project-title-group {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }
    .project-client-name {
      font-size: 15px;
      font-weight: 900;
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .project-service-name {
      font-size: 11.5px;
      font-weight: 700;
      opacity: 0.85;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .project-header-right {
      display: flex;
      align-items: center;
      gap: 6px;
      flex-shrink: 0;
    }

    .project-total-pill {
      background: #C8E2D2 !important;
      color: #1E3F30 !important;
      border-radius: 14px;
      padding: 6px 11px;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      border: none;
      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);
      cursor: pointer;
      transition: transform 0.1s ease;
      outline: none !important;
    }
    .project-total-pill:active {
      transform: scale(0.96);
    }
    .project-total-val {
      font-size: 13px;
      font-weight: 800;
      color: #1E3F30 !important;
      letter-spacing: -0.2px;
    }

    .edit-pencil-btn {
      width: 22px;
      height: 22px;
      min-width: 22px;
      min-height: 22px;
      max-width: 22px;
      max-height: 22px;
      border-radius: 50% !important;
      aspect-ratio: 1 / 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: none;
      font-size: 11px;
      cursor: pointer;
      box-shadow: 1.5px 2px 4px rgba(35, 30, 20, 0.12), -1px -1px 2px rgba(255, 255, 255, 0.95), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.95);
      transition: transform 0.1s ease, background 0.1s ease;
      flex-shrink: 0;
      outline: none !important;
    }
    .edit-pencil-btn:hover {
      transform: scale(1.08);
    }
    .edit-pencil-btn:active {
      transform: scale(0.92);
    }

    /* Иконка корзины: ВАРИАНТ № 1 (Классическая изящная корзинка, СТРОГО КРУГЛАЯ 34x34) */
    .btn-archive-project {
      width: 34px;
      height: 34px;
      min-width: 34px;
      min-height: 34px;
      max-width: 34px;
      max-height: 34px;
      border-radius: 50% !important;
      aspect-ratio: 1 / 1;
      background: #FAF2E7;
      color: inherit;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      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);
      transition: transform 0.1s ease, opacity 0.1s ease;
      flex-shrink: 0;
      opacity: 0.9;
      outline: none !important;
    }
    .btn-archive-project:hover {
      opacity: 1;
      transform: scale(1.05);
    }
    .btn-archive-project:active {
      transform: scale(0.92);
    }

    .payments-section {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .payments-section-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 2px;
    }
    .payments-section-title {
      font-size: 11.5px;
      font-weight: 800;
      letter-spacing: 0.2px;
      opacity: 0.9;
    }

    .payments-list {
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

    .payment-slip {
      background: #FAF2E7;
      border-radius: 16px;
      padding: 8px 10px 8px 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: none;
      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);
      cursor: pointer;
      transition: transform 0.12s ease;
      min-height: 52px;
      outline: none !important;
    }
    .payment-slip:hover {
      transform: translateY(-1px);
    }
    .payment-slip:active {
      transform: scale(0.985);
    }

    .slip-data-col {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }