/* Heading */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  /* color: #111827; */
  letter-spacing: -0.01em;
}

/* Paragraph */
p {
  font-weight: 400;
  /* color: #374151; */
  line-height: 1.6;
}

/* Strong / Bold */
strong, .font-bold {
  font-weight: 700;
}

/* Small text */
small, .text-xs {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7280; /* gray-500 */
}

body{
    
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: #1f2937; 
}

.navbar{
    backdrop-filter: saturate(180%) blur(20px);
    background: linear-gradient(to top left, rgba(255,255,255,0.7), rgba(245,245,245,0.5)) !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px); /* Safari / iOS */

    padding:8px 0px !important;
     -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    height:73px !important;
    
}

.sidebar{
    top:0px !important;
    z-index: 999 !important;
    width: 256px !important;
    height:100vh !important;
}
section.content{
    margin:54px 0px 15px 256px !important;
}

.navbar-header{
    width: 256px !important;
}


.theme-orange .sidebar .user-info {
    --tw-bg-opacity: 1 !important;
    background: rgb(76, 154,255 ,var(--tw-bg-opacity)) !important;
    
}
.sidebar .user-info .image img{
    border-radius: 50% !important;
    border:0px solid !important;
    background-color: #fbe7c4 !important;
    width:48px !important;
    height:48px !important;
}

.router-link-active{
    --tw-bg-opacity: 1 !important;
    border-left: 0px solid !important;
    background-color: rgba(255,251,235,var(--tw-bg-opacity)) !important;
    border-radius: .5rem !important;
    --tw-text-opacity: 1;

}
/* .router-link-exact-active{
    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;

} */

.router-link-exact-active{
    color: #4c9aff !important;

}
.sidebar .menu .list a {
    border-bottom : 0px solid !important;
}

.sidebar .menu .list li {
    /* border-bottom : 0px solid !important; */
    margin:0.5rem !important;
    
}

.sidebar .menu .list li ul li {
    /* border-bottom : 0px solid !important; */
    margin:0px !important;
    padding:5px 0px !important;
    
}
.sidebar .menu .list li a {
    /* border-bottom : 0px solid !important; */
    
    border-radius: .5rem !important;    
}


.sidebar .menu .list .toggled, .theme-orange .sidebar .menu .list .ml-menu {
    --tw-bg-opacity: 1 !important;
    border-left: 0px solid !important;
    /* color:blue !important; */
    /* background-color: rgba(76 ,154 ,255,var(--tw-bg-opacity)) !important; */
    border-radius: .5rem !important;
    --tw-text-opacity: 1;   
    

    
}

.header{
    background-color: transparent !important;
}

section.content{
    margin: 73px 0px 15px 256px !important;
}

.breadcrumb-item .router-link-active{
    --tw-text-opacity: 1;   
    background-color: transparent !important;
    color: rgb(76 ,154 ,255 , var(--tw-text-opacity)) !important;

}

.breadcrumb-item a{
    --tw-text-opacity: 1;   
    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
}

body .card{
    border-radius: 1rem !important;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}
.card .card{
    box-shadow: none !important;
    
}

.l-amber,.l-turquoise, .l-parpl, .chat-launcherx, .w_calender span+span, .w_calender em {
    /* background: linear-gradient(45deg, #fda582, #f7cf68) !important; */
    background: transparent !important;
    color: #fff !important;
}

.l-amber i{
    background: linear-gradient(45deg, #fda582, #f7cf68) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important; /* untuk browser lain */
    color: transparent !important; /* fallback */
    font-weight: bold !important;
    line-height: 1; /* biar pas */
    font-size: 50px; /* otomatis mengikuti tinggi navbar (60% dari height) */
}
.l-turquoise i{
    background: linear-gradient(45deg, #00ced1, #08e5e8)  !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important; /* untuk browser lain */
    color: transparent !important; /* fallback */
    font-weight: bold !important;
    line-height: 1; /* biar pas */
    font-size: 50px; /* otomatis mengikuti tinggi navbar (60% dari height) */
}
.l-parpl i
{
    background: linear-gradient(45deg, #a890d3, #edbae7) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important; /* untuk browser lain */
    color: transparent !important; /* fallback */
    font-weight: bold !important;
    line-height: 1; /* biar pas */
    font-size: 50px; /* otomatis mengikuti tinggi navbar (60% dari height) */
}
small{
    color: #000000 !important; /* gray-500 */
}
.l-slategray{
    border-radius: 1rem 1rem 0px 0px !important;
}
.member-img a img{
    background-color: rgb(251, 231, 196) !important;
    border: 10px solid white !important;
    box-shadow: none !important;
    
}
@media (max-width: 768px) {
    .navbar-header {
        width: 0px !important; 
        background-color: transparent !important;
    }
    section.content {
        margin: 73px 0px 15px 0px !important;
    }
}