/* OMNIme custom styles on top of Tabler */
:root {
    --app-accent: #206bc4;
}

.app-brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: inherit;
}
.app-brand:hover { text-decoration: none; }
.app-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    background: linear-gradient(135deg, #206bc4, #4299e1);
    color: #fff;
}
.app-brand-mark .icon { width: 1.25rem; height: 1.25rem; margin: 0; }
.app-brand-text {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.navbar-vertical .nav-section-title {
    padding: .5rem 1rem .25rem;
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .42);
}
.navbar-vertical .nav-link.disabled { cursor: default; }

.table td.text-truncate-cell {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-dot {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-right: .35rem;
}

pre.code-block {
    max-height: 420px;
    overflow: auto;
    padding: 1rem;
    border-radius: var(--tblr-border-radius);
    background: var(--tblr-bg-surface-secondary);
    font-size: .8rem;
    white-space: pre-wrap;
    word-break: break-all;
}

.perm-module + .perm-module { border-top: 1px solid var(--tblr-border-color); }

.login-hero {
    background: linear-gradient(135deg, #1e3a8a 0%, #206bc4 55%, #4299e1 100%);
}

.navbar-vertical .nav-link.disabled .nav-soon {
    font-size: .6rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-left: .25rem;
    padding: .05rem .3rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, .1);
    vertical-align: middle;
}