/* assets/css/app.css */
:root { --pane-height: 360px; }

/* Cards & headers */
.card { border-radius:.6rem; }
.card-header { padding:.6rem 1rem; font-weight:600; }

/* Hoverable cards (home quick launch) */
.hover-card { transition: transform .08s ease, box-shadow .12s ease; }
.hover-card:hover { transform: translateY(-1px); box-shadow: 0 0.25rem 1rem rgba(0,0,0,.08); }

/* Log panes */
.log-pane{
  height:var(--pane-height);
  overflow:auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size:.92rem; line-height:1.25;
  background:#0f1115!important; color:#e7e9ee!important;
  border:1px solid rgba(255,255,255,.08);
  border-radius:.5rem;
  padding: .75rem;
}

/* Injected toolbar for copy/clear */
.log-wrap { position:relative; }
.log-tools {
  position:absolute; top:.25rem; right:.25rem;
  display:flex; gap:.25rem;
}
.log-tools .btn { --bs-btn-padding-y: .15rem; --bs-btn-padding-x: .35rem; }

/* Sidebar – sticky on desktop, scrollable if tall */
@media (min-width: 992px){
  #sidebarCol{ position:sticky; top:1rem; height:calc(100vh - 2rem); overflow:auto; }
}

/* Larger tap targets on mobile */
@media (max-width: 991.98px){
  .list-group-item { padding:.85rem 1rem; }
  :root { --pane-height: 280px; }
}

/* Active & hover styles for sidebar items */
.list-group-item.active{
  font-weight:600;
  color:var(--bs-primary-text);
  background:rgba(var(--bs-primary-rgb), .1);
  border-color:rgba(var(--bs-primary-rgb), .2);
}
.list-group-item-action:hover{ background-color: rgba(0,0,0,.03); }