.mbp-frame{margin:1.5rem 0;overflow:hidden;border-radius:10px;border:1px solid #e2e8e5;background:#fff;box-shadow:0 10px 30px -18px #14201d80}.mbp-chrome{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #e2e8e5;background:#f4f6f5}.mbp-dots{display:inline-flex;gap:5px}.mbp-dots i{width:9px;height:9px;border-radius:50%;background:#cfd8d4}.mbp-url{margin-left:4px;font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:#8a9591;border:1px solid #e2e8e5;background:#fff;border-radius:6px;padding:2px 8px}.mbp{--teal:#0d8a78;--line:#e2e8e5;--ink:#16201d;--soft:#5b6b66;--faint:#8a9591;--info:#2563eb;--warn:#c2780c;--crit:#d12f3e;--ok:#0d8a78;background:#fbfcfc;color:var(--ink);text-align:left;line-height:1.4;font-family:inherit;padding:clamp(15px,3.2vw,24px)}.mbp .mbp-shell{display:flex;gap:16px;align-items:flex-start}.mbp .mbp-rail{flex:none;width:140px;display:grid;gap:3px}.mbp .trow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);padding:7px 9px;border-radius:8px}.mbp .trow .ic{font-size:12px}.mbp .trow.active{background:#eef7f4;color:var(--teal);font-weight:600}.mbp .mbp-main{flex:1;min-width:0;display:grid;gap:14px}.mbp .card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.mbp .cardhead{margin-bottom:6px}.mbp .ct{font-size:14px;font-weight:700;color:var(--ink)}.mbp .cs{font-size:11.5px;color:var(--faint);margin-top:2px}.mbp .mlist{display:grid}.mbp .mrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.mbp .mrow:first-child{border-top:0}.mbp .who{min-width:0}.mbp .mname{font-size:13px;font-weight:600;color:var(--ink)}.mbp .memail{font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:var(--faint);margin-top:2px}.mbp .mctl{display:flex;align-items:center;gap:8px;flex:none}.mbp .rolesel{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#3a4744;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;white-space:nowrap}.mbp .rolesel i{color:var(--faint);font-size:10px}.mbp .del{color:var(--faint);font-size:13px}.mbp .inviterow{display:flex;align-items:center;gap:8px;margin:4px 0 6px;flex-wrap:wrap}.mbp .primary{display:inline-flex;align-items:center;gap:5px;background:var(--teal);color:#fff;font-size:11.5px;font-weight:600;padding:7px 12px;border-radius:8px;white-space:nowrap}.mbp .iwho{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink);flex-wrap:wrap}.mbp .iwho .env{color:var(--faint)}.mbp .isub{font-size:11px;color:var(--faint);margin-top:3px}.mbp .badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;white-space:nowrap;padding:2px 9px;border-radius:20px;flex:none}.mbp .badge .dot{width:6px;height:6px;border-radius:50%}.mbp .badge.outline{border:1px solid var(--line);color:var(--soft)}.mbp .st-pending{background:#eef2f0;color:var(--faint)}.mbp .st-pending .dot{background:#b2bcb7}.mbp .st-accepted{background:#e3f2ee;color:var(--ok)}.mbp .st-accepted .dot{background:var(--ok)}.mbp .st-expired{background:#fde9eb;color:var(--crit)}.mbp .st-expired .dot{background:var(--crit)}[data-theme=dark] .mbp-frame{border-color:#26322c;background:#0e1512}[data-theme=dark] .mbp-chrome{background:#16211d;border-color:#26322c}[data-theme=dark] .mbp-dots i{background:#2c3a33}[data-theme=dark] .mbp-url{background:#111a17;border-color:#26322c;color:#7d8f87}[data-theme=dark] .mbp{--line:#26322c;--ink:#e9f1ec;--soft:#9fb2aa;--faint:#7d8f87;--teal:#2EE6C5;--ok:#2EE6C5;background:#0e1512}[data-theme=dark] .mbp .card,[data-theme=dark] .mbp .rolesel{background:#16211d;border-color:#26322c}[data-theme=dark] .mbp .trow.active{background:#10302a;color:#2ee6c5}[data-theme=dark] .mbp .mname,[data-theme=dark] .mbp .iwho{color:#e9f1ec}[data-theme=dark] .mbp .badge.outline{border-color:#2c3a33;color:#9fb2aa}[data-theme=dark] .mbp .st-pending{background:#1c2823;color:#9fb2aa}[data-theme=dark] .mbp .st-pending .dot{background:#5b6b66}[data-theme=dark] .mbp .st-accepted{background:#10302a;color:#2ee6c5}[data-theme=dark] .mbp .st-accepted .dot{background:#2ee6c5}[data-theme=dark] .mbp .st-expired{background:#3a1620;color:#ff8a98}[data-theme=dark] .mbp .st-expired .dot{background:#ff8a98}@media(max-width:520px){.mbp .mbp-shell{flex-direction:column}.mbp .mbp-rail{width:100%;display:flex}}
