/* SouPrimeiroAC V22.3.98 — styles isolated to Cinema team tab only. */
#setmodeView .so-team-panel{--so-team-border:#343944;display:grid;gap:18px;width:100%;min-width:0;max-width:1120px;margin:0 auto;color:#f7f7f4}
#setmodeView .so-team-panel>header{position:relative;overflow:hidden;padding:27px clamp(17px,3vw,32px);border:1px solid #3d3e3f;border-radius:22px;background:radial-gradient(circle at 96% 5%,rgba(255,212,0,.15),transparent 30%),linear-gradient(145deg,#1b2029,#12151b);box-shadow:0 16px 34px rgba(0,0,0,.23)}
#setmodeView .so-team-kicker{margin:0 0 7px!important;color:#ffd400!important;font-size:.7rem;font-weight:900;letter-spacing:.16em}
#setmodeView .so-team-panel h3{margin:0 0 9px;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.12;color:#fff}
#setmodeView .so-team-panel p{margin:0;line-height:1.5;color:#c8cad1}
#setmodeView .so-team-indicators{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#setmodeView .so-team-indicators span{display:inline-flex;gap:7px;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #40464e;border-radius:999px;background:#181b22;font-size:.76rem;color:#f2f2ef;font-weight:800}
#setmodeView .so-team-indicators i{width:8px;height:8px;background:#39cf88;border-radius:50%;box-shadow:0 0 0 3px rgba(57,207,136,.15)}
#setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){min-width:0;padding:22px;border:1px solid var(--so-team-border);border-radius:20px;background:linear-gradient(180deg,#191d24,#13171d);box-shadow:0 14px 25px rgba(0,0,0,.14)}
#setmodeView .so-team-setup{display:grid;gap:12px;justify-items:start}
#setmodeView .so-team-setup strong{font-size:1.14rem}
#setmodeView .so-team-panel h4{margin:0 0 12px;font-size:1.08rem;color:#fff}
#setmodeView .so-team-grid{display:grid;grid-template-columns:1fr minmax(180px,.65fr);gap:12px}
#setmodeView .so-team-invite label{color:#c5cad4;display:grid;gap:7px}
#setmodeView .so-team-invite input,#setmodeView .so-team-invite select{background:#0c0f15;color:#fff;border:1px solid #434955;border-radius:12px;padding:10px 13px}
#setmodeView .so-team-invite .btn,#setmodeView .so-team-setup .btn{min-height:46px;padding:10px 17px;border-radius:12px;background:#ffd400;color:#111215;font-weight:900}
#setmodeView .so-team-list{display:grid;gap:8px;max-height:min(55vh,620px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#setmodeView .so-team-person{display:flex;gap:12px;align-items:center;min-width:0;padding:11px 12px;border-radius:14px;border:1px solid #323945;background:#11151d}
#setmodeView .so-team-avatar{width:40px;height:40px;min-width:40px;border:1px solid rgba(255,212,0,.4);border-radius:13px;display:grid;place-items:center;background:rgba(255,212,0,.11);color:#ffd400;font-weight:900}
#setmodeView .so-team-person>div{display:grid;gap:4px;flex:1;min-width:0}
#setmodeView .so-team-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
#setmodeView .so-team-person small{color:#aeb6c2;font-size:.74rem;line-height:1.35}
#setmodeView .so-team-pill{white-space:nowrap;font-size:.69rem;color:#aeb6c2;font-weight:800}
#setmodeView .so-team-pill.online{color:#60e4a0}
#setmodeView .so-team-remove,#setmodeView .so-team-role-edit{width:auto;min-height:35px!important;padding:5px 9px!important;border:1px solid #454b58;border-radius:10px;background:#1e232d;color:#e5e9ed;font-size:.75rem;font-weight:800;flex-shrink:0}
#setmodeView .so-team-remove{min-width:36px;color:#ffaeae}
#setmodeView .so-team-footnote{font-size:.8rem;color:#a9adb6!important}
#setmodeView .so-team-controls{display:flex;gap:10px;flex-wrap:wrap}
#setmodeView .so-team-controls .btn{min-height:44px;border-radius:12px}
@media (max-width:760px){
  /* Preserve the previous truly fixed seven-step menu and fit the new EQUIPE tab. */
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{font-size:clamp(6px,1.68vw,7.8px)!important}
  #setmodeView .so-team-panel>header{padding:21px 17px}
  #setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){padding:16px}
  #setmodeView .so-team-grid{grid-template-columns:minmax(0,1fr)}
  #setmodeView .so-team-person{gap:8px;padding:9px}
  #setmodeView .so-team-avatar{width:34px;height:34px;min-width:34px}
  #setmodeView .so-team-role-edit{max-width:60px}
}
@media (max-width:360px){
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{font-size:5.6px!important}
  #setmodeView .so-team-person{flex-wrap:wrap}
}
/* V22.3.99: role management belongs only to the Cinema > Equipe panel. */
#setmodeView .so-team-members-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
#setmodeView .so-team-members-head h4{margin:0 0 5px}
#setmodeView .so-team-members-head p{font-size:.8rem;color:#b5bdc8}
#setmodeView .so-team-person{flex-wrap:wrap;align-items:center}
#setmodeView .so-team-person-details{display:grid;gap:3px;flex:1;min-width:155px}
#setmodeView .so-team-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
#setmodeView .so-team-owner-tag{padding:3px 7px;border-radius:999px;background:#3b3320;color:#ffd400;font-size:.63rem;font-weight:850}
#setmodeView .so-team-username{color:#b5c2d8;font-size:.73rem}
#setmodeView .so-team-current-role{color:#ffd400;font-size:.76rem;font-weight:750}
#setmodeView .so-team-avatar{border-radius:50%;overflow:hidden}
#setmodeView .so-team-avatar img{height:100%;width:100%;object-fit:cover;display:block}
#setmodeView .so-team-pill{border:1px solid #424a56;padding:6px 9px;border-radius:999px}
#setmodeView .so-team-pill.online{border-color:#277750;background:#123725}
#setmodeView .so-team-role-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;flex-basis:100%;min-width:0;margin-left:52px;padding-top:8px;border-top:1px solid #28303b}
#setmodeView .so-team-role-form label{display:grid;gap:5px;min-width:180px;flex:1;color:#bdc3ce;font-size:.73rem;font-weight:650}
#setmodeView .so-team-role-form :is(select,input){width:100%;min-height:38px;border:1px solid #434955;border-radius:10px;background:#0c0f15;color:white;padding:7px 10px;font-size:.81rem}
#setmodeView .so-team-custom-role[hidden]{display:none!important}
#setmodeView .so-team-save-role{min-height:38px!important;border:none;border-radius:10px;background:#ffd400;color:#111215;padding:8px 12px!important;font-size:.77rem;font-weight:850;cursor:pointer}
#setmodeView .so-team-role-form button:disabled{opacity:.5;cursor:wait}
#setmodeView .so-team-remove{min-height:32px!important}
@media(max-width:760px){
  #setmodeView .so-team-person-details{min-width:120px}
  #setmodeView .so-team-role-form{margin-left:0;gap:8px}
  #setmodeView .so-team-role-form label{flex-basis:100%}
  #setmodeView .so-team-save-role{width:100%}
  #setmodeView .so-team-pill{font-size:.64rem}
}

