@tailwind base;
@tailwind components;
@tailwind utilities;

/* 必填字段的星号样式 */
.required:after {
    content: " *";
    color: #dc2626; /* 使用 error-600 的颜色 */
}

/* 面包屑导航样式 */
@layer components {
    .breadcrumb-nav {
        @apply flex items-center mb-8 px-4 sm:px-6;
    }

    .breadcrumb-link {
        @apply text-sm text-gray-500 hover:text-gray-900 transition-colors duration-200;
    }

    .breadcrumb-separator {
        @apply w-5 h-5 mx-4 text-gray-400;
    }

    .breadcrumb-current {
        @apply text-sm text-gray-500;
    }
}

/* 响应式调整 - 已移除全域 grid-cols-2 單欄設定 */
/* 如需要特定元素在手機版單欄，請使用 Tailwind 的 sm:grid-cols-1 或自訂 class */