.dossier-icon-btn {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      border: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.1), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
      transition: transform 0.1s ease;
    }
    .dossier-icon-btn:hover {
      transform: translateY(-1px);
    }
    .dossier-icon-btn:active {
      transform: scale(0.94);
    }
    .mint .dossier-icon-btn { background: #F4FAF6; color: #1E3F30; }
    .peach .dossier-icon-btn { background: #FFF7F5; color: #58241B; }
    .lavender .dossier-icon-btn { background: #FAF5FD; color: #3F2B56; }
    .blue .dossier-icon-btn { background: #F4F9FE; color: #16324F; }
    .honey .dossier-icon-btn { background: #FFFDF8; color: #5B481D; }
    .sand .dossier-icon-btn { background: #FAF2E7; color: #5A4E40; }

    .dossier-paper-slip {
      background: #F0F8F3 !important;
      color: #1E3F30 !important;
      border-radius: 20px !important;
      padding: 16px 18px !important;
      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) !important;
      border: none !important;
      display: flex;
      flex-direction: column;
      gap: 12px;
      transition: all 0.15s ease;
    }
    .peach .dossier-paper-slip {
      background: #FFF3F0 !important;
      color: #4D201A !important;
      box-shadow: 3px 5.5px 14px rgba(70, 25, 20, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .lavender .dossier-paper-slip {
      background: #FAF5FD !important;
      color: #3F2B56 !important;
      box-shadow: 3px 5.5px 14px rgba(60, 40, 80, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .blue .dossier-paper-slip {
      background: #F0F7FD !important;
      color: #16324F !important;
      box-shadow: 3px 5.5px 14px rgba(20, 50, 80, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .honey .dossier-paper-slip {
      background: #FFFDF5 !important;
      color: #5B481D !important;
      box-shadow: 3px 5.5px 14px rgba(70, 55, 20, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .sand .dossier-paper-slip {
      background: #FDFCFA !important;
      color: #5A4E40 !important;
      box-shadow: 3px 5.5px 14px rgba(50, 40, 30, 0.14), inset 0 1.5px 0 rgba(255, 255, 255, 0.95) !important;
    }
    .slip-title-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.1px;
    }
    .slip-title-left {
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .slip-icon-badge {
      width: 36px;
      height: 36px;
      min-width: 36px;
      min-height: 36px;
      border-radius: 50%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      box-shadow: 2.5px 4px 8px 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;
      flex-shrink: 0;
    }
    .slip-icon-badge.mint { background: #E8F6EE !important; color: #1E3F30 !important; }
    .slip-icon-badge.yellow, .slip-icon-badge.honey { background: #FDF1CC !important; color: #5B481D !important; }
    .slip-icon-badge.peach { background: #FFF2EF !important; color: #58241B !important; }
    .slip-icon-badge.blue { background: #EDF6FD !important; color: #16324F !important; }
    .mint .slip-icon-badge:not(.yellow):not(.peach):not(.blue) { background: #E8F6EE; color: #1E3F30; }
    .peach .slip-icon-badge:not(.mint):not(.yellow):not(.blue) { background: #FFF2EF; color: #58241B; }
    .lavender .slip-icon-badge:not(.mint):not(.yellow):not(.peach) { background: #F5EEFB; color: #3F2B56; }
    .blue .slip-icon-badge:not(.mint):not(.yellow):not(.peach) { background: #EDF6FD; color: #16324F; }
    .honey .slip-icon-badge:not(.mint):not(.peach):not(.blue) { background: #FDF1CC; color: #5B481D; }
    .sand .slip-icon-badge:not(.mint):not(.peach):not(.blue) { background: #FAF2E7; color: #5A4E40; }

    .contact-clean-box {
      background: transparent !important;
      padding: 2px 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      border: none !important;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .contact-phone-big {
      font-size: 18px !important;
      font-weight: 900 !important;
      white-space: nowrap !important;
      letter-spacing: -0.2px;
      color: inherit;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: opacity 0.12s ease;
      cursor: pointer;
    }
    .contact-phone-big:hover {
      opacity: 0.85;
      text-decoration: underline;
    }
    .contact-sub-links {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 12px;
      font-weight: 700;
      opacity: 0.85;
      flex-wrap: wrap;
    }
    .contact-sub-item {
      color: inherit;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
    .contact-sub-item:hover {
      text-decoration: underline;
    }
    .contact-dot-sep {
      opacity: 0.4;
      font-size: 10px;
    }
    .link-circle-badge {
      width: 38px;
      height: 38px;
      min-width: 38px;
      min-height: 38px;
      border-radius: 50%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 2px 3px 6px rgba(35, 30, 20, 0.1), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.95);
      border: none !important;
      flex-shrink: 0;
    }
    .link-circle-badge.blue { background: #EDF6FD; color: #16324F; }
    .link-circle-badge.yellow { background: #FDF1CC; color: #5B481D; }
    .link-circle-badge.mint { background: #E8F6EE; color: #1E3F30; }
    .link-circle-badge.peach { background: #FFF2EF; color: #58241B; }
    .link-circle-badge.lavender { background: #F5EEFB; color: #3F2B56; }

    .link-title-text {
      font-size: 12.5px;
      font-weight: 800;
      line-height: 1.25;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      display: block;
    }
    .link-url-text {
      font-size: 10.5px;
      font-weight: 700;
      opacity: 0.65;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      display: block;
    }
    .btn-add-link-creamy {
      width: 100%;
      background: #FDF1CC !important;
      color: #5B481D !important;
      border: none !important;
      border-radius: 14px !important;
      padding: 9px 14px;
      font-size: 12.5px;
      font-weight: 800;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      box-shadow: 2px 3.5px 7px rgba(180, 150, 90, 0.18), -1px -1px 3px rgba(255, 255, 255, 0.95), inset 1px 1px 0 rgba(255, 255, 255, 0.95);
      transition: all 0.12s ease;
      margin-top: 4px;
    }
    .btn-add-link-creamy:hover {
      filter: brightness(0.97);
      transform: translateY(-0.5px);
    }
    .btn-add-link-creamy:active {
      transform: translateY(1px);
    }
    .tooltip-anchor {
      position: relative;
    }
    .shadcn-tooltip {
      position: absolute;
      bottom: calc(100% + 7px);
      left: 50%;
      transform: translateX(-50%) translateY(3px);
      background: #FAF2E7;
      color: #383025;
      padding: 5px 11px;
      border-radius: 10px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.1px;
      white-space: nowrap;
      pointer-events: none;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.15s ease, transform 0.15s ease;
      box-shadow: 2.5px 6px 18px rgba(70, 50, 30, 0.22), -1px -1px 3px rgba(255, 255, 255, 0.95), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.95);
      z-index: 100;
      border: none !important;
    }
    .shadcn-tooltip::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-width: 5px;
      border-style: solid;
      border-color: #FAF2E7 transparent transparent transparent;
    }
    .tooltip-anchor:hover .shadcn-tooltip {
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(0);
    }
    .btn-copy-pass-pill {
      background: rgba(255, 255, 255, 0.5);
      color: #5B481D;
      border: none !important;
      border-radius: 10px;
      padding: 4px 10px;
      font-size: 11px;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 1.5px 2px 4px rgba(35, 30, 20, 0.08), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
      transition: transform 0.1s ease;
    }
    .btn-copy-pass-pill:active {
      transform: translateY(1px);
    }
    .btn-add-pass-pill {
      background: #FDF1CC;
      color: #5B481D;
      border: none !important;
      border-radius: 10px;
      padding: 4px 10px;
      font-size: 13px;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 1.5px 2px 4px rgba(35, 30, 20, 0.08), inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
      transition: transform 0.1s ease;
    }
    .btn-add-pass-pill:active {
      transform: translateY(1px);
    }
    .btn-passwords-site {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 12px;
      background: #FDF1CC;
      color: #5B481D;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 800;
      text-decoration: none;
      border: none !important;
      box-shadow: 1.5px 2.5px 5px rgba(120, 95, 70, 0.14);
      transition: transform 0.1s ease;
    }