/* All colors come from the shared layout theme. */
.activity-bell { position:relative; flex-shrink:0; display:inline-flex; align-items:center; }
#activityCount { position:absolute; right:0; top:0; font-size:11px; padding:2px 5px; border-radius:20px; background:var(--app-red); color:var(--color-white); }
#activityPanel { position:absolute; right:0; top:52px; width:min(390px,calc(100vw - 24px)); max-height:70vh; overflow:auto; padding:18px; border:1px solid var(--app-line); border-radius:14px; background:var(--app-card); color:var(--app-text); }
#activityPanel h2 { font-size:20px; }
#activityHealth { font-size:12px; color:var(--app-muted); }
#activityItems a { display:block; padding:14px 10px; border-bottom:1px solid var(--app-line); color:var(--app-text); text-decoration:none; font-size:14px; }
#activityItems a.unread { background:var(--color-e7f1f9); }
.live-devices { width:min(calc(100% - 2rem),1280px); max-width:1280px; margin:20px auto 16px; padding:14px 16px; border:1px solid var(--app-line); border-radius:14px; background:var(--app-card); color:var(--app-text); }
.live-devices h2 { margin:0 0 3px; font-size:20px; }
#liveDevicesHealth { margin:0 0 10px; color:var(--app-muted); font-size:14px; }
#liveDevicesList { display:flex; flex-wrap:wrap; gap:12px; }
.live-device { padding:9px 12px; border:1px solid var(--app-line); border-radius:10px; text-decoration:none; color:var(--app-muted); overflow-wrap:anywhere; font-size:15px; }
.live-device.online { color:var(--app-green); }
.live-device.offline { color:var(--app-red); }
body main :is(.btnStart,.startButton,.saveButton,.registerButton,.action-on) { background:var(--action-positive) !important; color:var(--action-text) !important; }
body main :is(.btnStop,.stopButton,.stop,.statusButton.disable) { background:var(--action-danger) !important; color:var(--action-text) !important; }
body main :is(.searchButton,.filterForm button,.button.print,.editButton) { background:var(--action-info) !important; color:var(--action-text) !important; }
body main :is(.cancelButton,.resetButton) { background:var(--action-neutral) !important; color:var(--app-text) !important; }
body main .statusButton.enable { background:var(--action-positive) !important; color:var(--action-text) !important; }
body main .recipe-action { background:var(--action-primary) !important; color:var(--action-text) !important; }
body main button.recipe-action { background:var(--action-positive) !important; }
body main .recipe-secondary { background:var(--action-info) !important; color:var(--action-text) !important; }
body main button.recipe-secondary { background:var(--action-neutral) !important; color:var(--app-text) !important; }
body main button.recipe-enable { background:var(--action-positive) !important; color:var(--action-text) !important; }
body button:disabled { opacity:.45; cursor:not-allowed; }
.swal2-popup.swal2-toast { background:var(--app-card) !important; color:var(--app-text) !important; border:1px solid var(--app-line); }
@media(max-width:640px){.live-devices{margin:16px 12px;}#activityPanel{position:fixed;right:12px;top:70px;}}