/*
    * Provisioning
    * --------------------------------------------------
    * Provisioning tab styles on services details.
    * --------------------------------------------------
 */
.provisioning-tab-disabled {
    @apply inline-flex items-center gap-x-3.5 py-3 px-4 text-sm font-medium border border-gray-200 rounded-xl text-gray-400 -mt-px transition-colors duration-200
}
.provisioning-tab-disabled:hover {
    @apply cursor-not-allowed text-violet-500
}
.provisioning-tab-disabled:focus {
    @apply z-10 outline-none ring-2 ring-gray-200
}
.provisioning-tab-disabled:disabled {
    @apply opacity-50 pointer-events-none
}
.provisioning-tab-active {
    @apply inline-flex items-center gap-x-3.5 py-3 px-4 text-sm font-semibold border border-violet-300 bg-violet-50 text-violet-700 rounded-xl -mt-px
}
.provisioning-tab-active:focus {
    @apply z-10 outline-none ring-2 ring-violet-400
}
.provisioning-tab {
    @apply inline-flex items-center gap-x-3.5 py-3 px-4 text-sm font-medium bg-white border border-gray-200 text-gray-700 rounded-xl -mt-px transition-colors duration-200
}
.provisioning-tab-first {
    @apply rounded-xl;
}
.provisioning-tab-last {
    @apply rounded-xl;
}
.provisioning-tab:focus {
    @apply z-10 outline-none ring-2 ring-gray-200
}
.provisioning-tab:hover {
    @apply text-violet-600 bg-violet-50 border-violet-200
}

/* Dark mode */
.dark .provisioning-tab-active {
    @apply border-violet-700 bg-violet-900/30 text-violet-400
}
.dark .provisioning-tab-active:focus {
    @apply ring-offset-gray-800 ring-violet-700
}
.dark .provisioning-tab-disabled {
    @apply border-gray-700 text-gray-500 bg-gray-900
}
.dark .provisioning-tab-disabled:focus {
    @apply outline-none ring-offset-gray-800 ring-1
}
.dark .provisioning-tab-disabled:hover {
    @apply text-violet-400
}
.dark .provisioning-tab {
    @apply bg-gray-800 border-gray-700 text-gray-300
}
.dark .provisioning-tab:hover {
    @apply text-violet-400 bg-violet-900/20 border-violet-800
}
.dark .provisioning-tab:focus {
    @apply outline-none ring-offset-gray-800 ring-1 ring-gray-700
}