/* quarantineDiffStyles */
.qd-title {
      font-weight: 900;
      font-size: 12px;
      margin-bottom: 8px;
      color: rgba(17,24,39,.85);
    }
    .qd-wrap {
      border: 1px solid rgba(17,24,39,.10);
      border-radius: 12px;
      padding: 10px;
      background: rgba(17,24,39,.02);
      display: grid;
      gap: 10px;
    }
    .qd-row {
      display: grid;
      grid-template-columns: 180px 1fr 1fr;
      gap: 10px;
      align-items: start;
      font-size: 12px;
    }
    .qd-field {
      font-weight: 900;
      color: rgba(17,24,39,.85);
      word-break: break-word;
    }
    .qd-from, .qd-to {
        word-break: break-word;
        font-weight: 900;
      }

      /* ORIGINAL = GREEN */
      .qd-from {
        color: rgba(34,197,94,.95);
      }

      /* TAMPERED = RED */
      .qd-to {
        color: rgba(239,68,68,.95);
      }

/* ledgerPopoverStyles */
.ledger-popover {
            position: fixed;
            z-index: 9999;
            width: 420px;
            max-width: calc(100vw - 24px);
            max-height: calc(100vh - 88px);
            overflow-y: auto;
            background: #ffffff;
            color: #111827;
            border: 1px solid rgba(17,24,39,.12);
            border-radius: 14px;
            box-shadow: 0 18px 40px rgba(0,0,0,.18);
            padding: 12px 12px;
          }

          .ledger-popover.hidden { 
          display: none; 
          }

          .lp-title {
            font-weight: 900;
            font-size: 14px;
            margin-bottom: 10px;
          }
          .lp-grid { 
          display: grid; gap: 10px; 
          }

          .lp-section {
            border: 1px solid rgba(17,24,39,.10);
            border-radius: 12px;
            padding: 10px;
            background: rgba(17,24,39,.02);
          }
          .lp-section-title {
            font-weight: 800;
            font-size: 12px;
            margin-bottom: 8px;
            color: rgba(17,24,39,.85);
          }
          .lp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
          .lp-badge {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 800;
            border: 1px solid rgba(17,24,39,.12);
            margin-right: 8px;
            background: rgba(17,24,39,.04);
          }
          .lp-name { font-weight: 800; font-size: 12px; }
          .lp-muted {
            font-size: 11px;
            color: rgba(17,24,39,.65);
            margin-top: 3px;
            }
      
            .lp-diff {
              margin-top: 6px;
              display: grid;
              gap: 6px;
            }

            .lp-diff-line {
              font-size: 11px;
              line-height: 1.35;
              color: rgba(17,24,39,.82);
            }

            .lp-diff-field {
              font-weight: 900;
            }

            .lp-diff-old {
              color: rgba(34,197,94,.85);
              font-weight: 800;
            }

            .lp-diff-new {
              color: rgba(239,68,68,.85); 
              font-weight: 800;
            }

            .lp-diff-arrow {
              margin: 0 6px;
              color: rgba(17,24,39,.45);
              font-weight: 900;
            }

/* buttonLoadingStyles */
.btn-spinner {
      width: 14px;
      height: 14px;
      border: 2px solid currentColor;
      border-top-color: transparent;
      border-radius: 999px;
      display: inline-block;
      margin-right: 6px;
      vertical-align: -2px;
      animation: vsSpin .75s linear infinite;
    }

    @keyframes vsSpin {
      to {
        transform: rotate(360deg);
      }
    }

    .btn:disabled {
      opacity: 0.75;
      cursor: wait;
    }