/* App shell */
    *
    {
       radius: 0px;
    }
    body {
      background: radial-gradient(1200px 600px at 50% -200px, rgba(13,110,253,.18), transparent 60%),
                  linear-gradient(180deg, #f6f7fb 0%, #eef1f7 100%);
                  radius: 0px;
    }

    /* A lightweight "app" card feel */
    .app-shell {
      max-width: 720px;
    }

    .appbar {
      border: 0;
      border-radius: 0rem;
      box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
      backdrop-filter: blur(8px);
    }

    .brand-mark {
      width: 44px;
      height: 44px;
      border-radius: 0px;
      display: grid;
      place-items: center;
      background: rgba(13,110,253,.12);
      color: #0d6efd;
      flex: 0 0 auto;
    }

    .brand-title {
      letter-spacing: .2px;
    }

    .brand-subtitle {
      line-height: 1.2;
    }

    /* Make the header feel sticky without being annoying */
    .sticky-appbar {
      position: sticky;
      top: 0;
      z-index: 1030;
    }

    /* Debug panel icon alignment (your request) */
    #debug i {
      color: #aaa;
      width: 1.25em;
      text-align: center;
    }

    /* Optional: tighten tap targets a bit on small screens */
    @media (max-width: 576px) {
      .brand-mark { width: 40px; height: 40px; border-radius: 0px; }
      .appbar { border-radius: 0rem; }
    }

    .status-idle    { background-color: #adb5bd !important; } /* gray */
    .status-armed   { background-color: #ffc107 !important; } /* yellow */
    .status-playing { background-color: #198754 !important; } /* green */
    .status-stopped { background-color: #dc3545 !important; } /* red */

    @keyframes pulse {
      0%   { transform: scale(1);   opacity: 1; }
      50%  { transform: scale(1.3); opacity: .6; }
      100% { transform: scale(1);   opacity: 1; }
    }

    .status-armed {
      animation: pulse 1.2s ease-in-out infinite;
    }

    .btn{
      radius:0px;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }

#debug {
  border-radius: 0rem;
  padding: 1rem 1.25rem;
  background: #111;
  color: #eee;
  font-size: 0.9rem;
}

#debug div {
  margin-bottom: 0.25rem;
}

#debug div:last-child {
  margin-bottom: 0;
}

.ok { color: #4cff4c; }
.warn { color: #ffcc00; }
.bad { color: #ff6666; }

    .ok { color: #4cff4c; }
    .warn { color: #ffcc00; }
    .bad { color: #ff6666; }