/* SouPrimeiroAC 22.3.111 / build 2434.
   ONLY Modo Cinema: safe presentation of collaborators and a quiet live status.
   Does not change presence/heartbeat timers, event delegation, OD, PDF, or saves. */
/* Team cards: labels and roles should never overlap across viewport sizes. */
#setmodeView .so-team-person{min-width:0;overflow:hidden;box-sizing:border-box;gap:10px;align-items:flex-start}
#setmodeView .so-team-person-details{min-width:0;flex:1;gap:5px}
#setmodeView .so-team-name-line{min-width:0;max-width:100%;gap:6px;align-items:flex-start}
#setmodeView .so-team-name-line strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.32}
#setmodeView .so-team-username{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.35}
#setmodeView .so-team-current-role{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.35;color:#e3e7ee!important;font-weight:650}
#setmodeView .so-team-owner-tag{display:inline-flex;align-items:center;max-width:100%;white-space:nowrap;line-height:1.2}
#setmodeView .so-team-pill{max-width:100%;box-sizing:border-box;line-height:1.2}
#setmodeView .so-team-role-form{width:100%;box-sizing:border-box}
/* Small live controller: equal priority for editor, section and active field. */
#setmodeView .so-live-control{padding:11px 13px;gap:9px;border-radius:14px;box-shadow:none!important;background:#161a21!important}
#setmodeView .so-live-control-head{display:flex;gap:9px;flex-wrap:nowrap;min-width:0;align-items:center}
#setmodeView .so-live-control-head>strong{color:#e9edf2;font-size:.78rem;font-weight:750;letter-spacing:0}
#setmodeView .so-live-head-actions{flex:0 0 auto;margin-left:auto;gap:6px}
#setmodeView .so-live-head-actions>span{font-size:.68rem;color:#b1c4bc;white-space:nowrap}
#setmodeView .so-live-toggle{min-width:31px;min-height:29px;border-radius:9px;font-size:15px;padding:3px 6px}
#setmodeView .so-live-control-collapsed{padding:8px 10px;gap:0;background:#141a1c!important;border-color:#364b40}
#setmodeView .so-live-indicator{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#38d78b;box-shadow:0 0 0 3px rgba(56,215,139,.10)}
#setmodeView .so-live-mini-info{display:grid;min-width:0;gap:3px;flex:1;line-height:1.2}
#setmodeView .so-live-mini-line{display:flex;align-items:center;flex-wrap:wrap;column-gap:7px;row-gap:3px;min-width:0}
#setmodeView .so-live-mini-line>b{font-weight:780;font-size:.76rem;color:#eef3f1;min-width:0;overflow-wrap:anywhere}
#setmodeView .so-live-mini-tab{display:inline-block;max-width:100%;border:1px solid #384e44;border-radius:7px;background:#1c2a23;color:#a9e4c4;font-size:.64rem;line-height:1.35;padding:2px 6px;overflow-wrap:anywhere}
#setmodeView .so-live-mini-more{font-size:.66rem;color:#a8bcb2}
#setmodeView .so-live-mini-info>small{color:#b6c3bd;font-size:.69rem;white-space:normal;overflow-wrap:anywhere}
#setmodeView .so-live-control-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#setmodeView .so-live-control-meta>div{min-width:0;display:grid;gap:3px;padding:8px 10px;border:1px solid #333c44;border-radius:10px;background:#171b22}
#setmodeView .so-live-control-meta small{font-size:.66rem;color:#abb5c1;line-height:1.35}
#setmodeView .so-live-control-meta b{min-width:0;font-size:.75rem;line-height:1.38;overflow-wrap:anywhere;font-weight:650}
#setmodeView .so-live-editors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:6px}
#setmodeView .so-live-editor{min-width:0;display:grid;gap:5px;border-color:#345544;background:#17251e;padding:8px 10px}
#setmodeView .so-live-editor-name{display:flex;gap:7px;align-items:center;min-width:0;flex-wrap:wrap}
#setmodeView .so-live-editor-name>b{font-size:.74rem;overflow-wrap:anywhere}
#setmodeView .so-live-editor-name>small{font-size:.67rem;color:#a7b9ae}
#setmodeView .so-live-editor-detail{display:flex;min-width:0;gap:6px;flex-wrap:wrap;align-items:center;font-size:.7rem;color:#c7e2d1;overflow-wrap:anywhere}
#setmodeView .so-live-section{color:#a5e7be;border:1px solid #38664c;border-radius:6px;padding:2px 6px;font-size:.66rem}
#setmodeView .so-live-idle{font-size:.7rem;color:#b6c4be;padding:2px}
@media(max-width:760px){
  #setmodeView .so-team-person{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:'avatar details remove' '. status status' 'role role role';gap:7px 10px;align-items:start!important;padding:11px!important;flex-wrap:initial!important}
  #setmodeView .so-team-person>.so-team-avatar{grid-area:avatar;width:36px;height:36px;min-width:36px;margin:0}
  #setmodeView .so-team-person>.so-team-person-details{grid-area:details;min-width:0;width:100%;display:grid;gap:4px;align-self:start}
  #setmodeView .so-team-person>.so-team-pill{grid-area:status;justify-self:start;align-self:center;white-space:nowrap;font-size:.67rem}
  #setmodeView .so-team-person>.so-team-remove{grid-area:remove;justify-self:end;margin:0;padding:5px 9px!important}
  #setmodeView .so-team-person>.so-team-role-form{grid-area:role;min-width:0;width:100%;margin:3px 0 0;padding:10px 0 0;flex-basis:auto}
  #setmodeView .so-team-name-line{display:flex;flex-wrap:wrap;gap:5px}
  #setmodeView .so-team-role-form label{min-width:0;flex-basis:100%;max-width:100%}
  #setmodeView .so-team-role-form button{max-width:100%}
  #setmodeView .so-live-control-meta{grid-template-columns:1fr}
  #setmodeView .so-live-control{padding:9px 11px}
  #setmodeView .so-live-control-collapsed{padding:8px 10px}
  #setmodeView .so-live-mini-tab{font-size:.61rem}
}

/* Align the editing status with the centered Cinema header and content. */
@media(min-width:761px){
 #setmodeView .so-live-control{box-sizing:border-box;width:min(100%,1120px);max-width:1120px;margin-left:auto;margin-right:auto;min-width:0;}
}