/* v1.19.256: team roles (98r-r256-team-roles.js): templates box, custom role editor, preview bar */
.team-roles-box{margin-top:12px;border-top:1px solid var(--border);padding-top:8px;}
.team-tpl-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:7px 9px;margin:6px 0;border:1px solid var(--border);border-radius:9px;background:var(--bg3);}
.team-tpl-row b{flex:1;min-width:120px;color:var(--cream);}
.team-tpl-used{font-size:12px;color:var(--muted);}
.team-preview-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.team-pe-h{margin:12px 0 5px;font-size:13px;}
.team-pe-tree{display:flex;flex-direction:column;gap:3px;}
.team-pe-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:4px 7px;border-radius:8px;}
.team-pe-row:nth-child(odd){background:var(--bg3);}
.team-pe-page{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:700;min-width:130px;}
.team-pe-ops{display:flex;flex-wrap:wrap;gap:4px 12px;}
.team-pe-ops.off{opacity:.35;pointer-events:none;}
.team-pe-ops label,.team-pe-acts label{display:flex;gap:5px;align-items:center;font-size:12px;}
.team-pe-acts{display:flex;flex-wrap:wrap;gap:5px 14px;}
.team-pe-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
/* v1.19.257: below the pages bar (#ws-bar, 34px, z 2147483000) and above everything, so the exit button is never cut off */
#team-preview-bar{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:2147483400;max-width:calc(100% - 32px);box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;background:var(--bg2);color:var(--cream);border:2px solid var(--gold2);box-shadow:0 6px 24px rgba(0,0,0,.35);}
#team-preview-bar span{flex:1;}
body.ws-on #team-preview-bar{top:42px;}
html.phone #team-preview-bar{top:calc(var(--ph-mb, 56px) + 8px);flex-wrap:wrap;font-size:12px;}
html.phone body.ws-on #team-preview-bar{top:calc(var(--ph-mb, 56px) + 42px);}
#team-preview-fab{position:fixed;bottom:16px;inset-inline-start:16px;z-index:2147483400;padding:7px 12px;border-radius:20px;border:2px solid var(--gold2);background:var(--bg2);color:var(--cream);font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);}
html.phone #team-preview-fab{bottom:calc(var(--ph-nav, 64px) + 12px);}