@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

/* Style untuk item yang terkunci */
.locked-item {
    position: relative;
}

.lock-icon-container {
    position: relative;
    cursor: help;
}

.lock-icon-container:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #1e293b;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
    margin-bottom: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.dark .lock-icon-container:hover::after {
    background: #334155;
}

/* Warna untuk icon lock */
.text-amber-500 {
    color: #f59e0b;
}

.dark .text-amber-500 {
    color: #fbbf24;
}

.bg-amber-100 {
    background-color: #fef3c7;
}

.text-amber-600 {
    color: #d97706;
}

/* Style untuk tooltip di semua view */
.group:hover .group-hover\:opacity-100 {
    opacity: 1 !important;
}

.z-50 {
    z-index: 9999 !important;
}

.text-slate-400 {
    color: #94a3b8;
}

.dark .text-slate-400 {
    color: #64748b;
}

.bg-gray-800 {
    background-color: #1e293b;
}

.dark .bg-gray-800 {
    background-color: #0f172a;
}

/* Animasi untuk lock icon */
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Style untuk tooltip container */
.absolute {
    position: absolute;
}

.pointer-events-none {
    pointer-events: none;
}

.whitespace-normal {
    white-space: normal;
}

.max-w-\[250px\] {
    max-width: 250px;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}