/*
 * Local replacement for the removed Rocker demo bootstrap-extended.css CDN file.
 * Keep this file small: project-specific dashboard/sidebar styling lives in nav.css
 * and page-level styles. This file only preserves common extended utilities that
 * existing Blade views expect from the old template dependency.
 */

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    font-size: 14px;
    color: #1f2937;
    background-color: #f8fafc;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.radius-10 {
    border-radius: 10px;
}

.radius-15 {
    border-radius: 15px;
}

.radius-30 {
    border-radius: 30px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.bg-light-primary {
    background-color: rgba(102, 126, 234, 0.14);
}

.text-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bootstrap 5 directional utility compatibility.
 * The dashboard markup uses BS5 classes while the local bootstrap.min.css is BS4.
 */
.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: .25rem !important; }
.ms-2 { margin-left: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: .25rem !important; }
.me-2 { margin-right: .5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: .25rem !important; }
.ps-2 { padding-left: .5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: .25rem !important; }
.pe-2 { padding-right: .5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }

.gap-0 { gap: 0 !important; }
.gap-1 { gap: .25rem !important; }
.gap-2 { gap: .5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }

.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.float-start { float: left !important; }
.float-end { float: right !important; }

.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: initial !important; }
[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: initial !important; }
[dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: initial !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: initial !important; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: initial !important; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: initial !important; }
[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: initial !important; }

[dir="rtl"] .me-0 { margin-left: 0 !important; margin-right: initial !important; }
[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: initial !important; }
[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: initial !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: initial !important; }
[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: initial !important; }
[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: initial !important; }
[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: initial !important; }

[dir="rtl"] .ps-0 { padding-right: 0 !important; padding-left: initial !important; }
[dir="rtl"] .ps-1 { padding-right: .25rem !important; padding-left: initial !important; }
[dir="rtl"] .ps-2 { padding-right: .5rem !important; padding-left: initial !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: initial !important; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: initial !important; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: initial !important; }

[dir="rtl"] .pe-0 { padding-left: 0 !important; padding-right: initial !important; }
[dir="rtl"] .pe-1 { padding-left: .25rem !important; padding-right: initial !important; }
[dir="rtl"] .pe-2 { padding-left: .5rem !important; padding-right: initial !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: initial !important; }
[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: initial !important; }
[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: initial !important; }

[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .float-start { float: right !important; }
[dir="rtl"] .float-end { float: left !important; }
[dir="rtl"] .dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
}