.backlog-page{border:1px solid rgba(138,92,255,.68);border-radius:11px;background:#041a2b;padding:17px;box-shadow:inset 0 1px #73e0ff14,0 10px 28px #0003}.backlog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 3px 14px;border-bottom:1px solid #234d72}.backlog-toolbar b{display:block;font-size:15px}.backlog-toolbar small{color:#6e94b5;font-size:10px}.data-state{color:#5de0ae;font-size:10px;letter-spacing:.12em}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0}.filters input,.filters select,.filters button{background:#071c31;border:1px solid #24557b;border-radius:5px;color:#d8edff;padding:9px 10px;font:inherit}.filters input{flex:1 1 230px;min-width:180px}.filters select{flex:1 1 120px;min-width:120px}.filters button{color:#89c6e5;cursor:pointer}.work-items{display:grid;gap:5px}.work-item{display:grid;grid-template-columns:minmax(300px,1fr) 72px 110px 110px 75px;align-items:center;gap:10px;padding:10px 11px 10px calc(11px + var(--depth));border:1px solid #123d5d;border-radius:6px;background:linear-gradient(90deg,#071c31,#08223a);min-height:51px}.work-item:hover{border-color:#2873a3}.work-main{display:flex;align-items:center;gap:8px;min-width:0}.work-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-main small{display:block;color:#7199b9;font-size:10px;margin-top:3px}.collapse,.collapse-space{width:20px;height:20px;flex:none}.collapse{background:#0b3857;border:1px solid #2a739a;color:#8cecff;border-radius:4px;cursor:pointer;padding:0}.tag,.evidence{font-size:9px;text-align:center;padding:5px 3px;border-radius:4px}.priority{color:#ffd58a;background:#3d2e20}.status{color:#93e6ff;background:#123a50}.owner{color:#8198ae;background:#15222e}.evidence{color:#5de0ae;background:#153c36}.work-items .empty-state{grid-column:1/-1}
.tasks-page{display:grid;gap:12px}.task-row{display:grid;grid-template-columns:minmax(260px,1fr) 100px 72px 120px 95px;gap:10px;align-items:center;text-align:left;color:#d8edff;cursor:pointer;font:inherit}.task-row>span:first-child{min-width:0}.task-row b,.task-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row small{color:#7199b9;font-size:10px;margin-top:4px}.task-row.selected,.task-row:focus-visible{border-color:#7b69ff;outline:1px solid #7b69ff}.task-inspector{margin-top:14px;border:1px solid rgba(0,231,255,.68);border-radius:9px;background:#062338;padding:16px}.inspector-head{display:flex;justify-content:space-between;align-items:center}.inspector-head b{display:block;font-size:17px}.inspector-head small{display:block;color:#7199b9;margin-top:4px}.inspector-head button{background:transparent;border:1px solid #326287;color:#d8edff;border-radius:5px;font-size:22px;cursor:pointer}.inspector-tabs{display:flex;gap:6px;overflow-x:auto;padding:14px 0;border-bottom:1px solid #234d72}.inspector-tabs button{white-space:nowrap;background:#0a263e;border:1px solid #24557b;color:#a8c9e0;border-radius:5px;padding:7px 10px;cursor:pointer}.inspector-tabs button.active{color:#fff;border-color:#00e7ff;background:#0b3857}.inspector-body{min-height:120px;padding:16px 3px;color:#d8edff}.inspector-body dl{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:0 20px;margin:0}.inspector-body dl>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #153850}.inspector-body dt{color:#7199b9}.inspector-body dd{margin:0;text-align:right}.inspector-body pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#a8c9e0}@media(max-width:800px){.task-row{grid-template-columns:minmax(160px,1fr) 80px 62px}.task-row span:nth-child(4),.task-row span:nth-child(5){display:none}.inspector-body dl{grid-template-columns:1fr}}

/* WorkItem-aligned native task buttons: own the full control surface explicitly. */
.tasks-page .task-row{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-height:51px;padding:10px 11px;border:1px solid #123d5d;border-radius:6px;background:linear-gradient(90deg,#071c31,#08223a);color:#d8edff;font:inherit;text-align:left;cursor:pointer}
.tasks-page .task-row:hover{border-color:#23ddff}
.tasks-page .task-row.selected{border-color:#23ddff;box-shadow:inset 3px 0 #23ddff}
.tasks-page .task-row:focus-visible{outline:2px solid #23ddff;outline-offset:2px}