.database-log-status{grid-column:1 / -1;color:#9eafbf;background:#121c25;padding:8px 12px;font-size:12px;overflow-wrap:anywhere}.database-log-status.warning{color:#ffcc80;border-left:3px solid #eaa145}.shared-log-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #304354;font-size:12px}.shared-log-controls select{max-width:100%;color:#e7f0f8;background:#121c25;border:1px solid #425566;border-radius:4px;padding:7px}.shared-log-controls a{color:#70c5ee;text-decoration:none;padding:6px 8px;border:1px solid #344b5d;border-radius:4px;white-space:nowrap}.shared-log-controls button{padding:7px;border:1px solid #425566;border-radius:4px;background:#233240;color:#e7f0f8}.vt-slot-date,.live-log-choice{grid-column:1 / -1}.log-items .log-item-wrap.is-current{border-left:3px solid #ff3355}.log-items .log-item-wrap.is-next{border-left:3px solid #339fd0}.shared-log-controls select{flex:1 1 190px}.session-queue{min-height:0}
.shared-log-controls{flex:0 0 auto}

/* 2.51: quiet normal status; failures remain visible. */
.database-log-status[hidden]{display:none}
/* Keep incoming transition arrows visible at the boundary between audio rows. */
.log-row>.transition-cell{display:flex;align-self:stretch;overflow:visible}
.log-row .segue-arrow{width:28px;height:26px;top:-14px;line-height:22px;touch-action:manipulation}
.log-row .segue-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.log-row .segue-arrow:disabled{cursor:not-allowed}
.log-row .segue-arrow[aria-busy="true"]{cursor:wait}
@media(max-width:850px){
  .log-columns,.log-row{grid-template-columns:48px 62px 65px minmax(150px,1fr) 52px 62px 58px}
  .log-columns>.log-year,.log-row>.log-year{display:none}
  .log-columns>.transition-cell,.log-row>.transition-cell{display:flex}
}
@media(max-width:600px){
  .log-columns,.log-row{grid-template-columns:42px 54px minmax(110px,1fr) 48px 48px;gap:5px}
  .log-columns>[data-log-column="type"],.log-columns>.log-year,.log-columns>.transition-cell,.log-row>.type-chip,.log-row>.log-year,.log-row>.transition-cell{display:none}
}
@media(max-width:1100px){
  .log-panel{min-width:0}
  .log-panel .panel-heading{height:auto;flex-basis:auto;flex-wrap:wrap}
  .log-panel .panel-actions{max-width:100%;min-width:0;flex-wrap:wrap}
  .log-panel #logHourView{max-width:100%}
}


@media(max-width:900px){.log-panel .playback-log-context{flex-basis:100%;white-space:normal}}