/* V22.3.107 — compact collaborative operation controller. */
#setmodeView .so-live-control{margin:12px 0;padding:13px 16px;border-radius:15px;border:1px solid #3b4250;background:#161a21;color:#eef0f5;display:grid;gap:9px;max-width:1120px}
#setmodeView .so-live-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
#setmodeView .so-live-control-head>strong{color:#ffd400;font-size:14px}
#setmodeView .so-live-control-head>span{color:#53db9c;font-size:12px}
#setmodeView .so-live-head-actions{display:flex;align-items:center;gap:9px}
#setmodeView .so-live-head-actions>span{color:#53db9c;font-size:12px}
#setmodeView .so-live-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:3px 8px;border:1px solid #454b55;border-radius:9px;background:#232830;color:#f8f8f8;font:700 18px/1 system-ui;cursor:pointer}
#setmodeView .so-live-toggle:focus-visible{outline:2px solid #ffd400;outline-offset:2px}
#setmodeView .so-live-control-collapsed{padding:8px 12px;gap:0}
#setmodeView .so-live-control-collapsed .so-live-control-head>strong{color:#53db9c}
#setmodeView .so-live-control-meta{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12px;color:#bfc5cd}
#setmodeView .so-live-control-meta b{font-weight:700;color:#fff}
#setmodeView .so-live-username{font-size:.92em;color:#abb8cc;font-weight:500}
#setmodeView .so-live-editors{display:flex;flex-wrap:wrap;gap:7px}
#setmodeView .so-live-editor{display:grid;gap:3px;padding:7px 10px;border-radius:10px;border:1px solid #356452;background:#152620;font-size:12px;line-height:1.35}
#setmodeView .so-live-editor small{color:#b5e6ce;font-size:11px}
#setmodeView .so-live-editor em{font-style:normal;color:#70e5aa}
#setmodeView .so-live-idle{font-size:11px;color:#a9b3bc}
@media(max-width:760px){#setmodeView .so-live-control{padding:11px 13px;margin:11px 0}#setmodeView .so-live-control-meta{display:grid;gap:5px}}