/*
 * カスタムコンポーネント (Wiz*) の disabled 時文字色
 * Filament のプリビルト CSS に disabled:text-gray-700 が含まれないため、
 * カスタム CSS で定義する
 *
 * iOS Safari 対応:
 * iOS Safari では disabled 要素に自動的に opacity が適用されるため、
 * opacity: 1 を明示的に設定する
 */

/* disabled:text-gray-700 相当 */
.disabled\:text-gray-700:disabled {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
    opacity: 1;
    -webkit-opacity: 1;
}

/* disabled:[-webkit-text-fill-color:theme(colors.gray.700)] 相当 */
.disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.700\)\]:disabled {
    -webkit-text-fill-color: rgb(55 65 81);
    opacity: 1;
    -webkit-opacity: 1;
}

/* disabled:text-gray-800 相当 */
.disabled\:text-gray-800:disabled {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
    opacity: 1;
    -webkit-opacity: 1;
}

/* disabled:[-webkit-text-fill-color:theme(colors.gray.800)] 相当 */
.disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.800\)\]:disabled {
    -webkit-text-fill-color: rgb(31 41 55);
    opacity: 1;
    -webkit-opacity: 1;
}

/* disabled:text-gray-500 相当 */
.disabled\:text-gray-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
    opacity: 1;
    -webkit-opacity: 1;
}

/* disabled:[-webkit-text-fill-color:theme(colors.gray.500)] 相当 */
.disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled {
    -webkit-text-fill-color: rgb(107 114 128);
    opacity: 1;
    -webkit-opacity: 1;
}

/* placeholder 用のスタイル */
.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::placeholder {
    -webkit-text-fill-color: rgb(156 163 175);
    opacity: 1;
    -webkit-opacity: 1;
}

.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled::placeholder {
    -webkit-text-fill-color: rgb(107 114 128);
    opacity: 1;
    -webkit-opacity: 1;
}