[hidden] { display:none!important }
body { margin:0 }
.team-home { position:fixed;inset:0;z-index:1000;overflow:auto;background:var(--bg);color:var(--ink);font-family:var(--font-ui) }
.team-nav { min-height:76px;padding:16px 32px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;background:var(--panel);flex-wrap:wrap }
.team-logo { font:700 27px var(--font-brand);letter-spacing:-1px;margin-right:12px }
.team-tag { font:11px var(--font-num);letter-spacing:2px;text-transform:uppercase;color:var(--muted) }
.team-spacer { flex:1 }
.team-wrap { max-width:1450px;margin:auto;padding:36px 32px 70px }
.team-hero { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 30px }
.team-hero h1 { font:600 clamp(28px,4vw,43px) var(--font-brand);margin:8px 0;letter-spacing:-1px }
.team-sub { color:var(--muted);font-size:14px;line-height:1.6;margin:6px 0 }
.team-actions,.team-filters { display:flex;gap:9px;align-items:center;flex-wrap:wrap }
.team-filters { border-top:1px solid var(--line);padding:20px 0 }
.team-home input,.team-home select,.team-dialog input,.team-dialog select,.team-dialog textarea,.team-bar input,.team-bar select { background:var(--raised);color:var(--ink);border:1px solid var(--line-strong);border-radius:7px;padding:9px 12px;font:14px var(--font-ui);min-width:0 }
.team-filters input { flex:1;min-width:180px }
.team-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:20px }
.team-card { background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column }
.team-preview { border:0;border-bottom:1px solid var(--line);background:var(--raised);aspect-ratio:1.25;display:grid;place-items:center;cursor:pointer;width:100%;padding:0;overflow:hidden }
.team-preview img { width:100%;height:100%;object-fit:cover }
.team-placeholder { font:600 22px var(--font-brand);color:var(--muted);padding:20px }
.team-card-body { padding:18px;display:grid;gap:10px }
.team-card h3 { font-size:17px;margin:0;overflow-wrap:anywhere }
.team-meta { font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere }
.team-badges { display:flex;gap:6px;flex-wrap:wrap }
.team-badge { border:1px solid var(--line);padding:3px 7px;border-radius:5px;font-size:11px }
.team-badge.approved { color:var(--good);border-color:var(--good) }
.team-badge.private { color:var(--accent-text) }
.team-empty { border:1px dashed var(--line-strong);padding:50px 24px;text-align:center;border-radius:12px;grid-column:1/-1 }
.team-notice { padding:15px 18px;border:1px solid var(--warn);border-radius:8px;margin-bottom:20px;color:var(--ink);background:var(--panel) }
.team-bar { position:fixed;top:0;left:0;right:0;z-index:100;background:var(--panel);border-bottom:1px solid var(--line-strong);padding:9px 16px;min-height:88px;box-sizing:border-box;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink) }
.team-bar-main { flex:1;min-width:210px }
.team-bar-name { font-weight:600;font-size:15px }
.team-sync { font-size:12px;color:var(--muted);margin-top:5px }
.team-sync.error { color:var(--bad) }
body.team-editor .app { height:calc(100dvh - 88px);margin-top:88px }
body:not(.team-editor)>.app { visibility:hidden;pointer-events:none }
.team-dialog { max-width:720px;width:calc(100% - 40px);max-height:85dvh;overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;padding:26px;font-family:var(--font-ui);box-shadow:var(--shadow) }
.team-dialog::backdrop { background:rgba(0,0,0,.5) }
.team-dialog h2 { font:600 25px var(--font-brand);margin:0 0 15px }
.team-dialog label { display:grid;gap:6px;margin:14px 0;font-size:13px }
.team-dialog textarea { min-height:90px;width:100%;box-sizing:border-box;resize:vertical }
.team-dialog .team-actions { margin-top:22px;justify-content:flex-end }
.team-dialog-row { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap }
.team-error { color:var(--bad);white-space:pre-wrap;font-size:14px;line-height:1.5 }
.team-login { max-width:600px;margin:12vh auto;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:14px }
.team-login h1 { font:600 32px var(--font-brand) }
.team-comment { white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 }
.team-dev { border:1px solid var(--warn);padding:6px;border-radius:5px;font-size:12px }
@media(max-width:850px) { .team-nav,.team-wrap { padding:18px } .team-hero { align-items:flex-start;flex-direction:column } .team-bar { min-height:132px;gap:6px } body.team-editor .app { height:calc(100dvh - 132px);margin-top:132px } .team-bar .btn { padding:6px;font-size:12px } }

body.team-editor .app { height:calc(100dvh - var(--team-bar-height,88px));margin-top:var(--team-bar-height,88px) }