.btn-passwords-site:active {
      transform: translateY(1px);
    }
    .links-list-container {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .link-item-row {
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100% !important;
      box-sizing: border-box !important;
      overflow: hidden !important;
    }
    .link-item-main {
      min-width: 0 !important;
      flex: 1 !important;
      overflow: hidden !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(255, 255, 255, 0.55) !important;
      padding: 9px 12px;
      border-radius: 13px;
      text-decoration: none;
      color: inherit;
      font-size: 12.5px;
      font-weight: 800;
      box-shadow: 1.5px 2px 5px rgba(35, 30, 20, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
      transition: all 0.12s ease;
      box-sizing: border-box;
      border: none !important;
    }
    .link-item-main:hover {
      background: #EFE4D6 !important;
    }
    .link-edit-pencil-btn {
      width: 32px;
      height: 32px;
      min-width: 32px;
      flex-shrink: 0 !important;
      border-radius: 10px;
      background: #FAF2E7;
      color: #5B481D;
      border: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 12px;
      box-shadow: 1.5px 2px 4px rgba(35, 30, 20, 0.1);
      transition: transform 0.1s ease;
    }
    .link-edit-pencil-btn:active {
      transform: scale(0.92);
    }
    .password-display-box {
      background: rgba(255, 255, 255, 0.55) !important;
      border-radius: 13px !important;
      padding: 10px 14px !important;
      box-shadow: 1.5px 2px 5px rgba(35, 30, 20, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: none !important;
    }
    .password-text {
      letter-spacing: 0.5px;
      font-family: monospace, -apple-system, sans-serif !important;
    }
    .notes-display-box {
      background: transparent !important;
      box-shadow: none !important;
      padding: 2px 0 !important;
      font-size: 12.5px !important;
      line-height: 1.5 !important;
      font-weight: 600 !important;
      color: inherit;
    }
    .mob-dossier-actions {
      display: flex;
      gap: 10px;
      margin-top: 6px;
    }
    .mob-btn-action {
      flex: 1;
      min-height: 44px;
      border-radius: 14px;
      border: none !important;
      font-size: 13px;
      font-weight: 900;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      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;
    }
    .mob-btn-action:active {
      transform: translateY(1.5px);
    }
    .mob-btn-action.edit {
      background: #FDF1CC;
      color: #5B481D;
    }
    .mob-btn-action.archive {
      background: #FCD6CF;
      color: #58241B;
    }
    .mob-back-btn {
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      border-radius: 14px;
      background: #FAF2E7;
      color: #2F261D;
      border: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 2px 3px 7px rgba(35, 30, 20, 0.12), -1px -1px 3px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95);
      transition: transform 0.1s ease;
      flex-shrink: 0;
    }
    .mob-back-btn:active {
      transform: scale(0.94);
    }
    .desk-btn-add {
      min-height: 44px;
      padding: 0 20px;
      border-radius: 14px;
      background: #FDF1CC;
      color: #5B481D;
      border: none !important;
      font-size: 13.5px;
      font-weight: 900;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      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);
      transition: transform 0.12s ease;
    }
    .desk-btn-add:hover {
      transform: translateY(-1px);
    }
    .desk-btn-add:active {
      transform: translateY(1.5px);
    }
    .desk-master-detail-grid {
      display: grid;
      grid-template-columns: 340px 1fr;
      gap: 24px;
      align-items: start;
      margin-top: 2px;
    }
    @media (max-width: 900px) {
      .desk-master-detail-grid {
        grid-template-columns: 1fr;
      }
    }
    .desk-client-list-column {
      display: flex;
      flex-direction: column;
      gap: 11px;
      min-width: 0;
    }
    .desk-dossier-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    @media (max-width: 840px) {
      .desk-dossier-grid {
        grid-template-columns: 1fr;
      }
    }
    .grid-col-span-2 {
      grid-column: 1 / -1;
    }
    .custom-select {
      position: relative;
      width: 100%;
    }
    .custom-select-trigger {
      width: 100%;
      background: #FAF2E7;
      border-radius: 14px;
      padding: 10px 14px;
      border: none !important;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      font-weight: 800;
      color: #2F261D;
      cursor: pointer;
      box-shadow: inset 1px 1px 2px rgba(35, 30, 20, 0.1), 0 1px 0 rgba(255, 255, 255, 0.9);
      transition: all 0.12s ease;
    }
    .custom-select-trigger:active {
      transform: translateY(1px);
    }
    .custom-select-val {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .custom-select-dropdown {
      position: absolute;
      top: calc(100% + 6px);
      left: 0;
      right: 0;
      background: #FAF2E7;
      border-radius: 16px;
      padding: 6px;
      box-shadow: 4px 10px 24px rgba(35, 30, 20, 0.18), -2px -2px 6px rgba(255, 255, 255, 0.95);
      border: none !important;
      z-index: 100;
      display: none;
      flex-direction: column;
      gap: 3px;
    }
    .custom-select.open .custom-select-dropdown {
      display: flex;
    }
    .custom-select-option {
      padding: 9px 12px;
      border-radius: 10px;
      font-size: 12.5px;
      font-weight: 800;
      color: #2F261D;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      transition: background 0.1s ease;
    }
    .custom-select-option:hover {
      background: #FCE8D5;
    }
    .modal-overlay,
    .mytables-modal-backdrop,
    #mytables-income-overlay {
      position: fixed !important;
      inset: 0 !important;
      background: rgba(45, 35, 25, 0.45) !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
      display: none !important;
      align-items: center !important;
      justify-content: center !important;
      z-index: 10000 !important;
      padding: 16px !important;
      pointer-events: none !important;
    }
    .modal-overlay.active,
    .mytables-modal-backdrop.active,
    #mytables-income-overlay.active {
      display: flex !important;
      pointer-events: auto !important;
    }

    /* Интерактивные стили для iPad и телефонов (Защита от залипаний и прозрачных кликов) */
    button,
    a,
    input,
    select,
    textarea,
    .status-pill,
    .cat-add-btn,
    .desk-add-btn,
    .add-payment-pill-btn,
    .btn-slip-plus,
    .btn-add-payment,
    .edit-pencil-btn,
    .btn-archive-project,
    .project-total-pill,
    .expense-paper-slip,
    .payment-slip,
    .filter-pill,
    .mob-tab-btn,
    .desk-nav-btn,
    .cal-nav-btn,
    .sidebar-avatar,
    .client-bento-card,
    .client-card-slip,
    .mob-client-card {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }