:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0}main{max-width:960px;margin:2rem auto;padding:1rem}button,input,textarea{font:inherit}button{padding:.6rem;margin:.3rem}textarea{width:95%;min-height:4rem}.small{font-size:.92rem}fieldset{margin:1rem 0;padding:1rem}legend{font-weight:600}label{margin:.3rem}a{color:inherit}button:disabled{opacity:.55}
.approval-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.approval-title-row h2{margin-bottom:.2rem}
.approval-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.75rem 0}
.approval-count-grid>div{display:flex;flex-direction:column;gap:.12rem;padding:.62rem .7rem;border:1px solid var(--line);border-radius:11px;background:var(--glass-card)}
.approval-count-grid strong{font-size:1.25rem;color:var(--accent)}
.approval-count-grid span{font-size:.72rem;color:var(--muted);line-height:1.25}
.approval-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}
.approval-sync-row{display:flex;gap:1rem;flex-wrap:wrap;margin:.7rem 0;color:var(--muted);font-size:.78rem}
.approval-queue-list{display:grid;gap:.85rem;margin:.8rem 0}
.approval-group{display:grid;gap:.55rem}
.approval-group>h3{margin:.25rem 0 0;font-size:.95rem;color:var(--text)}
.approval-item{min-width:0;margin:0;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--glass-card)}
.approval-item legend{width:100%;padding:0 .15rem;font-weight:800;color:var(--text)}
.approval-item-title{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start;flex-wrap:wrap}
.approval-item-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;color:var(--muted)}
.approval-item p{margin:.4rem 0;font-size:.8rem;line-height:1.5}
.approval-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin:.45rem 0}
.approval-meta span{font-size:.67rem;border:1px solid var(--line);border-radius:999px;padding:.18rem .38rem;background:var(--tab-bg);color:var(--muted)}
.approval-choices{display:flex;gap:.45rem;flex-wrap:wrap;margin:.65rem 0}
.approval-choice{display:inline-flex;align-items:center;gap:.32rem;min-height:36px;padding:.34rem .52rem;border:1px solid var(--line);border-radius:9px;background:var(--tab-bg);font-size:.76rem;font-weight:750;cursor:pointer}
.approval-choice input{accent-color:var(--accent)}
.approval-item textarea{width:100%;min-height:64px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:.78rem;line-height:1.4;padding:.5rem}
.approval-item details{margin:.5rem 0}
.approval-item summary{cursor:pointer;font-size:.76rem;font-weight:750;color:var(--muted)}
.approval-agent-prompt{max-height:360px}
.approval-empty{padding:.7rem;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:.78rem}
@media(max-width:760px){.approval-count-grid,.approval-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.approval-count-grid,.approval-guide-grid{grid-template-columns:1fr}.approval-choices{display:grid;grid-template-columns:1fr}}
.approval-item{padding:18px;border-radius:16px}
.approval-item legend{font-size:1rem;line-height:1.45}
.approval-item p{font-size:.87rem;line-height:1.55}
.approval-item-id{font-family:inherit;font-size:.76rem;white-space:nowrap}
.approval-saved-decision{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0!important}
.approval-saved-decision>span:first-child{font-weight:650;color:var(--text)}
.approval-meta span{font-size:.76rem;padding:5px 9px;line-height:1.4}
.approval-context{background:transparent;padding:10px 12px}
.approval-context summary{font-size:.83rem;color:var(--text);min-height:24px}
.approval-original-suggestion{padding-top:10px;border-top:1px solid var(--line)}
.approval-choice{min-height:44px;font-size:.86rem;padding:8px 12px;transition:background .15s ease,border-color .15s ease}
.approval-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--glass-strong));box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}
.approval-choice:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.approval-item textarea{font-size:.87rem;padding:10px 12px}
.approval-choice-hint{color:var(--muted)}