.team-main { max-width:1160px; margin:28px auto; padding:0 28px; min-height:460px; }
.team-main h1 { margin:0 0 6px; }
.team-login { max-width:440px; margin:40px auto; }
.team-login .op-panel-body { padding:28px; }
.team-login h1 { margin-bottom:8px; }
.team-stack { display:grid; gap:16px; }
.team-login .op-btn-primary { width:100%; }
.team-account { max-width:620px; }
.team-account h2 { margin:0 0 18px; }
.team-role-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0 24px; }
.team-role-summary div { border-left:2px solid var(--line); padding-left:12px; }
.team-role-summary strong { display:block; font-size:14px; margin-bottom:4px; }
.team-role-summary p { color:var(--muted); font-size:12px; }
.team-history { max-height:280px; overflow:auto; padding:0; list-style:none; margin:0; }
.team-history li { border-bottom:1px solid var(--line); padding:12px 20px; font-size:13px; overflow-wrap:anywhere; }
.team-history time { display:block; font-size:12px; color:var(--muted); }
@media(max-width:600px) { .team-main { padding:0 16px; margin-top:24px; }.team-login { margin:20px auto; }.team-login .op-panel-body { padding:22px; }.team-role-summary { grid-template-columns:1fr; gap:12px; } }