.grina-meeting-page{margin:0;background:#111314;color:#eef4f0;font-family:Arial,sans-serif}
.grina-meeting-page *{box-sizing:border-box}
#grina-meeting-room{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.grina-meeting-bar{display:flex;align-items:center;gap:16px;min-height:70px;padding:12px 20px;background:#fff;color:#073d24;border-bottom:1px solid #dce1d5;flex-shrink:0}
.grina-meeting-back{font-size:13px;text-decoration:none;color:inherit;white-space:nowrap}
.grina-meeting-bar h1{font-size:17px;line-height:1.5;margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grina-meeting-page button{border:1px solid #50b84870;border-radius:9px;background:#50b848;color:#073d24;font:inherit;font-size:13px;padding:11px 15px;cursor:pointer}
.grina-meeting-page button:disabled{opacity:.55;cursor:wait}
.grina-meeting-page [hidden]{display:none!important}
.grina-meeting-bar button{white-space:nowrap;background:transparent;border-color:#dce1d5}
.grina-meeting-bar [data-meeting=end]{color:#9c2a26;border-color:#e3b1ab}
#grina-meeting-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}
#grina-meeting-stage>iframe{width:100%;height:100%;border:0}
.grina-meeting-prejoin{width:min(440px,calc(100% - 36px));padding:30px;text-align:center;background:#1c2022;border:1px solid #363d40;border-radius:20px}
.grina-meeting-prejoin h2{font-size:27px;margin:18px 0 14px}.grina-meeting-prejoin p{font-size:13px;line-height:1.7;color:#b6c1c4}
#grina-meeting-join{text-align:left;margin-top:22px}#grina-meeting-join label{display:grid;gap:8px;font-size:13px}
#grina-meeting-join input{width:100%;border:1px solid #4c585c;border-radius:9px;padding:13px;background:#111516;color:#fff;font:inherit}
#grina-meeting-join p{font-size:11px}#grina-meeting-join button{width:100%;margin-top:8px;font-weight:600}
.grina-meeting-announcement{flex-shrink:0;margin:0;padding:12px 18px;font-size:12px;text-align:center;background:#232a2d;color:#e9edef;overflow-wrap:anywhere}
.grina-meeting-page :focus-visible{outline:2px solid #50b848;outline-offset:3px}
html[data-theme=dark] .grina-meeting-bar{background:#1c2022;color:#eef4f0;border-color:#363d40}
html[data-theme=dark] .grina-meeting-bar img{filter:brightness(0) invert(1)}
html[data-theme=dark] .grina-meeting-bar button{color:#eef4f0;border-color:#4c585c}
@media(max-width:650px){.grina-meeting-bar{gap:9px;padding:10px;flex-wrap:wrap}.grina-meeting-bar img{display:none}.grina-meeting-bar h1{font-size:14px}.grina-meeting-bar button{padding:8px;font-size:11px}.grina-meeting-bar [data-meeting=end]{margin-left:auto}.grina-meeting-prejoin{padding:23px}}

/* Meeting lists use the surrounding member/admin theme. */
.grina-meeting-create{display:grid;gap:16px;margin-top:16px}
.grina-meeting-list{display:grid;gap:12px;padding:20px}.grina-meeting-list h3{margin:0;font-size:17px}.grina-meeting-list article{border:1px solid var(--na-line,#dce1d5);border-radius:12px;padding:16px;display:grid;gap:10px}.grina-meeting-list article strong{font-size:15px}.grina-meeting-list article small{font-size:12px;opacity:.75}.grina-meeting-list a{display:inline-block;width:fit-content;border-radius:8px;padding:10px 14px;text-decoration:none;background:#50b848;color:#073d24;font-size:12px;font-weight:600}.grina-meeting-list>p{font-size:13px;line-height:1.6}.grina-meeting-list form{display:grid;gap:16px;margin-top:16px}.grina-meeting-list label{display:grid;gap:8px;font-size:13px}.grina-meeting-list input{padding:12px;border:1px solid var(--na-line,#dce1d5);border-radius:9px;background:var(--na-card,#fff);color:inherit;width:100%;font:inherit}.grina-meeting-list button{padding:11px 14px;border:1px solid #50b848;border-radius:8px;font:inherit;font-size:12px;background:#50b848;color:#073d24;cursor:pointer}.grina-meeting-list [role=alert]{font-size:12px;line-height:1.6;color:var(--status-danger,#a52c26)}
