/* v177-149 — Planning-only live screen share. No Member, Admin or Transport styling. */
.live-planning-card{margin:18px 0;padding:20px;border:1px solid #cddff8;background:linear-gradient(145deg,#f7faff,#ffffff);box-shadow:0 9px 24px rgba(18,65,132,.06);border-radius:18px}
.live-planning-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.live-planning-head h3{margin:4px 0 5px;font-size:1.3rem;color:#153a74}.live-planning-head p{margin:0;color:#506782;line-height:1.5}
.live-planning-badge{border-radius:999px;padding:6px 10px;background:#e8edf6;color:#354c67;font-weight:750;font-size:.78rem;white-space:nowrap}
.live-planning-badge.live{background:#def8eb;color:#086244}.live-planning-status{margin-top:14px;line-height:1.55;color:#334a69;font-size:.92rem}
.live-planning-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.live-planning-actions [hidden],.live-planning-card [hidden]{display:none!important}
.live-planning-hint{margin-top:12px;line-height:1.45}.live-planning-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#912828;line-height:1.45}
.live-planning-viewers{margin-top:13px;border-radius:10px;background:#ecf5ff;padding:11px 13px;color:#1e4b84;font-size:.9rem}
.live-planning-watch[hidden]{display:none!important}
.live-planning-watch{position:fixed;inset:0;background:#05101f;color:#fff;z-index:200000;display:flex;flex-direction:column;padding:16px;gap:12px;box-sizing:border-box}
.live-planning-watch-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.live-planning-watch-bar strong{font-size:1.1rem}
#lpWatchStatus{font-size:.83rem;color:#b5cee9;margin-top:4px}
#lpRemoteVideo{display:block;flex:1;min-height:0;max-width:100%;width:100%;background:#071626;border-radius:12px;object-fit:contain}
.live-planning-watch-footer{text-align:center;font-size:.8rem;color:#b9cfeb;padding-bottom:max(0px,env(safe-area-inset-bottom))}
@media(max-width:680px){.live-planning-card{padding:15px}.live-planning-actions .btn{flex:1}.live-planning-watch{padding:9px}.live-planning-watch-bar{padding-top:env(safe-area-inset-top)}}
@media(prefers-reduced-motion:reduce){.live-planning-card *{animation:none!important;transition:none!important}}