.dossier-profile-left {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
    }
    .dossier-avatar-big {
      width: 48px;
      height: 48px;
      min-width: 48px;
      min-height: 48px;
      max-width: 48px;
      max-height: 48px;
      flex-shrink: 0;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      background: #F0F8F3;
      color: #1E3F30;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: 800;
      box-shadow: 2.5px 4px 10px rgba(30, 55, 40, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }
    .dossier-name {
      font-size: 17px;
      font-weight: 900;
      color: #1E3F30;
    }
    .dossier-project-info {
      font-size: 12px;
      color: #385E48;
      font-weight: 700;
      margin-top: 2px;
    }

    /* КРУГЛАЯ 3D-КНОПКА С ТРОЕТОЧИЕМ / КАРАНДАШОМ (СВЕТЛЕЕ ПЛАШКИ) */
    .paper-action-btn {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #F0F8F3;
      color: #1E3F30;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 2px 3.5px 8px rgba(30, 55, 40, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.95);
      transition: transform 0.12s ease;
    }
    .paper-action-btn:active {
      transform: translateY(1.5px);
    }

    /* ОТДЕЛЬНЫЕ БУМАЖЕЧКИ АНКЕТЫ (НЕЖНО-МОЛОЧНАЯ МЯТА) */
    .dossier-paper-slip {
      background: #F0F8F3;
      color: #1E3F30;
      border-radius: 18px;
      padding: 12px 14px;
      box-shadow: 3px 5.5px 14px rgba(30, 55, 40, 0.14), 1px 2px 4px rgba(30, 55, 40, 0.08), inset 0 1.5px 0 rgba(255, 255, 255, 0.95);
      border: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .slip-title-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      font-weight: 800;
      padding-bottom: 2px;
    }
    .slip-title-left {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .slip-icon-badge {
      width: 26px;
      height: 26px;
      border-radius: 8px;
      background: #E8F6EE;
      color: #1E3F30;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      box-shadow: 1.5px 2.5px 5px rgba(30, 55, 40, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    /* КНОПКА ПЛЮСИКА В ССЫЛКАХ / ДОСТУПАХ (3D-БУМАЖЕЧКА) */
    .slip-plus-btn {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #E8F6EE;
      color: #1E3F30;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 2px 3.5px 7px rgba(30, 55, 40, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.95);
      transition: transform 0.12s ease;
    }
    .slip-plus-btn:active {
      transform: translateY(1.5px);
    }

    /* СТРОЧКИ ДАННЫХ */
    .dossier-data-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 12px;
      font-weight: 700;
      padding: 4px 0;
      border-bottom: 1px dashed rgba(30, 55, 40, 0.12);
    }
    .dossier-data-item:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }
    .dossier-chevron-btn {
      margin-left: auto;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #E8F6EE;
      color: #1E3F30;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 1.5px 2.5px 5px rgba(30, 55, 40, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .dossier-desc-box {
      font-size: 12px;
      line-height: 1.45;
      font-weight: 600;
      background: #E3F2E8;
      padding: 10px 12px;
      border-radius: 12px;
    }

    /* ТАБ-БАР МОБИЛКИ ВНИЗУ */
    .tabbar-box {
      background: #F5ECE0;
      border-radius: 26px;
      padding: 6px 8px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      /* 3D-Бумага: свет сверху-слева, тень снизу-справа (Закон Ани) */
      box-shadow: 6px 12px 28px -4px rgba(140, 115, 85, 0.26), 2px 4px 8px rgba(140, 115, 85, 0.12), -2.5px -2.5px 8px rgba(255, 255, 255, 0.95), inset 1px 1.5px 0 rgba(255, 255, 255, 0.95) !important;
      border: none !important;
    }
    .tab-btn {
      width: 44px;
      height: 44px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #7A6C5B;
      text-decoration: none;
    }
    .tab-btn.active {
      background: #D3E7F8;
      color: #16324F;
      box-shadow: 2px 3px 6px rgba(80, 120, 160, 0.25);
    }

    /* ======================================================== */
    /* ---------------- ДЕСКТОП (КОМПЬЮТЕР) ------------------- */
    /* ======================================================== */
    .desktop-window {
      background: #F8EFE4;
      border-radius: 28px;
      padding: 24px;
      box-shadow: 14px 22px 48px -6px rgba(160, 135, 110, 0.30), 4px 6px 14px rgba(160, 135, 110, 0.14), -4px -4px 14px rgba(255, 255, 255, 0.9);
      border: none;
      display: grid;
      grid-template-columns: 200px minmax(0, 1fr);
      gap: 20px;
      min-height: 760px;
      width: 100%;
      max-width: 1360px;
      box-sizing: border-box;
      min-width: 0;
    }
    @media (max-width: 1120px) {
      .desktop-window {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
      }
    }
    @media (max-width: 900px) {
      .desktop-window { grid-template-columns: 1fr; }
    }

    /* БОКОВОЕ МЕНЮ */
    .desk-sidebar {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .sidebar-user-chip {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      margin-bottom: 12px;
      background: #F2E5D5;
      border-radius: 16px;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
    .sidebar-avatar {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #FAF2E7;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 800;
      color: #5A4E40;
    }
    .sidebar-user-name {
      font-size: 13px;
      font-weight: 800;
      color: #2F261D;
    }

    .desk-nav-item {
      min-height: 42px;
      border-radius: 14px;
      padding: 0 14px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 13px;
      font-weight: 800;
      color: #5A4E40;
      background: transparent;
      border: none;
      cursor: pointer;
      text-align: left;
      text-decoration: none;
      transition: all 0.12s ease;
    }
    .desk-nav-item:hover {
      background: #EFE4D6;
      color: #2F261D;
    }
    .desk-nav-item.active-blue {
      color: #16324F;
      background: #D3E7F8;
      box-shadow: 4px 6px 14px -2px rgba(80, 120, 160, 0.28), -2px -2px 6px rgba(255, 255, 255, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }
    .nav-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
    }

    /* ОСНОВНОЙ КОНТЕНТ ДЕСКТОПА */
    .desk-main-content {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .desk-top-bar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }
    .desk-page-title {
      font-size: 26px;
      font-weight: 900;
      color: #2F261D;
      letter-spacing: -0.4px;
      display: flex;
      align-items: center;
      gap: 8px;
    }