.live-collaboration{display:flex;align-items:center;gap:13px;padding:17px 18px;background:linear-gradient(135deg,#edf3e6,#f8f6e9);border:1px solid #d8e2cd;border-radius:16px;margin:0 0 22px;color:#244b35}.collaboration-mark{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #ccdcbc;background:#e2edd8;color:#23613b;border-radius:12px}.live-collaboration>div:nth-child(2){flex:1;min-width:0}.live-collaboration strong{display:block;font-size:16px;line-height:1.4}.live-collaboration span{display:block;color:#53664f;font-size:14px;line-height:1.5;margin-top:3px}.collaboration-actions{display:flex;flex-wrap:wrap;gap:7px}.collaboration-actions .btn{min-height:44px;font-size:14px;padding:8px 11px}.sync-queued,.sync-review{background:#fff5dc;border-color:#e3d2a8;color:#6e5125}.sync-queued .sync-state i,.sync-review .sync-state i{background:#a87620}.offline-settings h3{font-size:24px;margin:8px 0 12px}#offline-code-form .field{margin-bottom:17px}.live-observer .live-actions-holder button,.live-observer .score-controls button{opacity:.55}.offline-settings .subtext{font-size:16px;line-height:1.6}@media(max-width:700px){.live-collaboration{flex-wrap:wrap;padding:15px;gap:11px;margin-top:17px}.collaboration-actions{width:100%;padding-left:45px}.collaboration-actions .btn{flex:1}.live-collaboration strong{font-size:16px}.live-collaboration span{font-size:14px}}@media(prefers-reduced-motion:no-preference){.live-collaboration{animation:collaboration-in .2s ease-out}@keyframes collaboration-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}

.match-live-layout.is-live{grid-template-areas:'score field' 'actions field' 'collaboration collaboration' 'bench minutes' 'events minutes'}.match-live-layout.is-live>.live-collaboration{grid-area:collaboration;margin:0}@media(max-width:1000px){.match-live-layout.is-live{grid-template-areas:'score' 'actions' 'collaboration' 'field' 'bench' 'minutes' 'events'}}