/* Fixed, compact log rows; expand an individual row to read its full message. */
body[data-theme] #app #overview-log-panel .log-columns-head,
body[data-theme] #app #overview-log-panel .log-line{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;
 column-gap:12px!important;align-items:center!important;box-sizing:border-box;
}
body[data-theme] #app #overview-log-panel .log-columns-head{
 overflow-y:auto;scrollbar-gutter:stable;padding:12px 16px;font-size:12px;font-weight:600;
 color:var(--text);border-bottom:1px solid var(--border)
}
body[data-theme] #app #overview-log-panel .log-columns-head>span:first-child{grid-column:1}
body[data-theme] #app #overview-log-panel .log-columns-head>span:last-child{grid-column:3;margin-left:0}
body[data-theme] #app #overview-log-panel .log-body{
 padding:0!important;min-width:0;overflow-x:hidden;scrollbar-gutter:auto;
 height:clamp(320px,55vh,560px)!important;max-height:none!important;overflow-y:auto!important
}
body[data-theme] #app #overview-log-panel .log-line,
body[data-theme] #app #overview-log-panel .log-line.log-spinner{
 height:44px!important;min-height:44px!important;max-height:44px!important;
 margin:0!important;padding:0 16px!important;width:100%!important;border-radius:0!important;
 border-bottom:1px solid var(--border)!important;line-height:1.35!important;
 overflow:hidden!important;cursor:pointer
}
body[data-theme] #app #overview-log-panel .log-line .log-ts{
 grid-column:1;width:auto!important;min-width:0!important;font-size:12px!important;
 font-variant-numeric:tabular-nums;white-space:nowrap!important;overflow:hidden!important;
 text-overflow:ellipsis!important;color:var(--text-secondary,var(--text2))!important;
 line-height:inherit!important;align-self:center!important
}
body[data-theme] #app #overview-log-panel .log-line .log-msg{
 grid-column:3;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;
 min-width:0!important;width:auto!important;max-height:1.4em!important;white-space:normal!important;
 overflow:hidden!important;overflow-wrap:anywhere!important;word-break:normal!important;
 text-overflow:ellipsis!important;line-height:1.35!important;font-size:13px!important;align-self:center!important
}
body[data-theme] #app #overview-log-panel .log-line .log-marker{
 grid-column:2;width:18px!important;min-width:18px!important;margin:0!important;align-self:center!important
}
body[data-theme] #app #overview-log-panel .log-line:focus-visible{
 outline:2px solid var(--text)!important;outline-offset:-2px
}
body[data-theme] #app #overview-log-panel .log-line:hover{background:var(--surface-hover,rgba(127,127,127,.08))}
body[data-theme] #app #overview-log-panel .log-line.is-expanded{
 height:auto!important;min-height:44px!important;max-height:none!important;
 grid-template-rows:auto!important;align-items:start!important;padding-top:9px!important;
 padding-bottom:9px!important;overflow:visible!important
}
body[data-theme] #app #overview-log-panel .log-line.is-expanded .log-ts,
body[data-theme] #app #overview-log-panel .log-line.is-expanded .log-msg{
 white-space:pre-wrap!important;overflow:visible!important;text-overflow:clip!important;
 -webkit-line-clamp:unset;max-height:none!important;overflow-wrap:anywhere!important;
 align-self:start!important
}
body[data-theme] #app #overview-log-panel .log-line.is-expanded .log-marker{align-self:start!important;margin-top:2px!important}
/* Active task uses the rotating ring in the marker column. */
body[data-theme] #app #overview-log-panel .log-line.log-spinner .log-marker{
 width:14px!important;min-width:14px!important;height:14px!important;
 border:2px solid var(--release-line)!important;border-top-color:var(--release-text)!important;
 border-radius:50%!important;background:transparent!important;box-shadow:none!important;
 animation:log-task-spin .8s linear infinite!important
}
body[data-theme] #app #overview-log-panel .log-line.log-spinner .log-marker::after{display:none!important}
@keyframes log-task-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body[data-theme] #app #overview-log-panel .log-line.log-spinner .log-marker{animation:none!important}}
@media(max-width:600px){
 body[data-theme] #app #overview-log-panel .log-columns-head,
 body[data-theme] #app #overview-log-panel .log-line{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;column-gap:8px!important}
 body[data-theme] #app #overview-log-panel .log-columns-head{padding:12px}
 body[data-theme] #app #overview-log-panel .log-line,
 body[data-theme] #app #overview-log-panel .log-line.log-spinner{padding-right:12px!important;padding-left:12px!important}
 body[data-theme] #app #overview-log-panel .log-line .log-marker{width:14px!important;min-width:14px!important}
}