
/* TAKALO LIVE — PUBLIC CLOUDFLARE GENERALIZATION R1 */
.takalo-live-header-button{position:relative}
.takalo-live-header-button::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#e23d4f;box-shadow:0 0 0 .22rem rgba(226,61,79,.15)}
.takalo-live-section{padding:2rem 0 2.4rem;background:linear-gradient(180deg,rgba(11,122,83,.055),transparent)}
.takalo-live-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.takalo-live-heading h2{margin:.1rem 0;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(1.65rem,4vw,2.55rem);letter-spacing:-.04em}
.takalo-live-heading p{margin:.35rem 0 0;color:var(--muted,#5d6c66)}
.takalo-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.takalo-live-card{overflow:hidden;border:1px solid rgba(10,72,50,.12);border-radius:1.2rem;background:#fff;box-shadow:0 .7rem 2rem rgba(15,40,31,.07)}
.takalo-live-card-media{min-height:9rem;display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.18),transparent 25%),linear-gradient(135deg,#0b7a53,#113d34);color:#fff}
.takalo-live-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .65rem;border-radius:999px;background:#d52c42;font-weight:800;font-size:.75rem;letter-spacing:.04em}
.takalo-live-wave{align-self:center;font-size:2rem;letter-spacing:.08rem;opacity:.55}
.takalo-live-card-copy{padding:1rem}.takalo-live-card-copy small{color:#687a72}.takalo-live-card-copy h3{margin:.35rem 0;font-size:1.05rem}.takalo-live-card-copy p{margin:.35rem 0 1rem;color:#53645d;min-height:2.6em}
.takalo-live-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.takalo-live-card-footer button{border:0;border-radius:.8rem;padding:.7rem 1rem;background:#0b7a53;color:#fff;font-weight:800}.takalo-live-card-footer button:disabled{opacity:.55}
.takalo-live-empty{grid-column:1/-1;padding:2rem;text-align:center;border:1px dashed rgba(10,72,50,.25);border-radius:1rem;background:rgba(255,255,255,.72)}.takalo-live-empty strong,.takalo-live-empty span{display:block}.takalo-live-empty span{margin-top:.35rem;color:#6a7973}
.takalo-live-viewer-dialog{width:min(1080px,calc(100vw - 1rem));max-width:1080px;border:0;border-radius:1.2rem;padding:0;background:#0b1210;color:#f3f8f6;box-shadow:0 2rem 5rem rgba(0,0,0,.38)}
.takalo-live-viewer-dialog::backdrop{background:rgba(5,14,11,.72);backdrop-filter:blur(3px)}
.takalo-live-viewer-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);min-height:min(82vh,760px)}
.takalo-live-stage{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.takalo-live-stage video{width:100%;aspect-ratio:16/9;background:#000;border-radius:1rem;object-fit:contain}
.takalo-live-viewer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.takalo-live-viewer-head h2{margin:.15rem 0;font-size:clamp(1.25rem,3vw,2rem)}.takalo-live-viewer-head p{margin:.3rem 0;color:#abc1b8}
.takalo-live-close{border:0;border-radius:50%;width:2.5rem;height:2.5rem;background:#23312c;color:#fff;font-size:1.3rem}
.takalo-live-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.takalo-live-controls button{border:0;border-radius:.8rem;padding:.75rem 1rem;background:#0b7a53;color:#fff;font-weight:800}.takalo-live-controls button.secondary{background:#354641}.takalo-live-controls button:disabled{opacity:.55}
.takalo-live-status{padding:.65rem .8rem;border-radius:.75rem;background:#17231f;color:#dceae4}.takalo-live-status.ok{background:#123b2b;color:#9cf0be}.takalo-live-status.warn{background:#473c1f;color:#ffe095}.takalo-live-status.bad{background:#4a2026;color:#ffb5bc}
.takalo-live-pinned{display:grid;gap:.15rem;padding:.75rem;border-radius:.8rem;background:#15251f}.takalo-live-pinned span,.takalo-live-pinned small{color:#b7ccc4}
.takalo-live-side{border-left:1px solid #263a33;padding:1rem;display:flex;min-height:0;flex-direction:column;gap:.8rem}
.takalo-live-reactions{display:flex;gap:.5rem}.takalo-live-reactions button{border:1px solid #31473f;border-radius:999px;padding:.55rem .7rem;background:#15231e;color:#fff}.takalo-live-reactions button.active{background:#0b7a53;border-color:#0b7a53}
.takalo-live-comments{flex:1;min-height:12rem;max-height:50vh;overflow:auto;padding:.35rem;border-radius:.8rem;background:#07100d}.takalo-live-comment{display:grid;gap:.15rem;padding:.65rem;border-bottom:1px solid #1c3028}.takalo-live-comment span{overflow-wrap:anywhere}.takalo-live-comment small{color:#80988f}.takalo-live-empty-small{color:#839890;padding:.8rem}
.takalo-live-comment-form{display:flex;gap:.5rem}.takalo-live-comment-form input{min-width:0;flex:1;border:1px solid #30483f;border-radius:.8rem;padding:.75rem;background:#101d18;color:#fff}.takalo-live-comment-form button{border:0;border-radius:.8rem;padding:.7rem .9rem;background:#0b7a53;color:#fff;font-weight:800}
@media (max-width:760px){.takalo-live-heading{align-items:flex-start;flex-direction:column}.takalo-live-viewer-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}.takalo-live-viewer-shell{display:flex;flex-direction:column;min-height:100dvh}.takalo-live-stage{padding:.7rem}.takalo-live-side{border-left:0;border-top:1px solid #263a33;flex:1}.takalo-live-comments{max-height:28vh}.takalo-live-card-media{min-height:7rem}}
