/* MI BALANCE · UX TEST LAB — capa de interfaz independiente. */
#mbtx-root{--tx-bg:#fff;--tx-ink:#1b2634;--tx-sub:#58677a;--tx-edge:#d7dfe8;--tx-alt:#f3f5f8;--tx-lime:#c6ff3d;font-family:inherit}
html[data-mbv-theme="dark"] #mbtx-root{--tx-bg:#1c222c;--tx-ink:#f8fbff;--tx-sub:#c2cedb;--tx-edge:#444e5f;--tx-alt:#2a323f}
#mbtx-root button{cursor:pointer}
#mbtx-root button:disabled{cursor:not-allowed;opacity:.48}
#mbtx-root :is(button,textarea,input):focus-visible{outline:3px solid #c6ff3d;outline-offset:3px}
.mbtx-launch,.mbtx-minibtn{position:fixed;z-index:30;right:13px;bottom:calc(94px + env(safe-area-inset-bottom));border:1px solid #738b52;background:#1b2520;color:#eaffdb;box-shadow:0 10px 30px rgba(0,0,0,.28);min-height:48px;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800}
.mbtx-minibtn{position:static;display:flex;align-items:center;gap:10px;min-width:182px;justify-content:space-between}
.mbtx-dot{height:9px;width:9px;background:#c6ff3d;border-radius:50%}
.mbtx-float{position:fixed;z-index:30;right:13px;bottom:calc(94px + env(safe-area-inset-bottom));width:auto;max-width:calc(100vw - 26px)}
.mbtx-floatopen{width:min(370px,calc(100vw - 26px))}
.mbtx-floatingpanel{padding:16px;border:1px solid var(--tx-edge);background:var(--tx-bg);color:var(--tx-ink);border-radius:19px;box-shadow:0 20px 55px rgba(0,0,0,.36);max-height:min(73dvh,650px);overflow:auto;overscroll-behavior:contain}
.mbtx-paneltop{display:flex;align-items:flex-start;gap:14px}
.mbtx-paneltop .mbtx-progresshead{flex:1}
.mbtx-progresshead{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:830;letter-spacing:.05em;color:var(--tx-sub);margin-bottom:7px}
.mbtx-track{height:5px;background:var(--tx-alt);overflow:hidden;border-radius:10px;margin-bottom:15px}
.mbtx-track span{display:block;background:#c6ff3d;height:100%}
.mbtx-close{width:42px;height:42px;flex:none;background:var(--tx-alt);color:var(--tx-ink);border:1px solid var(--tx-edge);border-radius:11px;font-size:23px}
.mbtx-kicker{display:block;color:var(--tx-sub);font-size:10px;font-weight:850;letter-spacing:.085em;margin:8px 0}
.mbtx-taskinfo h2,.mbtx-screen h2{font-size:24px;letter-spacing:-.6px;line-height:1.15;color:var(--tx-ink);margin:10px 0}
.mbtx-taskinfo p,.mbtx-screen p{font-size:14px;line-height:1.54;color:var(--tx-sub);margin:7px 0 14px}
.mbtx-note{padding:13px 14px;background:var(--tx-alt);border:1px solid var(--tx-edge);border-radius:12px;color:var(--tx-ink);font-size:13px;line-height:1.52;margin:12px 0}
.mbtx-note strong{display:block;margin-bottom:2px;color:var(--tx-ink)}
.mbtx-note p{font-size:12px;margin:2px 0}
.mbtx-notecompact{font-size:12px}
.mbtx-fieldset,.mbtx-rating{border:0;margin:14px 0 10px;padding:0;min-width:0}
.mbtx-fieldset legend,.mbtx-rating legend{font-size:13px;font-weight:830;color:var(--tx-ink);margin-bottom:8px}
.mbtx-fieldset label{display:flex;gap:9px;align-items:center;min-height:36px;font-size:13px;color:var(--tx-ink);cursor:pointer}
.mbtx-fieldset input{accent-color:#9bcb26;width:18px;height:18px;flex:none}
.mbtx-inputlabel{display:block;font-size:13px;color:var(--tx-ink);font-weight:780;margin:11px 0 7px}
.mbtx-inputlabel span{font-size:11px;color:var(--tx-sub);font-weight:400}
#mbtx-root textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;background:var(--tx-alt);border:1px solid var(--tx-edge);border-radius:11px;padding:11px 12px;font-size:14px;color:var(--tx-ink);line-height:1.5}
#mbtx-root textarea::placeholder{color:var(--tx-sub)}
.mbtx-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 8px}
.mbtx-actions>button{flex:1;min-width:0;min-height:46px;border-radius:13px;font-size:13px;padding:11px;font-weight:820}
.mbtx-primary{background:#c6ff3d;border:1px solid #c6ff3d;color:#151b10}
.mbtx-secondary{background:var(--tx-alt);color:var(--tx-ink);border:1px solid var(--tx-edge)}
.mbtx-small{font-size:11px!important;line-height:1.45!important;color:var(--tx-sub)!important;margin:9px 0!important}
.mbtx-shade{position:fixed;z-index:9700;inset:0;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));display:grid;place-items:center;background:rgba(4,7,12,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mbtx-dialog{width:min(560px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid var(--tx-edge);border-radius:23px;background:var(--tx-bg);color:var(--tx-ink);box-shadow:0 28px 80px rgba(0,0,0,.46);padding:17px 19px 19px}
.mbtx-titlebar{display:flex;align-items:center;justify-content:space-between;color:var(--tx-sub);font-size:11px;font-weight:850;letter-spacing:.08em;gap:10px}
.mbtx-check{display:flex;align-items:flex-start;gap:10px;padding:11px;border-radius:11px;border:1px solid var(--tx-edge);font-size:12px;line-height:1.5;color:var(--tx-ink);cursor:pointer}
.mbtx-check input{width:19px;height:19px;accent-color:#a6d92c;flex:none}
.mbtx-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mbtx-numbers label{min-width:0;position:relative;cursor:pointer}
.mbtx-numbers input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.mbtx-numbers span{display:grid;place-items:center;min-height:45px;border:1px solid var(--tx-edge);border-radius:11px;background:var(--tx-alt);color:var(--tx-ink);font-size:15px;font-weight:820}
.mbtx-numbers .chosen span,.mbtx-numbers input:checked+span{background:#c6ff3d;color:#141a10;border-color:#c6ff3d}
.mbtx-numbers input:focus-visible+span{outline:3px solid #c6ff3d;outline-offset:3px}
.mbtx-rating{margin:16px 0 20px}
.mbtx-screen{padding:6px 0}
.mbtx-doneicon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#111810;background:#c6ff3d;font-size:38px;font-weight:900;margin:17px auto 0}
.mbtx-end{text-align:center}
.mbtx-end .mbtx-note{text-align:left}
.mbtx-success{color:#a6ce71}
.mbtx-reset{text-align:left;border-top:1px solid var(--tx-edge);padding-top:12px;margin-top:16px;color:var(--tx-sub);font-size:12px}
.mbtx-reset summary{cursor:pointer}
.mbtx-reset button{margin-top:8px;padding:11px}
@media(min-width:1000px){.mbtx-launch,.mbtx-float{bottom:20px;right:20px}}
@media(max-width:370px){.mbtx-dialog{padding:13px}.mbtx-floatingpanel{padding:13px}.mbtx-taskinfo h2,.mbtx-screen h2{font-size:21px}.mbtx-float{bottom:calc(87px + env(safe-area-inset-bottom))}.mbtx-actions>button{font-size:12px}}
@media(prefers-reduced-motion:reduce){#mbtx-root *{scroll-behavior:auto}}