.board-card { padding:.3rem .55rem; border-radius:6px; cursor:pointer; }
.board-card:not(.open):has(> .fold-head) { padding:.3rem .55rem }
.board-card > .fold-head { display:grid; grid-template-columns:1rem minmax(0,1fr) 1rem 1rem; gap:.35rem; align-items:start; }
.board-card > .fold-head > h3 { margin:0; font-size:.88rem; font-weight:500; line-height:1.4; min-width:0; display:block!important; }
.board-card > .fold-head > h3 > a, .board-card > .fold-head > h3 > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--fg); text-decoration:none }
.board-card.open > .fold-head > h3 > a, .board-card.open > .fold-head > h3 > span { white-space:normal }
.board-card-identity { font-size:.74rem; color:var(--dim); font-weight:400; margin-top:.05rem }
.task-progress { margin:.35rem 0; font-size:.78rem; font-weight:400; line-height:1.45; overflow-wrap:anywhere }
.task-progress-label { color:var(--fg); font-weight:500 }
.task-progress-detail, .task-progress time { color:var(--dim) }
.task-progress time { display:block; font-size:.72rem }
.task-progress progress { display:block; inline-size:min(16rem,100%); accent-color:var(--blue) }
.board-card-toggle { border:0; background:transparent; color:var(--dim); font:inherit; line-height:1.3; padding:0; min-width:1rem; cursor:pointer }
.board-card-toggle[aria-expanded=true] { transform:rotate(90deg) }
.board-card > .fold-head > .bn-priority { grid-column:3; grid-row:1; font-size:.85rem; text-align:center }
.board-card > .fold-head > .bn-badge { position:static; grid-column:4; grid-row:1; font-size:.85rem; width:auto; color:var(--bn-kind-color,var(--dim)) }
.board-card > .fold-body { border-top:1px solid var(--line); margin-top:.45rem; padding-top:.45rem; cursor:auto; line-height:1.6 }
.board-card .sub > .card { background:transparent; border:0; padding:.25rem 0; margin:0; cursor:auto!important }
.board-card .sub > .card > h3 { display:none }
.board-card-review { display:inline-block; font-size:.8rem; margin:.4rem 0 }
.link-preview { position:fixed; inset:auto; margin:0; width:min(22rem,calc(100vw - 16px)); box-sizing:border-box; padding:.8rem 1rem; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--fg); box-shadow:0 8px 28px #0005; z-index:1000; font:14px/1.45 system-ui }
.link-preview[hidden] { display:none }
.link-preview-ref { color:var(--dim); font-size:.75rem; overflow-wrap:anywhere }
.link-preview strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:.35rem 0 }
.link-preview-status { font-weight:600 }
.link-preview-status[data-state="open"] { color:var(--green) }
.link-preview-status[data-state="merged"] { color:#bf9aff }
.link-preview-status[data-state="closed"] { color:var(--red) }
.link-preview small { display:block; color:var(--dim); margin-top:.3rem; font-size:.72rem }

html[data-codex-frame], html[data-codex-frame] body { height:100%; overflow:hidden }
html[data-codex-frame] body { display:flex; flex-direction:column }
html[data-codex-frame] #shell { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain }
html[data-codex-frame] #main { width:100% }

.task-card-settings { display:flex; flex-wrap:wrap; gap:.3rem .7rem; align-items:center; margin:.35rem 0; font-size:.76rem; font-weight:400; cursor:default }
.task-card-settings label { display:inline-flex; gap:.25rem; align-items:center }
.task-card-settings select { font:inherit; color:var(--fg); background:var(--panel); border:1px solid var(--line); border-radius:4px; padding:.15rem .25rem }
.task-setting-status { color:var(--dim); overflow-wrap:anywhere }
.task-setting-name { flex-basis:100%; color:var(--dim); overflow-wrap:anywhere }
@media (max-width:700px) { .task-card-settings select { font-size:16px } }