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

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    background: #ffffff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.page-header-title {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
}

.sw-button-normal {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: pointer; /* cursor-pointer */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    background-color: #ffffff; /* bg-white */
    border: 1px solid lightgray;
}

.sw-button-normal:hover {
    background-color: #e5e7eb; /* hover:bg-gray-200 */
    color: #000000; /* text-black */
}

.sw-button-approve {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: pointer; /* cursor-pointer */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    color: white; /* text-white */
    max-height: 36px; /* h-9 */
    background-color: #22c55e; /* bg-green-500 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
}

.sw-button-approve:hover {
    background-color: #16a34a; /* hover:bg-green-600 */
    color: white; /* text-white */
}

.sw-button-submit {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: pointer; /* cursor-pointer */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    color: white; /* text-white */
    background-color: #3b82f6; /* bg-blue-500 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
}

.sw-button-submit:hover {
    background-color: #2563eb; /* hover:bg-blue-600 */
    color: white; /* text-white */
}

.sw-button-error {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: pointer; /* cursor-pointer */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    color: white; /* text-white */
    background-color: #ef4444; /* bg-red-500 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
}

.sw-button-error:disabled {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: default; /* cursor-default */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    color: white; /* text-white */
    background-color: #ef4444; /* bg-red-500 */
    opacity: 50%; /* opacity-50 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
}

.sw-button-error:disabled:hover {
    padding-top: 0.5rem; /* py-2 */
    padding-bottom: 0.5rem; /* py-2 */
    font-size: 0.875rem; /* text-sm */
    cursor: default; /* cursor-default */
    padding-left: 0.75rem; /* px-3 */
    padding-right: 0.75rem; /* px-3 */
    border-radius: 0.25rem; /* rounded */
    color: white; /* text-white */
    background-color: #ef4444; /* bg-red-500 */
    opacity: 50%; /* opacity-50 */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
}

.sw-button-error:hover {
    background-color: #dc2626; /* hover:bg-red-600 */
    color: white; /* text-white */
}

.sw-button-ghost {
    padding-top: 0.375rem; /* py-1.5 equivalent */
    padding-bottom: 0.375rem;
    padding-left: 0.75rem; /* px-3 equivalent */
    padding-right: 0.75rem;
    font-size: 0.875rem; /* text-sm equivalent */
    border-radius: 0.25rem; /* rounded-1 equivalent */
    transition: background-color 0.2s ease; /* Smooth hover effect */
    color: black !important; /* text-black */
}

.sw-button-ghost:hover {
    background-color: #e5e7eb; /* hover:bg-gray-200 equivalent */
    color: black; /* text-black */
}


.table :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child) {
    border-bottom-color: #e5e7eb;
}

.sw-toast {
    padding-top: 0.375rem !important; /* py-1.5 equivalent */
    padding-bottom: 0.375rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.25rem !important;
}

/*::-webkit-calendar-picker-indicator {*/
/*    filter: invert(1);*/
/*}*/

.table > :not(caption) > * > * {
    border-bottom-width: 0;
}