.kmkpm-wrap{--navy:#082b57;--blue:#1268ad;--sky:#58b7ec;--ink:#203047;max-width:1180px;margin:10px auto;padding:0 14px;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.kmkpm-wrap *{box-sizing:border-box}.kmkpm-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:12px;background:var(--navy);color:#fff}.kmkpm-brand{font-size:17px;font-weight:800;letter-spacing:1px}.kmkpm-brand span{font-weight:500;font-size:12px;letter-spacing:2px;margin-left:6px}.kmkpm-secure{font-size:13px;color:#d8efff}.kmkpm-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 4px 12px}.kmkpm-eyebrow{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:2px}.kmkpm-intro h1{font-size:clamp(25px,3vw,34px);line-height:1.12;margin:0 0 7px;color:var(--navy)}.kmkpm-intro p:not(.kmkpm-eyebrow){margin:0;color:#5a6b7d}.kmkpm-status{white-space:nowrap;border-radius:99px;background:#eaf5fc;color:#07528b;padding:8px 12px;font-size:12px;font-weight:700}.kmkpm-join,.kmkpm-card{max-width:560px;margin:18px auto;padding:24px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 8px 26px #082b570d}.kmkpm-join label{display:block;font-weight:700;margin-bottom:8px}.kmkpm-join input,.kmkpm-chat input{width:100%;min-width:0;border:1px solid #cbd8e5;border-radius:8px;padding:12px;font:inherit;margin-bottom:12px}.kmkpm-join button,.kmkpm-controls button,.kmkpm-chat button{border:0;border-radius:8px;padding:11px 15px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.kmkpm-join button{width:100%}.kmkpm-join p{font-size:12px;color:#65758a;margin:12px 0 0}.kmkpm-room{margin-top:12px}.kmkpm-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:300px}.kmkpm-video-tile{position:relative;overflow:hidden;min-height:280px;border-radius:13px;background:#071b31}.kmkpm-video-tile video{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}.kmkpm-video-tile span{position:absolute;left:12px;bottom:12px;background:#06172ccc;color:white;padding:6px 10px;border-radius:6px;font-size:12px}.kmkpm-wait{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;min-height:280px;background:#edf4f9;border-radius:13px;color:#48627a}.kmkpm-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0}.kmkpm-controls button{background:#e9f2f8;color:#123d63}.kmkpm-controls .kmkpm-end{background:#a92635;color:white}.kmkpm-chat{max-width:720px;margin:18px auto;border:1px solid #dce6ef;border-radius:12px;padding:16px}.kmkpm-chat h3{margin:0 0 10px;font-size:16px}.kmkpm-chatlog{max-height:180px;overflow:auto;background:#f5f8fb;border-radius:8px;padding:10px;margin-bottom:10px}.kmkpm-chatline{margin:7px 0;overflow-wrap:anywhere}.kmkpm-chatline strong{color:var(--navy)}.kmkpm-chat form{display:flex;gap:8px}.kmkpm-chat input{margin:0}.kmkpm-chat button{white-space:nowrap}.kmkpm-foot{text-align:center;color:#748398;font-size:12px;margin:16px 0 8px}.kmkpm-wrap [hidden]{display:none!important}@media(max-width:650px){.kmkpm-top{padding:11px 12px}.kmkpm-secure{font-size:11px}.kmkpm-intro{align-items:flex-start;flex-direction:column;padding-top:14px}.kmkpm-videos{grid-template-columns:1fr}.kmkpm-video-tile,.kmkpm-video-tile video,.kmkpm-wait{min-height:220px}.kmkpm-join,.kmkpm-card{padding:18px}.kmkpm-chat form{flex-direction:column}}

.kmkpm-id-form label{display:block;font-weight:700;margin:12px 0 7px}.kmkpm-id-form input{width:100%;border:1px solid #cbd8e5;border-radius:8px;padding:12px;font:inherit;margin-bottom:10px}.kmkpm-id-form button{width:100%;border:0;border-radius:8px;padding:12px 15px;background:#1268ad;color:#fff;font-weight:700;cursor:pointer}.kmkpm-error{background:#fff0f0;border:1px solid #f0b5b5;color:#8d1c1c;border-radius:8px;padding:12px;margin-top:14px}

/* KMK Meetings 1.8.0: larger Teams-inspired meeting workspace */
.kmkpm-wrap{max-width:1600px;width:100%;padding:0 clamp(10px,2vw,28px);margin:14px auto}.kmkpm-roombar{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:12px 0;background:#f2f6fa;border:1px solid #d9e3ec;border-radius:12px;color:#173653}.kmkpm-roombar #kmkpm-participant-count{margin-left:auto;color:#607286;font-size:13px}.kmkpm-roombar button{border:1px solid #cbd8e5;background:#fff;color:#123d63;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.kmkpm-live-dot{width:9px;height:9px;border-radius:50%;background:#1b9b70;box-shadow:0 0 0 4px #1b9b7018}.kmkpm-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:stretch}.kmkpm-stage{min-width:0}.kmkpm-videos{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));min-height:calc(100vh - 310px);gap:14px;align-content:stretch}.kmkpm-video-tile{min-height:320px;height:100%;aspect-ratio:16/9;box-shadow:0 6px 22px #06172c20}.kmkpm-video-tile video{height:100%;min-height:320px;object-fit:cover;background:#071b31}.kmkpm-video-tile.kmkpm-local video{transform:scaleX(-1)}.kmkpm-video-tile span{z-index:2}.kmkpm-hand-badge,.kmkpm-reaction-badge{position:absolute;z-index:3;top:12px;left:12px;bottom:auto!important;background:#f4f8ff!important;color:#163b60!important;border:1px solid #d5e5f5;border-radius:10px;padding:9px 12px;font-size:13px;box-shadow:0 3px 12px #0002}.kmkpm-reaction-badge{left:auto;right:12px;font-size:28px;padding:7px 11px}.kmkpm-wait{min-height:320px}.kmkpm-controls{position:sticky;bottom:8px;z-index:5;background:#fff;border:1px solid #e0e7ee;box-shadow:0 5px 24px #082b5718;padding:12px;border-radius:14px;margin:14px 0}.kmkpm-controls button{padding:13px 16px;border:1px solid #d3dee8;min-height:46px}.kmkpm-controls button.is-active{background:#dceeff;color:#073c68;border-color:#7dbbe8}.kmkpm-controls .kmkpm-end{background:#a92635;color:#fff;border-color:#a92635}.kmkpm-chat{max-width:none;width:100%;margin:0;min-width:0;min-height:280px;align-self:stretch}.kmkpm-chatlog{max-height:calc(100vh - 440px);min-height:240px}.kmkpm-chat form{display:flex;gap:8px}.kmkpm-chat form input{flex:1;min-width:0}.kmkpm-chat-toggle[aria-expanded=true]{background:#dceeff}.kmkpm-room[hidden],.kmkpm-chat[hidden]{display:none!important}@media(max-width:900px){.kmkpm-layout{grid-template-columns:1fr}.kmkpm-chatlog{max-height:240px;min-height:140px}.kmkpm-videos{min-height:55vh}.kmkpm-roombar{flex-wrap:wrap}.kmkpm-roombar #kmkpm-participant-count{margin-left:0}.kmkpm-video-tile,.kmkpm-video-tile video,.kmkpm-wait{min-height:250px}}@media(max-width:560px){.kmkpm-wrap{padding:0 8px}.kmkpm-video-tile,.kmkpm-video-tile video,.kmkpm-wait{min-height:220px}.kmkpm-controls{gap:6px;padding:8px}.kmkpm-controls button{flex:1 1 42%;padding:10px 8px;font-size:12px}.kmkpm-roombar{gap:8px;padding:10px}.kmkpm-roombar strong{font-size:13px}}


/* KMK Meetings 1.9.0: focus the screen on the live call and keep metadata compact. */
.kmkpm-wrap.kmkpm-in-meeting{max-width:none;width:100%;margin:0;padding:8px 12px;min-height:100vh}
.kmkpm-in-meeting>.kmkpm-top,.kmkpm-in-meeting>.kmkpm-intro,.kmkpm-in-meeting>.kmkpm-meeting-details,.kmkpm-in-meeting>.kmkpm-join,.kmkpm-in-meeting>.kmkpm-foot{display:none!important}
.kmkpm-in-meeting .kmkpm-room{margin:0;min-height:calc(100vh - 16px);display:flex;flex-direction:column}
.kmkpm-in-meeting .kmkpm-roombar{margin:0 0 8px;padding:8px 12px;border-radius:10px;flex-shrink:0}
.kmkpm-in-meeting .kmkpm-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr)}
.kmkpm-in-meeting .kmkpm-stage{display:flex;flex-direction:column;min-height:0}
.kmkpm-in-meeting .kmkpm-videos{flex:1;min-height:calc(100vh - 155px);grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-content:stretch;gap:10px}
.kmkpm-in-meeting .kmkpm-video-tile{min-height:220px;height:100%;aspect-ratio:auto;position:relative}
.kmkpm-in-meeting .kmkpm-video-tile video{width:100%;height:100%;min-height:220px;object-fit:contain;background:#071b31}
.kmkpm-in-meeting .kmkpm-video-tile.has-media video{object-fit:cover}
.kmkpm-in-meeting .kmkpm-controls{position:sticky;bottom:0;margin:8px 0 0;padding:8px;flex-shrink:0}
.kmkpm-in-meeting .kmkpm-chat{position:fixed;z-index:20;right:14px;top:72px;bottom:88px;width:min(360px,calc(100vw - 28px));box-shadow:0 12px 40px #00172c40;background:#fff}
.kmkpm-in-meeting .kmkpm-chatlog{max-height:calc(100% - 110px);min-height:100px}
.kmkpm-in-meeting .kmkpm-wait{grid-column:1/-1;min-height:110px;height:auto;padding:18px}
body.kmkpm-meeting-active{overflow-x:hidden}
.kmkpm-video-tile:fullscreen{width:100vw;height:100vh;border-radius:0;background:#071b31}
.kmkpm-video-tile:fullscreen video{height:100vh;min-height:100vh;object-fit:contain}
@media(max-width:900px){.kmkpm-in-meeting .kmkpm-videos{min-height:calc(100vh - 205px);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.kmkpm-in-meeting .kmkpm-video-tile,.kmkpm-in-meeting .kmkpm-video-tile video{min-height:200px}}
@media(max-width:560px){.kmkpm-wrap.kmkpm-in-meeting{padding:4px}.kmkpm-in-meeting .kmkpm-videos{min-height:calc(100vh - 250px);grid-template-columns:1fr}.kmkpm-in-meeting .kmkpm-video-tile,.kmkpm-in-meeting .kmkpm-video-tile video{min-height:180px}.kmkpm-in-meeting .kmkpm-roombar{gap:6px}}