/* Miembros e invitaciones en pestañas (Propuesta) */
html.proposal [data-mtabs]{font-family:Inter,sans-serif}
html.proposal [data-mtabs] .mm-bar{margin-bottom:6px}
html.proposal .mm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
html.proposal .mm-stat{background:#121b25;border:1px solid #1f2b38;border-radius:14px;padding:14px 16px}
html.proposal .mm-stat small{display:block;font:700 10px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8da1;margin-bottom:6px}
html.proposal .mm-stat b{font:800 26px/1 Inter,sans-serif;color:#fff}
html.proposal .mm-stat em{font-style:normal;font:600 12px Inter,sans-serif;color:#94A3B8;margin-left:6px}
html.proposal .mm-meter{height:6px;border-radius:3px;background:#1f2b38;margin-top:10px;overflow:hidden}
html.proposal .mm-meter i{display:block;height:100%;background:#00f59b}
html.proposal .mm-tabs{display:flex;gap:24px;border-bottom:1px solid #1f2b38;margin:0 0 16px;overflow-x:auto}
html.proposal .mm-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin:0 0 -1px;padding:11px 0;font:400 14px Inter,sans-serif;color:#94A3B8;white-space:nowrap;cursor:pointer;transition:color .16s ease,border-color .16s ease;height:auto;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:0}
html.proposal .mm-tab:hover{color:#dde3ed}
html.proposal .mm-tab[aria-selected="true"]{color:#00f59b;border-bottom-color:#00f59b;font-weight:600}
html.proposal .mm-tab:focus-visible{outline:2px solid #00f59b;outline-offset:2px;border-radius:4px}
html.proposal .mm-tab em{font-style:normal;font:700 10.5px Inter,sans-serif;background:#1c2836;color:#cbd5e1;border-radius:999px;padding:2px 7px;margin-left:6px}
/* qué se ve en cada pestaña */
html.proposal [data-mtab="members"] [data-msec="invites"]{display:none}
html.proposal [data-mtab="invites"] [data-msec="members"]{display:none}
html.proposal [data-mtab="invite"] [data-msec="members"]{display:none}
html.proposal [data-mtab="invites"] [data-msec="invites"]>[data-mpart="form"]{display:none}
html.proposal [data-mtab="invite"] [data-msec="invites"]>[data-mpart="list"]{display:none}
html.proposal [data-mtab="invites"] [data-msec="invites"]>[data-mpart="head"]{display:none}
/* miembros e invitaciones como filas */
html.proposal [data-mtabs] [data-msec] h2{font:800 20px Inter,sans-serif;color:#fff;margin:0 0 4px}
html.proposal [data-mtabs] [data-msec] p{font:400 13px/1.55 Inter,sans-serif;color:#94A3B8;max-width:80ch}
html.proposal [data-mtabs] ul.workspace-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}
html.proposal [data-mtabs] ul.workspace-list>li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:#0e1620;border:1px solid #1f2b38;border-radius:12px;padding:10px 14px}
html.proposal [data-mtabs] ul.workspace-list>li>strong{flex:1 1 220px;min-width:0;font:700 14px Inter,sans-serif;color:#fff;overflow-wrap:anywhere}
html.proposal [data-mtabs] ul.workspace-list>li>span{font:500 12.5px Inter,sans-serif;color:#94A3B8;overflow-wrap:anywhere}
html.proposal [data-mtabs] ul.workspace-list>li>.workspace-actions{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}
html.proposal [data-mtabs] [data-msec="members"] ul.workspace-list>li[data-mav]{position:relative;padding-left:62px}
html.proposal [data-mtabs] [data-msec="members"] ul.workspace-list>li[data-mav]::before{content:var(--mm-ini);position:absolute;left:14px;top:12px;width:36px;height:36px;border-radius:50%;background:#173542;color:#9fd8c3;display:flex;align-items:center;justify-content:center;font:800 13px Inter,sans-serif}
/* botones y campos con el estilo del resto */
html.proposal [data-mtabs] button:not(.mm-tab){appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid #2a3a4c;background:#121b25;color:#fff;font:700 12.5px Inter,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
html.proposal [data-mtabs] button:not(.mm-tab):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.5);border-color:#00f59b}
html.proposal [data-mtabs] button:not(.mm-tab):active:not(:disabled){transform:scale(.97);box-shadow:none}
html.proposal [data-mtabs] button:disabled{opacity:.45;cursor:default}
html.proposal [data-mtabs] button.workspace-primary{background:#00f59b;border-color:#00f59b;color:#06231a;font-weight:800;min-height:44px;border-radius:12px;padding:0 20px}
html.proposal [data-mtabs] form label{display:block;margin:12px 0 6px;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d8da1}
html.proposal [data-mtabs] form input[type="email"],html.proposal [data-mtabs] form input[type="text"],html.proposal [data-mtabs] form select{width:100%;max-width:420px;height:44px;padding:0 14px;border:1px solid #2a3a4c;border-radius:12px;background:#0e1620;color:#fff;font:600 14px Inter,sans-serif;color-scheme:dark;transition:border-color .16s ease}
html.proposal [data-mtabs] form input:hover,html.proposal [data-mtabs] form select:hover,html.proposal [data-mtabs] form input:focus,html.proposal [data-mtabs] form select:focus{border-color:#00f59b;outline:none}
html.proposal [data-mtabs] form .workspace-primary{margin-top:14px}
html.proposal [data-mtabs] .workspace-notice{background:#121b25;border:1px solid #2a3a4c;border-radius:14px;padding:14px 16px}
@media(max-width:700px){
 html.proposal .mm-stats{gap:8px}html.proposal .mm-stat{padding:10px}html.proposal .mm-stat b{font-size:22px}
 html.proposal .mm-tabs{gap:18px}
 html.proposal [data-mtabs] ul.workspace-list>li>strong{flex-basis:100%}
 html.proposal [data-mtabs] form input[type="email"],html.proposal [data-mtabs] form select{max-width:none}
}
@media(prefers-reduced-motion:reduce){html.proposal [data-mtabs] button{transition:none}}
html.proposal #root .mm-tabs .mm-tab,html.proposal #root .mm-tabs .mm-tab[aria-selected="true"]{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;min-height:0;padding:11px 0}
html.proposal #root .mm-tabs .mm-tab[aria-selected="true"]{border-bottom:2px solid #00f59b!important;color:#00f59b}
html.proposal #root .mm-tabs .mm-tab[aria-selected="false"]{border-bottom:2px solid transparent!important}
html.proposal [data-mtabs] [data-msec="members"] ul.workspace-list>li[data-mav]{min-height:60px}

/* Pestañas del espacio del equipo: mismo movimiento que el resto de botones (sube 2 px al pasar, se hunde al pulsar) */
html.proposal #root main.workspace-page .workspace-tabs button,html.proposal #root .mm-tabs .mm-tab{transition:transform .16s ease,color .16s ease,border-color .16s ease,text-shadow .16s ease}
html.proposal #root main.workspace-page .workspace-tabs button:hover,html.proposal #root .mm-tabs .mm-tab:hover{transform:translateY(-2px)!important;color:#fff;text-shadow:0 5px 14px rgba(0,0,0,.6)}
html.proposal #root main.workspace-page .workspace-tabs button[aria-current="page"]:hover,html.proposal #root .mm-tabs .mm-tab[aria-selected="true"]:hover{color:#00f59b}
html.proposal #root main.workspace-page .workspace-tabs button:active,html.proposal #root .mm-tabs .mm-tab:active{transform:scale(.97)!important;text-shadow:none}
html.proposal #root main.workspace-page .workspace-tabs button:focus-visible{outline:2px solid #00f59b;outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){html.proposal #root main.workspace-page .workspace-tabs button,html.proposal #root .mm-tabs .mm-tab{transition:none}html.proposal #root main.workspace-page .workspace-tabs button:hover,html.proposal #root main.workspace-page .workspace-tabs button:active,html.proposal #root .mm-tabs .mm-tab:hover,html.proposal #root .mm-tabs .mm-tab:active{transform:none!important}}
