/* Reuse admin colors in both themes; no separate visual system. */
.bc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.bc-layout>*{min-width:0}
.bc-form{display:grid;gap:14px}
.bc-form label,.bc-dialog label{display:grid;gap:6px;font-size:12px;color:var(--tx2)}
.bc-form textarea,.bc-dialog textarea{resize:vertical;min-height:42px}
.bc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.bc-pair>*{min-width:0}
.bc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bc-row{display:grid;gap:6px;padding:16px;border-top:1px solid var(--line2);color:var(--tx2);text-decoration:none;overflow-wrap:anywhere}
.bc-row:hover,.bc-row.selected{background:var(--panel2);text-decoration:none}
.bc-row.selected{box-shadow:inset 3px 0 var(--lime)}
.bc-row b{color:var(--tx);font-size:13px}
.bc-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bc-inspector h2{font-size:17px;overflow-wrap:anywhere}
.bc-inspector .pad{display:grid;gap:16px}
.bc-section{border-top:1px solid var(--line2);padding-top:16px}
.bc-section summary{cursor:pointer;color:var(--tx);font-weight:600;margin-bottom:12px}
.bc-section p{margin:8px 0;overflow-wrap:anywhere}
.bc-files{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.bc-files li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
.bc-files code{font-size:10px;color:var(--tx3)}
.bc-history{padding:12px 0;border-bottom:1px solid var(--line2)}
.bc-text{white-space:pre-wrap;overflow-wrap:anywhere}
.bc-dialog{max-width:660px;max-height:90vh}
.bc-dialog .cform{max-height:68vh;overflow:auto}
.bc-dialog .dlghead,.bc-dialog .dlgfoot{position:relative}
@media(max-width:760px){.bc-layout{grid-template-columns:1fr}.bc-pair{grid-template-columns:1fr}.bc-inspector .ch{align-items:flex-start}.bc-inspector .ch>div{min-width:0}.bc-dialog{width:calc(100vw - 20px)}}
/* Extra task actions wrap inside the existing observation header. */
.ow-path{flex-wrap:wrap;gap:8px}

.bc-run {height:100%; min-height:0} .bc-run .ow-path {flex-wrap:wrap; gap:12px} .bc-run .ow-body {min-height:0} #p-badcase-run.on {display:block; height:100%} #p-badcase-run .ow-task-header {padding:24px} @media(max-width:700px){.bc-run .ow-body{display:block}.bc-run .ow-tree{max-height:250px;width:100%}}

.bc-run-shell.ow{grid-template-columns:minmax(0,1fr)}

.drawer[data-owner="badcase"] .bc-inspector .ch{padding:0 0 16px;gap:12px;flex-wrap:wrap}
.drawer[data-owner="badcase"] .bc-inspector .pad{padding:0}
.drawer[data-owner="badcase"] .bc-inspector .ch>div{min-width:0}

.bc-list-row{position:relative;border-top:1px solid var(--line2)}
.bc-list-row .bc-row{border-top:0;padding-right:220px}
.bc-row-actions{position:absolute;right:16px;top:16px;display:flex;gap:8px}
.bc-summary{display:grid;gap:18px}
.bc-summary h3{font-size:12px;color:var(--tx2);margin-bottom:6px}
@media(max-width:500px){.bc-list-row .bc-row{padding-right:16px;padding-bottom:60px}.bc-row-actions{top:auto;bottom:14px}}