/* Electrical Workbench Teams — human-readable shared-job setup.
   Keeps all existing workspace identifiers and Supabase access rules intact. */
#cloud.ew-teams-page{max-width:1190px}
#cloud .ew-teams-steps{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px;margin:0 0 18px
}
#cloud .ew-teams-step{
 display:flex;gap:12px;align-items:flex-start;min-width:0;
 background:var(--panel2);border:1px solid var(--line);
 border-radius:12px;padding:15px 13px
}
#cloud .ew-teams-step>span{
 width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;
 border:1px solid #977333;background:#48371d;border-radius:9px;
 color:#ffe1a5;font-size:14px;font-weight:800
}
#cloud .ew-teams-step div{display:grid;gap:4px;min-width:0}
#cloud .ew-teams-step b{font-size:13px;line-height:1.4}
#cloud .ew-teams-step small{font-size:11px;line-height:1.5;color:var(--muted)}
#cloud .ew-teams-card{margin:0 0 16px;padding:clamp(17px,2.6vw,25px);min-width:0}
#cloud .ew-teams-card[hidden],#cloud [hidden]{display:none!important}
#cloud .ew-teams-card h2{font-size:clamp(19px,2.2vw,23px);margin:0 0 10px}
#cloud .ew-teams-card-heading{
 display:flex;align-items:flex-start;justify-content:space-between;
 flex-wrap:wrap;gap:11px;margin-bottom:10px
}
#cloud .ew-teams-card-heading h2{margin:5px 0 0}
#cloud .ew-teams-card-heading .pill{max-width:100%;overflow-wrap:anywhere}
#cloud .ew-teams-explain{font-size:13px;line-height:1.7;color:var(--muted);margin:7px 0 17px}
#cloud .ew-team-picker{max-width:650px;margin-bottom:21px}
#cloud .ew-team-picker select{min-height:53px;font-size:16px;border-color:#967340;padding:13px 16px}
#cloud .ew-team-picker label{font-size:14px;font-weight:700;color:var(--text)}
#cloud .ew-teams-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#cloud .ew-teams-option{
 display:flex;flex-direction:column;gap:0;
 min-width:0;padding:19px;background:var(--panel2);border:1px solid var(--line);
 border-radius:13px
}
#cloud .ew-teams-option h3{font-size:16px;margin:0 0 10px;line-height:1.45}
#cloud .ew-teams-option h3 span{color:var(--gold)}
#cloud .ew-teams-option p{
 font-size:12px;line-height:1.7;color:var(--muted);
 margin:0 0 17px;min-height:60px
}
#cloud .ew-teams-option .field{margin-top:auto;margin-bottom:12px}
#cloud .ew-teams-option :is(input,select){min-height:48px;font-size:15px}
#cloud .ew-teams-option button{min-height:46px;align-self:flex-start;padding-left:17px;padding-right:17px}
#cloud .ew-team-advanced{
 margin:18px 0 0;background:var(--panel2);
 border:1px solid var(--line);border-radius:11px;overflow:hidden
}
#cloud .ew-team-advanced summary{
 cursor:pointer;padding:14px 16px;font-size:13px;line-height:1.5;font-weight:750;
 color:var(--text);min-height:47px;user-select:none
}
#cloud .ew-team-advanced summary:focus-visible,
#cloud .ew-team-sync-details>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
#cloud .ew-team-advanced[open]>summary{border-bottom:1px solid var(--line);color:var(--gold)}
#cloud .ew-team-advanced-content{padding:15px 16px}
#cloud .ew-team-advanced-content>p{
 font-size:12px;line-height:1.7;color:var(--muted);
 margin:0 0 14px
}
#cloud .ew-team-role-guide{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:9px;margin:18px 0
}
#cloud .ew-team-role-guide>div{display:grid;align-content:start;gap:7px;padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
#cloud .ew-team-role-guide b{font-size:12px;color:var(--gold)}
#cloud .ew-team-role-guide span{font-size:11px;line-height:1.6;color:var(--muted)}
#cloud .ew-team-invite{
 padding:18px;border:1px solid #735f3f;border-radius:12px;
 background:linear-gradient(145deg,#29251d,var(--panel2));margin:19px 0
}
#cloud .ew-team-invite h3{margin:0 0 8px;font-size:16px}
#cloud .ew-team-invite-layout{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:13px;max-width:950px
}
#cloud .ew-team-invite .field{margin:0 0 13px}
#cloud .ew-team-invite :is(input,select){font-size:15px;min-height:48px}
#cloud .ew-team-invite .actions button{min-height:44px}
#cloud .ew-team-invite .tiny{margin:14px 0 0}
#cloud .ew-teams-members{margin-top:22px}
#cloud .ew-teams-members h3{margin:0 0 7px;font-size:16px}
#cloud .ew-teams-members>.tiny{margin:0 0 14px;line-height:1.6}
#cloud #cloudMembers{display:grid;gap:8px}
#cloud #cloudMembers .list-item{gap:13px;flex-wrap:wrap}
#cloud #cloudMembers .list-item b{font-size:13px}
#cloud #cloudMembers select{font-size:13px;max-width:300px;min-height:44px}
#cloud .ew-team-sublist{margin-top:14px;display:grid;gap:8px;min-width:0}
#cloud .ew-team-sync-details{background:var(--panel)}
#cloud .ew-team-sync-details>summary{cursor:pointer;min-height:48px;display:grid;gap:5px;list-style:none;padding:0 0 0 21px;position:relative}
#cloud .ew-team-sync-details>summary::-webkit-details-marker{display:none}
#cloud .ew-team-sync-details>summary:before{content:"▸";position:absolute;left:0;top:2px;color:var(--gold);font-size:15px}
#cloud .ew-team-sync-details[open]>summary:before{content:"▾"}
#cloud .ew-team-sync-details>summary b{font-size:14px;line-height:1.4}
#cloud .ew-team-sync-details>summary span{font-size:12px;color:var(--muted);line-height:1.5}
#cloud .ew-team-sync-details>.ew-team-advanced-content{padding:17px 0 0;border-top:1px solid var(--line)}
#cloud .ew-team-sync-details .cloud-stats{margin-bottom:14px}
#cloud .ew-teams-bottom-note{line-height:1.65;margin:18px 0 0}
#cloud .ew-team-invite .field label,
#cloud .ew-team-advanced-content .field label{font-size:13px;line-height:1.5}
@media(max-width:760px){
 #cloud .ew-teams-steps{grid-template-columns:1fr;gap:8px}
 #cloud .ew-teams-step{padding:11px 13px}
 #cloud .ew-teams-setup-grid{grid-template-columns:1fr}
 #cloud .ew-teams-option p{min-height:0}
 #cloud .ew-team-role-guide{grid-template-columns:1fr}
 #cloud .ew-team-role-guide>div{display:block}
 #cloud .ew-team-role-guide b{margin-right:8px}
 #cloud .ew-team-invite-layout{grid-template-columns:1fr;gap:0}
 #cloud .ew-team-invite{padding:13px}
}