.golden-field-label, .field-label {
      font-size: 11px;
      font-weight: 900;
      color: #6D3E14;
      text-transform: uppercase;
      letter-spacing: 0.4px;
    }
    .golden-field-input, .golden-field-select, .field-input, .field-textarea {
      width: 100% !important;
      max-width: 100% !important;
      min-height: 42px;
      border-radius: 14px;
      background: #FAF2E7 !important;
      border: none !important;
      padding: 10px 14px;
      font-size: 13.5px;
      font-weight: 700;
      color: #2F261D;
      box-shadow: inset 1px 1.5px 3px rgba(35, 30, 20, 0.08), inset -1px -1px 2px rgba(255, 255, 255, 0.95);
      outline: none !important;
      box-sizing: border-box !important;
      min-width: 0 !important;
      font-family: inherit;
    }
    input[type="date"].golden-field-input, .inc-pay-date {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      display: block !important;
      min-width: 0 !important;
      -webkit-appearance: none;
      appearance: none;
    }
    .field-input::placeholder, .field-textarea::placeholder, .golden-field-input::placeholder {
      color: #A39686;
      font-weight: 600;
    }
    .field-textarea {
      resize: vertical;
      min-height: 64px;
    }
    .golden-field-hint, .field-hint {
      font-size: 11px;
      color: #8C784C;
      font-weight: 600;
      margin-top: 2px;
      line-height: 1.35;
    }
    .golden-palette-row, .palette-row {
      display: flex;
      align-items: center;
      gap: 10px;
      padding-top: 4px;
    }
    .palette-circle {
      width: 26px;
      height: 26px;
      border-radius: 50% !important;
      aspect-ratio: 1 / 1;
      cursor: pointer;
      box-shadow: 1.5px 2px 4px rgba(35, 30, 20, 0.2);
      border: none;
      transition: transform 0.1s ease;
      outline: none !important;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .palette-circle:hover {
      transform: scale(1.1);
    }
    .palette-circle.selected {
      transform: scale(1.2);
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.25);
    }
    .golden-actions-row {
      display: flex;
      gap: 10px;
      width: 100%;
    }
    .btn-action-modal {
      flex: 1;
      min-height: 44px;
      border-radius: 12px;
      border: none;
      font-size: 13px;
      font-weight: 900;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 0 8px;
      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;
      white-space: nowrap;
      outline: none !important;
    }
    .btn-action-modal:active {
      transform: translateY(1.5px);
    }
    .btn-action-modal.cancel {
      background: #FDF1CC;
      color: #5B481D;
    }
    .btn-action-modal.save {
      background: #C8E2D2;
      color: #1E3F30;
    }
    .btn-action-modal.delete {
      background: #FCD6CF !important;
      color: #6D1B1B !important;
    }
    .golden-modal-title-icon {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #FCD6CF;
      color: #6D1B1B;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 1px 1.5px 3px rgba(35, 30, 20, 0.1);
      flex-shrink: 0;
    }
    .delete-confirm-text {
      font-size: 14px;
      font-weight: 800;
      color: #4D3118;
      line-height: 1.45;
    }
    .delete-confirm-highlight {
      color: #6D1B1B;
      background: rgba(252, 214, 207, 0.5);
      padding: 1px 6px;
      border-radius: 6px;
      white-space: nowrap;
    }
    .delete-confirm-subtext {
      font-size: 11.5px;
      font-weight: 600;
      color: #726453;
      line-height: 1.4;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* ========================================================
       СТЕЙДЖ 4: СТИЛИ ЭКРАНА «КЛИЕНТЫ ♡»
       ======================================================== */
    .mob-view-switcher {
      display: flex;
      background: #EADBCC;
      border-radius: 14px;
      padding: 3px;
      gap: 4px;
      margin-bottom: 12px;
      flex-shrink: 0;
      border: none !important;
    }
    .mob-switch-btn {
      flex: 1;
      padding: 7px 10px;
      border-radius: 11px;
      border: none !important;
      font-size: 11.5px;
      font-weight: 800;
      color: #5A4E40;
      background: transparent;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      transition: all 0.12s ease;
    }
    .mob-switch-btn.active {
      background: #FAF2E7;
      color: #2F261D;
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.1), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
    }
    .heart-icon {
      color: #E3743B;
      font-size: 19px;
    }
    .mob-count-badge {
      font-size: 11px;
      font-weight: 800;
      color: #1E3F30;
      background: #C8E2D2;
      padding: 4px 10px;
      border-radius: 12px;
      box-shadow: 2.5px 4px 8px rgba(35, 30, 20, 0.14), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95) !important;
      border: none !important;
    }
    .mob-avatar {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #FDF1CC;
      color: #5B481D;
      font-size: 14px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.12), -1px -1px 3px rgba(255, 255, 255, 0.95);
      border: none !important;
      cursor: pointer;
    }
    .mob-add-client-btn {
      width: 100%;
      min-height: 46px;
      border-radius: 16px;
      background: #FDF1CC;
      color: #5B481D;
      border: none !important;
      font-size: 13.5px;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      margin-bottom: 12px;
      box-shadow: 2px 3.5px 8px rgba(180, 150, 90, 0.2), -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;
      flex-shrink: 0;
    }
    .mob-add-client-btn:active {
      transform: translateY(1.5px);
    }
    .filter-pills-row {
      display: flex;
      scrollbar-width: none;
      -ms-overflow-style: none;
      flex-shrink: 0;
      flex-wrap: nowrap !important;
      align-items: center;
      margin-bottom: 16px !important;
    }
    .filter-pills-row::-webkit-scrollbar {
      display: none;
    }
    .filter-pill {
      border: none !important;
      outline: none !important;
      white-space: nowrap;
      cursor: pointer;
      transition: all 0.14s ease;
      display: inline-flex;
      align-items: center;
      opacity: 1 !important;
      box-shadow: 2.5px 4.5px 8px rgba(120, 95, 70, 0.16), -1.5px -1.5px 4px rgba(255, 255, 255, 0.95), inset 0.5px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .filter-pill:hover {
      transform: translateY(-1px);
      box-shadow: 3px 5.5px 10px rgba(120, 95, 70, 0.22), -2px -2px 5px rgba(255, 255, 255, 0.95), inset 0.5px 1px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .filter-pill:active, .filter-pill.active {
      box-shadow: inset 1px 1.5px 3px rgba(35, 30, 20, 0.15), 1px 2px 4px rgba(35, 30, 20, 0.08) !important;
      transform: translateY(0.5px);
    }
    #mob-filter-pills, #mob-client-filter-pills {
      display: flex !important;
      gap: 3px !important;
      width: 100% !important;
      justify-content: space-between !important;
      padding: 2px 0 6px 0 !important;
      margin-bottom: 16px !important;
      box-sizing: border-box !important;
      margin-bottom: 16px !important;
    }
    #mob-filter-pills .filter-pill {
      font-size: 10px !important;
      font-weight: 800 !important;
      padding: 4px 6px !important;
      border-radius: 11px !important;
      gap: 3px !important;
      letter-spacing: -0.15px !important;
      flex: 1 1 auto !important;
      justify-content: center !important;
    }
    #desk-filter-pills {
      display: flex !important;
      gap: 8px !important;
      width: fit-content !important;
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
      padding: 2px 0 6px 0 !important;
      margin-bottom: 16px !important;
    }