/* ==========================================================================
   CaseDesk — Tabler shell adjustments
   Tabler's markup expects inline SVG icons; we use the Tabler Icons webfont
   (<i class="ti ti-*">) so the same slots need glyph sizing.
   ========================================================================== */

.navbar .icon,
.dropdown-item-icon,
.btn > .ti {
    font-size: 1.25rem;
    line-height: 1;
    width: auto;
    height: auto;
}

.navbar .nav-link-title {
    white-space: nowrap;
}

.icon-lg {
    font-size: 1.75rem;
}

/* The app body runs full-width, so the shell does too. Match the dashboard
   gutter (32px / 16px on phones). */
.navbar > .container-fluid {
    padding-left: var(--cd-space-6);
    padding-right: var(--cd-space-6);
}

@media (max-width: 767.98px) {
    .navbar > .container-fluid {
        padding-left: var(--cd-space-4);
        padding-right: var(--cd-space-4);
    }
}

/* Dropdown-items rendered as <button> (Blazor handlers) — Tabler styles the
   anchor form; give the button form the same box. */
button.dropdown-item {
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
}