/* Small additions on top of Tabler. */
.brand { font-weight: 700; display: flex; align-items: center; gap: .5rem; }
.brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem;
  border-radius: .5rem; background: var(--tblr-primary); color: #fff; }
.brand-mark-lg { width: 3rem; height: 3rem; border-radius: .75rem; }
.brand-mark-lg .icon { width: 1.75rem; height: 1.75rem; }
.live-indicator { font-size: .75rem; color: var(--tblr-secondary); display: inline-flex; align-items: center; gap: .35rem; }
.live-indicator.live-error .status-dot { background: var(--tblr-red); animation: none; }
.code-input { letter-spacing: .5em; font-size: 1.5rem; }
.qr svg { width: 220px; height: 220px; background: #fff; padding: 8px; border-radius: 8px; }
pre.log { max-height: 480px; overflow: auto; font-size: .78rem; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0;
  background: var(--tblr-bg-surface-secondary); padding: .75rem; border-radius: var(--tblr-border-radius); }
.activity-list { max-height: 520px; overflow: auto; }
.secret code { font-size: 1.25rem; padding: .5rem .75rem; display: inline-block; user-select: all; }
code { overflow-wrap: anywhere; }
.table td .btn-link { padding: 0; }
textarea.editor { min-height: 70vh; font-size: .85rem; line-height: 1.5; tab-size: 4; resize: vertical; border-radius: 0; }
.scroll-box { max-height: 420px; overflow: auto; }
.navbar-nav .nav-link { padding-left: .6rem; padding-right: .6rem; }
.breadcrumb .icon { vertical-align: -3px; }
/* Sidebar layout */
.sidebar-nav .sidebar-heading { padding: .8rem 1rem .25rem; font-size: .68rem; font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--tblr-secondary); }
.sidebar-nav .sidebar-gap { height: .75rem; }
.navbar-vertical .nav-link { padding-top: .32rem; padding-bottom: .32rem; }
.navbar-vertical .brand { font-size: 1rem; }
.navbar-vertical .brand span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 11rem; }
.topbar { min-height: 3.5rem; }
.topbar { align-items: center; padding: .5rem 0; border-bottom: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); }
.topbar > .container-xl { display: flex; }
.navbar-vertical .navbar-brand.brand { justify-content: flex-start !important; gap: .6rem; width: auto; margin-inline-end: auto; }
.navbar-vertical .navbar-collapse { overflow-y: auto; }