.app-sidebar .brand-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    overflow: hidden;
    white-space: normal;
    padding: 0.5rem 0.75rem;
}

.app-sidebar .brand-link .fascure-brand-logo,
.app-sidebar .brand-link .brand-image.fascure-brand-logo {
    float: none;
    margin: 0;
    max-height: 32px;
    max-width: 2.25rem;
    width: auto;
    height: auto;
    object-fit: contain;
    opacity: 1;
}

.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .brand-link .fascure-brand-logo {
    max-width: 2rem;
    max-height: 28px;
    object-fit: contain;
}

.login-box img,
.register-box img {
    max-width: 280px;
    width: 100%;
    height: auto;
}

html[dir="rtl"] .app-wrapper,
body.rtl .app-wrapper {
    grid-template-areas:
        "lte-app-header lte-app-sidebar"
        "lte-app-main lte-app-sidebar"
        "lte-app-footer lte-app-sidebar" !important;
    grid-template-columns: 1fr auto !important;
}

html[dir="rtl"] .app-main,
html[dir="rtl"] .app-footer,
body.rtl .app-main,
body.rtl .app-footer {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .app-sidebar,
body.rtl .app-sidebar {
    direction: rtl;
    border-left: 1px solid var(--bs-border-color) !important;
    border-right: none !important;
}

html[dir="rtl"] .sidebar-menu .nav-link p,
body.rtl .sidebar-menu .nav-link p {
    text-align: right;
}

html[dir="rtl"] .sidebar-menu .nav-link .nav-arrow,
body.rtl .sidebar-menu .nav-link .nav-arrow {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] dl.row dt,
body.rtl dl.row dt {
    text-align: right;
}

html[dir="rtl"] dl.row dd,
body.rtl dl.row dd {
    text-align: right;
}

html[dir="rtl"] .form-group label,
html[dir="rtl"] .form-label,
body.rtl .form-group label,
body.rtl .form-label {
    text-align: right;
    display: block;
}

/* Bootstrap 4 utility aliases used in existing Blade views */
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pl-1 { padding-left: 0.25rem !important; }
.float-right { float: right !important; }
.float-left { float: left !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.badge-primary { background-color: var(--bs-primary) !important; color: #fff !important; }
.badge-secondary { background-color: var(--bs-secondary) !important; color: #fff !important; }
.badge-success { background-color: var(--bs-success) !important; color: #fff !important; }
.badge-danger { background-color: var(--bs-danger) !important; color: #fff !important; }
.badge-warning { background-color: var(--bs-warning) !important; color: #000 !important; }
.badge-info { background-color: var(--bs-info) !important; color: #000 !important; }
.btn-default { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: var(--bs-border-color); }
.btn-default:hover { background-color: var(--bs-secondary-bg); }
.form-group { margin-bottom: 1rem; }
.sr-only,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}