/* Dev Teams, GitHub-style: repository list, Issues / Pull requests / Runs / Team, threads with @mentions. */
#page-devteams:not(.dt-classic) #dt-overview,
#page-devteams:not(.dt-classic) #dt-project,
#page-devteams:not(.dt-classic) .cc-page-head{display:none!important}
#page-devteams.dt-classic #dt-gh{display:none}
.ghx{--gh-line:var(--border,#313244);--gh-soft:rgba(137,180,250,.07);--gh-open:#3fb950;--gh-merged:#a371f7;--gh-closed:#f85149;--gh-draft:#8b949e;
  max-width:1080px;margin:0 auto;padding:14px 14px 90px;color:var(--text,#cdd6f4);font-size:14px;line-height:1.5}
.ghx a,.ghx .ghx-link{color:var(--blue,#89b4fa);cursor:pointer;text-decoration:none;background:none;border:0;padding:0;font:inherit;text-align:left}
.ghx a:hover,.ghx .ghx-link:hover{text-decoration:underline}
.ghx button{font:inherit}
.ghx-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ghx-crumb{font-size:18px;font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ghx-crumb .sep{color:var(--dim,#6c7086);font-weight:400}
.ghx-spacer{flex:1}
.ghx-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--gh-line);background:rgba(49,50,68,.6);color:var(--text,#cdd6f4);cursor:pointer;font-weight:600;font-size:13px}
.ghx-btn:hover{border-color:rgba(137,180,250,.5)}
.ghx-btn.primary{background:#238636;border-color:#2ea043;color:#fff}
.ghx-btn.primary:hover{background:#2ea043}
.ghx-btn.danger{color:#f85149}
.ghx-btn.sm{min-height:28px;padding:0 10px;font-size:12px}
.ghx-btn[disabled]{opacity:.5;cursor:default}
.ghx-tabs{display:flex;gap:2px;border-bottom:1px solid var(--gh-line);margin:0 -14px 14px;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.ghx-tabs::-webkit-scrollbar{display:none}
.ghx-tab{flex:0 0 auto;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--dim,#a6adc8);cursor:pointer;font-weight:600;font-size:14px;display:flex;gap:7px;align-items:center;white-space:nowrap}
.ghx-tab:hover{color:var(--text,#cdd6f4)}
.ghx-tab.on{color:var(--text,#cdd6f4);border-bottom-color:#f78166}
.ghx-count{min-width:20px;padding:0 6px;border-radius:999px;background:rgba(110,118,129,.35);font-size:12px;text-align:center;line-height:20px}
.ghx-box{border:1px solid var(--gh-line);border-radius:10px;overflow:hidden;background:rgba(17,17,27,.5)}
.ghx-box-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:rgba(49,50,68,.45);border-bottom:1px solid var(--gh-line);font-weight:600;font-size:13px}
.ghx-seg{background:none;border:0;color:var(--dim,#a6adc8);cursor:pointer;font-weight:600;padding:4px 2px}
.ghx-seg.on{color:var(--text,#cdd6f4)}
.ghx-row{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--gh-line);align-items:flex-start;cursor:pointer}
.ghx-row:last-child{border-bottom:0}
.ghx-row:hover{background:var(--gh-soft)}
.ghx-row .main{flex:1;min-width:0}
.ghx-row .title{font-weight:600;font-size:15px;color:var(--text,#cdd6f4);word-break:break-word}
.ghx-row:hover .title{color:var(--blue,#89b4fa)}
.ghx-row .meta{font-size:12px;color:var(--dim,#8b949e);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ghx-row .side{display:flex;gap:10px;align-items:center;color:var(--dim,#8b949e);font-size:12px;flex:0 0 auto}
.ghx-ico{flex:0 0 auto;width:18px;height:18px;margin-top:3px}
.ghx-ico.open{color:var(--gh-open)}.ghx-ico.closed{color:var(--gh-merged)}.ghx-ico.merged{color:var(--gh-merged)}.ghx-ico.draft{color:var(--gh-draft)}.ghx-ico.rejected{color:var(--gh-closed)}
.ghx-label{display:inline-block;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:20px;border:1px solid transparent}
.ghx-state{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-weight:600;font-size:13px;color:#fff}
.ghx-state.open{background:#238636}.ghx-state.closed,.ghx-state.merged{background:#8957e5}.ghx-state.draft{background:#6e7681}.ghx-state.rejected{background:#da3633}
.ghx-avatar{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:#11111b;flex:0 0 auto}
.ghx-avatar.lg{width:36px;height:36px;font-size:15px}
.ghx-bot{font-size:11px;font-weight:600;padding:0 6px;border:1px solid var(--gh-line);border-radius:999px;color:var(--dim,#8b949e)}
.ghx-search{flex:1;min-width:160px;height:34px;border-radius:8px;border:1px solid var(--gh-line);background:rgba(17,17,27,.7);color:var(--text,#cdd6f4);padding:0 12px;font-size:16px}
.ghx-empty{padding:42px 16px;text-align:center;color:var(--dim,#8b949e)}
.ghx-empty b{display:block;color:var(--text,#cdd6f4);font-size:17px;margin-bottom:6px}
.ghx-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ghx-title h1{font-size:24px;font-weight:600;margin:0;word-break:break-word}
.ghx-title .num{font-size:24px;color:var(--dim,#8b949e);font-weight:300}
.ghx-sub{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--dim,#8b949e);font-size:13px;margin:8px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--gh-line)}
.ghx-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:start}
.ghx-side{display:grid;gap:14px;font-size:13px}
.ghx-side h4{margin:0 0 6px;font-size:12px;color:var(--dim,#8b949e);font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--gh-line)}
.ghx-side .none{color:var(--dim,#8b949e)}
.ghx-chips{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:820px){.ghx-layout{grid-template-columns:1fr}.ghx-side{order:2}.ghx-row .side{display:none}.ghx-title h1,.ghx-title .num{font-size:20px}.ghx{padding-inline:10px}.ghx-tabs{margin-inline:-10px;padding-inline:10px}}
.ghx-thread{display:grid;gap:0;position:relative}
.ghx-thread:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;width:2px;background:var(--gh-line)}
.ghx-cm{display:flex;gap:12px;margin-bottom:14px;position:relative}
.ghx-cm .ghx-avatar{margin-top:2px;position:relative;z-index:1;border:3px solid var(--bg,#11111b);box-sizing:content-box}
.ghx-cm-box{flex:1;min-width:0;border:1px solid var(--gh-line);border-radius:10px;overflow:hidden;background:rgba(17,17,27,.55)}
.ghx-cm-box.agent{border-color:rgba(163,113,247,.45)}
.ghx-cm-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:rgba(49,50,68,.45);border-bottom:1px solid var(--gh-line);font-size:13px;color:var(--dim,#8b949e)}
.ghx-cm-head b{color:var(--text,#cdd6f4)}
.ghx-cm-body{padding:12px;font-size:14px;word-break:break-word}
.ghx-cm-body pre{background:rgba(0,0,0,.35);border-radius:8px;padding:10px;overflow:auto;font-size:12.5px;max-width:100%}
.ghx-cm-body code{background:rgba(110,118,129,.25);border-radius:5px;padding:1px 5px;font-size:12.5px}
.ghx-cm-body pre code{background:none;padding:0}
.ghx-mention{color:var(--blue,#89b4fa);font-weight:600;background:rgba(137,180,250,.12);border-radius:5px;padding:0 3px}
.ghx-ev{display:flex;gap:10px;align-items:center;color:var(--dim,#8b949e);font-size:13px;margin:0 0 14px 4px;position:relative}
.ghx-ev .dot{width:28px;height:28px;border-radius:50%;background:rgba(110,118,129,.3);display:grid;place-items:center;font-size:13px;border:3px solid var(--bg,#11111b);box-sizing:content-box;z-index:1}
.ghx-compose{border:1px solid var(--gh-line);border-radius:10px;overflow:hidden;background:rgba(17,17,27,.55);margin-top:8px;position:relative}
.ghx-compose textarea{display:block;width:100%;min-height:96px;border:0;outline:0;resize:vertical;background:transparent;color:var(--text,#cdd6f4);padding:12px;font:inherit;font-size:16px}
.ghx-compose .bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-top:1px solid var(--gh-line);background:rgba(49,50,68,.3)}
.ghx-compose .hint{color:var(--dim,#8b949e);font-size:12px;flex:1;min-width:140px}
.ghx-ac{position:absolute;left:10px;bottom:70px;z-index:20;min-width:240px;max-width:calc(100% - 20px);max-height:220px;overflow:auto;border:1px solid var(--gh-line);border-radius:10px;background:#181825;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.ghx-ac button{display:flex;gap:8px;align-items:center;width:100%;padding:9px 12px;border:0;background:none;color:var(--text,#cdd6f4);cursor:pointer;text-align:left;min-height:44px}
.ghx-ac button.on,.ghx-ac button:hover{background:rgba(137,180,250,.14)}
.ghx-ac small{color:var(--dim,#8b949e);margin-left:auto;font-size:11px}
.ghx-form{display:grid;gap:12px;max-width:760px}
.ghx-form input[type=text],.ghx-form textarea,.ghx-form select{width:100%;border:1px solid var(--gh-line);border-radius:8px;background:rgba(17,17,27,.7);color:var(--text,#cdd6f4);padding:9px 12px;font:inherit;font-size:16px}
.ghx-form label{font-weight:600;font-size:13px;display:grid;gap:6px}
.ghx-checks{display:grid;gap:0}
.ghx-check{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--gh-line);align-items:center}
.ghx-check:last-child{border-bottom:0}
.ghx-pass{color:var(--gh-open)}.ghx-fail{color:var(--gh-closed)}.ghx-warn{color:#d29922}
.ghx-file{border:1px solid var(--gh-line);border-radius:10px;overflow:hidden;margin-bottom:14px}
.ghx-file-head{display:flex;gap:10px;padding:8px 12px;background:rgba(49,50,68,.5);cursor:pointer;align-items:center;font-size:13px;font-family:var(--mono,monospace);word-break:break-all}
.ghx-diff{overflow:auto;font-family:var(--mono,monospace);font-size:12px;line-height:1.45;background:rgba(0,0,0,.25)}
.ghx-diff div{white-space:pre;padding:0 12px;min-width:max-content}
.ghx-diff .add{background:rgba(46,160,67,.18)}.ghx-diff .del{background:rgba(248,81,73,.16)}.ghx-diff .hunk{color:#79c0ff;background:rgba(56,139,253,.12)}
.ghx-merge{border:1px solid var(--gh-line);border-radius:10px;padding:14px;margin-top:10px;display:grid;gap:10px}
.ghx-merge.ok{border-color:rgba(63,185,80,.5)}
.ghx-merge.bad{border-color:rgba(248,81,73,.5)}
.ghx-repo-row .name{font-size:16px;font-weight:600}
.ghx-lang{display:inline-flex;gap:6px;align-items:center}
.ghx-lang i{width:10px;height:10px;border-radius:50%;display:inline-block}
.ghx-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3fb950;animation:ghxp 1.4s infinite}
@keyframes ghxp{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.ghx-pulse{animation:none}}
.ghx-note{border:1px solid var(--gh-line);border-radius:8px;padding:10px 12px;color:var(--dim,#a6adc8);font-size:13px;margin-bottom:12px;background:var(--gh-soft)}
.ghx-pending{display:flex;gap:10px;align-items:center;color:var(--dim,#8b949e);font-size:13px;margin:0 0 14px 4px}

/* Art tab (static/dev_art.js) */
.art-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:12px 0}
.art-sub{color:var(--dim);font-size:12px;margin-left:6px}
.art-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.art-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px;min-width:0}
.art-card.st-approved{border-color:#3fb950}.art-card.st-rejected{border-color:#f85149;opacity:.8}.art-card.st-shipped{border-color:#8957e5}
.art-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
.art-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-badge{font-size:11px;border-radius:10px;padding:1px 8px;background:var(--bg3);color:var(--dim)}
.art-badge.st-approved{background:rgba(63,185,80,.18);color:#3fb950}.art-badge.st-rejected{background:rgba(248,81,73,.18);color:#f85149}.art-badge.st-shipped{background:rgba(137,87,229,.2);color:#a371f7}
.art-views{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.art-view{position:relative;aspect-ratio:1;background:#6e6e7d;border:2px solid transparent;border-radius:6px;padding:0;cursor:pointer;overflow:hidden}
.art-view img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;display:block}
.art-view.on{border-color:#58a6ff;box-shadow:0 0 0 2px rgba(88,166,255,.35)}
.art-view .art-vl{position:absolute;left:3px;top:2px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px #000}
.art-missing{display:flex;align-items:center;justify-content:center;color:var(--dim);cursor:default}
.art-meta{font-size:11px;color:var(--dim);margin:8px 0 6px;min-height:16px}
.art-ver{background:transparent;border:0;color:var(--text);cursor:pointer;padding:0 4px}.art-ver:disabled{opacity:.3;cursor:default}
.art-redo{margin-top:6px}.art-redo textarea{width:100%;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px;box-sizing:border-box}
.art-redo-scope{font-size:12px;margin-bottom:6px;color:var(--dim)}
.art-need{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border)}
.art-need .art-sub{max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-need.st-dismissed{opacity:.6}
@media(max-width:600px){.art-need{flex-direction:column;align-items:stretch}}
.art-redo-all{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:12px}
.art-job.warn{border-left-color:#d29922}
.art-foot{margin-top:14px;font-size:11px;color:var(--dim)}
@media (max-width:700px){.art-grid{grid-template-columns:1fr}.art-actions .ghx-btn{flex:1 1 auto;min-height:36px}}
.art-tiles{grid-template-columns:repeat(5,1fr)}
.art-tile{cursor:default}
.art-redo label{font-size:12px;margin-right:12px}
.art-anims{margin:6px 0}.art-anim summary{cursor:pointer;font-size:12px}.art-arow{display:flex;align-items:center;gap:2px;margin:2px 0}.art-arow img{width:32px;height:32px;image-rendering:pixelated;background:#2a2a33}.art-fmiss{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#3a2a2a;color:#e0576b}

@media (pointer:coarse),(max-width:700px){
  .ghx-form label:has(input[type=checkbox]),.art-needs label:has(input[type=checkbox]){min-height:44px;padding:4px 10px;border:1px solid var(--border);border-radius:8px}
  .ghx-form input[type=checkbox],.art-needs input[type=checkbox]{width:22px;height:22px}
  .ghx-form select,.ghx-form input[type=text],.ghx-form input[type=file]{min-height:44px}
  .ghx-btn{min-height:44px}
}
@media(max-width:600px){.ghx-tabs{gap:0}.ghx-tab{padding:10px 6px;font-size:12.5px;gap:4px}}
.art-playbox{margin:6px 0}

/* plain-language status: origin chips, attention card, what it is doing now */
.ghx-origin{display:inline-block;padding:0 8px;border-radius:10px;font-size:11px;border:1px solid var(--bdr,#30363d);color:var(--dim,#8b949e)}
.ghx-origin.you,.ghx-origin.person{border-color:#2f81f7;color:#79c0ff}
.ghx-origin.steward{border-color:#8957e5;color:#d2a8ff}
.ghx-attn{margin:8px 0}
.ghx-now{margin:4px 0 8px}
.ghx-origin.approved_plan{border-color:#2f81f7;color:#79c0ff}
.ghx-verif{display:inline-block;padding:0 8px;border-radius:10px;font-size:11px;border:1px solid #d29922;color:#e3b341}
.ghx-verif.required_passed{border-color:#238636;color:#3fb950}
.ghx-verif.required_failed{border-color:#da3633;color:#f85149}
