/* Emglare Meet — doplňky ke stylům Workspace/Trackeru (style.css, work.css, meetings.css): nahrávání v prohlížeči. */
.wk-app { grid-template-columns: 244px minmax(0, 1fr); }

.rec-dot { width: 9px; height: 9px; border-radius: 50%; background: #e0352b; flex-shrink: 0; display: inline-block; animation: recpulse 1.2s ease-in-out infinite; }
.rec-dot.off { background: #b2b6bc; animation: none; }
@keyframes recpulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .rec-dot { animation: none; } }

.tbtn.rec-live { border-color: #f3c7c3; color: #b3261e; background: #fdf1f0; font-variant-numeric: tabular-nums; }
.nav-it.rec-nav { color: #fff; background: rgba(224, 53, 43, .18); }
.nav-it.rec-nav em { color: #ffb4ad; }

.rec-consent { display: flex; align-items: flex-start; gap: 8px; margin: 16px 0 4px; font-size: 13px; font-weight: 500; cursor: pointer; }
.rec-consent input { margin-top: 2px; width: auto; }
.rec-err { color: var(--red); background: var(--red-soft); border-radius: 8px; padding: 8px 10px; font-size: 12.5px; margin: 10px 0 0; }

.rec-live-modal .m-body { text-align: center; padding: 26px 20px 18px; }
.rec-clock { display: inline-flex; align-items: center; gap: 12px; font-size: 44px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; color: var(--ink); }
.rec-clock .rec-dot { width: 14px; height: 14px; }
.rec-meter { height: 6px; border-radius: 99px; background: #eef0f2; overflow: hidden; margin: 18px auto 0; max-width: 360px; }
.rec-meter i { display: block; height: 100%; background: var(--orange); border-radius: 99px; transition: width .15s linear; }
.rec-stat { font-size: 12px; color: var(--gray); margin: 12px 0 0; }
.rec-live-modal .m-foot { justify-content: center; }
.rec-live-modal .m-foot .spinner { width: 20px; height: 20px; }