/* Menu "Mais" — painel com fecho e saída sempre visíveis */
.mx{position:fixed;inset:0;z-index:300;background:rgba(10,20,30,.5);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s}
.mx-panel{width:100%;max-width:560px;max-height:calc(100dvh - 20px);display:flex;flex-direction:column;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.2);animation:slideUp .26s;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#111;overflow:hidden}
.mx-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px 20px}.mx-head b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.mx-close{width:44px;height:44px;border-radius:50%;border:0;background:#f3f0ee;color:#111;font-size:18px;cursor:pointer;padding:0}
.mx-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px;display:grid;gap:16px;align-content:start}
.mx-sec h4{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gc,#64748b);font-weight:800}
.mx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mx-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:12px 4px;border-radius:20px;background:#f7f5f2;color:#111;text-decoration:none;font-size:13px;font-weight:700;text-align:center;overflow-wrap:anywhere;min-width:0}
.mx-i b{font-size:26px;line-height:1}.mx-i svg{width:26px;height:26px;color:#0d9488}
.mx-i.on{background:#111;color:#fff}.mx-i.on svg{color:#fff}.mx-i.locked{opacity:.55}
.mx-foot{flex:none;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eee9e5;background:#fff}
.mx-foot .theme-btn{margin:0!important;min-height:48px;padding:0 16px;white-space:nowrap}
.mx-out{min-height:48px;border-radius:99px;border:0;background:#111;color:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
@media(min-width:861px){.mx{display:none}}
@media(max-width:340px){.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-foot{grid-template-columns:1fr}}
.mx .mx-out{background:#111!important;color:#fff!important;box-shadow:none!important}.mx .mx-close{background:#f3f0ee!important;color:#111!important;box-shadow:none!important}
