.ap-card-head {
      padding: 1.1rem 1.25rem;
      border-bottom: 1px solid var(--ap-border);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: .5rem;
      flex-wrap: wrap;
    }

    .ap-card-head p {
      font-size: .76rem;
      color: var(--ap-secondary);
      margin: .1rem 0 0;
    }

    .btn-sm-toggle {
      padding: .32rem .7rem;
      font-size: .76rem;
    }

    .ap-live-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--ap-success);
      display: inline-block;
      margin-right: .35rem;
      animation: apBlink 1.4s infinite;
    }

    .ap-live-dot.paused {
      background: var(--ap-secondary);
      animation: none;
    }

    @keyframes apBlink {
      0%, 100% { opacity: 1; }
      50% { opacity: .3; }
    }

    /* ============ Utility classes (extracted from inline styles) ============ */

    /* Font sizes */
    .ap-fs-13 {
      font-size: 1.3rem;
    }

    .ap-fs-06 {
      font-size: .6rem;
    }

    .ap-fs-085 {
      font-size: .85rem;
    }

    /* Text colors */
    .ap-color-strong {
      color: var(--ap-text-strong);
    }

    .ap-color-secondary {
      color: var(--ap-secondary);
    }

    /* Transparent button (user dropdown) */
    .ap-btn-transparent {
      background: transparent;
    }

    /* Small dropdown menu */
    .ap-menu-sm {
      font-size: .85rem;
    }

    /* Footer */
    .ap-footer {
      color: var(--ap-secondary);
    }