.iotab-member-overlay{--mc-text:#25364b;--mc-muted:#60738b;--mc-line:rgba(113,143,173,.22);--mc-card:rgba(255,255,255,.58);--mc-blue:#276ae7;background:rgba(19,36,55,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.iotab-member-dialog.mc-dialog{width:min(1120px,100%);height:min(850px,92vh);height:min(850px,92dvh);color:var(--mc-text);border-radius:24px;border:1px solid #ffffffa8;background:linear-gradient(135deg,rgba(244,250,255,.95),rgba(226,240,246,.93) 55%,rgba(235,232,249,.94));box-shadow:0 28px 90px #132d4f55;overflow:hidden}
.mc-dialog .mc-header{padding:20px 24px;min-height:78px;border-bottom:1px solid var(--mc-line);background:rgba(255,255,255,.15)}.mc-brand{display:flex;flex-direction:column;gap:3px}.mc-brand strong{font-size:20px;letter-spacing:.5px}.mc-brand span{font-size:11px;color:var(--mc-muted)}.mc-dialog button.mc-close{margin-left:auto;width:36px;height:36px;padding:0;border:1px solid var(--mc-line);background:var(--mc-card);border-radius:50%;font-size:25px;line-height:1;color:var(--mc-text)}
.mc-sync{flex:none;font-size:12px;color:#2f7065;background:rgba(123,211,180,.12);border-bottom:1px solid var(--mc-line);padding:11px 24px;line-height:1.6}
.mc-layout{display:flex;flex:1;min-height:0;overflow:hidden}.mc-nav{width:210px;flex:none;padding:20px 12px;border-right:1px solid var(--mc-line);background:rgba(255,255,255,.18);overflow-y:auto}.mc-dialog .mc-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 12px;margin-bottom:6px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--mc-text);font-size:14px;text-align:left;white-space:nowrap}.mc-dialog .mc-nav-item:hover{background:var(--mc-card);color:var(--mc-text)}.mc-dialog .mc-nav-item[aria-current=page]{background:rgba(255,255,255,.76);border-color:#fff;box-shadow:0 5px 16px #5a80a015;font-weight:600;color:var(--mc-blue)}.mc-nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#5f99e012;color:var(--mc-blue);font-size:19px}.mc-chevron{margin-left:auto;opacity:.4}.mc-quick{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--mc-line);margin:18px 4px 0;padding-top:18px}.mc-quick-label{font-size:11px;color:var(--mc-muted);padding-left:8px}.mc-dialog .mc-quick-button{min-height:40px;padding:8px 12px;border:1px solid var(--mc-line);background:rgba(255,255,255,.3);color:var(--mc-text);border-radius:11px;font-size:13px}.mc-area{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.mc-toolbar{display:flex;align-items:center;gap:8px;padding:18px 22px 8px;flex-wrap:wrap}.mc-toolbar h2{font-size:17px;font-weight:600;margin:0 auto 0 0;color:var(--mc-text)}.mc-dialog .mc-toolbar button,.mc-dialog .mc-toolbar a{font-size:11px;padding:7px 10px;color:var(--mc-muted);border:1px solid var(--mc-line);border-radius:8px;background:rgba(255,255,255,.24)}.mc-status{padding:0 22px 10px;font-size:11px;color:var(--mc-muted);margin:0;line-height:1.5}.mc-dialog .mc-frame{background:transparent;width:100%;flex:1;min-height:0;border:0;transition:opacity .15s}.mc-frame.is-loading{opacity:.25}
html.io-black-mode .iotab-member-overlay{--mc-text:#e4edf8;--mc-muted:#a0b3cb;--mc-line:rgba(166,193,221,.17);--mc-card:rgba(69,90,118,.3);--mc-blue:#9ac4ff}html.io-black-mode .iotab-member-dialog.mc-dialog{background:linear-gradient(135deg,rgba(27,43,61,.97),rgba(23,39,55,.97),rgba(35,37,57,.97));border-color:#a2bad440}html.io-black-mode .mc-sync{color:#a4dfc9}html.io-black-mode .mc-nav{background:#10203222}html.io-black-mode .mc-dialog .mc-nav-item[aria-current=page]{background:#45648555;border-color:#9cbadb44;color:#b5d5ff}html.io-black-mode .mc-dialog .mc-toolbar a,html.io-black-mode .mc-dialog .mc-toolbar button,html.io-black-mode .mc-dialog .mc-quick-button{background:#13243833;color:var(--mc-text)}
@media(max-width:640px){.iotab-member-dialog.mc-dialog{height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:19px}.mc-dialog .mc-header{padding:13px 16px;min-height:65px}.mc-brand strong{font-size:18px}.mc-sync{padding:9px 16px;font-size:11px}.mc-layout{flex-direction:column}.mc-nav{width:100%;padding:10px 12px 6px;display:flex;gap:6px;border-right:0;border-bottom:1px solid var(--mc-line);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;touch-action:pan-x}.mc-dialog .mc-nav-item{width:auto;flex:none;margin:0;min-height:42px;padding:7px 10px;font-size:13px;gap:6px}.mc-nav-icon{width:23px;height:23px}.mc-chevron{display:none}.mc-quick{flex-direction:row;flex:none;margin:0;padding:0 0 0 8px;border-top:0;border-left:1px solid var(--mc-line);align-items:center}.mc-quick-label{display:none}.mc-dialog .mc-quick-button{white-space:nowrap;min-height:42px}.mc-toolbar{padding:13px 14px 6px}.mc-toolbar h2{font-size:16px}.mc-status{padding:0 14px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.mc-dialog .mc-frame{transition:none}}
.mc-dialog{position:relative}.mc-leave-shade{position:absolute;inset:0;z-index:3;background:#11294244;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.mc-leave-card{max-width:380px;width:100%;padding:26px;border:1px solid #ffffffaa;border-radius:20px;background:rgba(245,250,255,.97);box-shadow:0 20px 50px #11294233;color:#263c52}.mc-leave-card strong{font-size:17px}.mc-leave-card p{font-size:13px;line-height:1.7;margin:12px 0 20px}.mc-dialog .mc-leave-card button{font-size:13px;margin:4px 8px 0 0;padding:9px 12px;border-radius:10px;color:#28598c;background:#e5effb;border-color:#b4cce5}html.io-black-mode .mc-leave-card{background:rgba(30,48,68,.98);color:#e2edf8;border-color:#91abc744}html.io-black-mode .mc-dialog .mc-leave-card button{background:#294666;color:#e2edf8;border-color:#627e99}
