/*
 * Tailwind CSS — estilos Angular (POC/Migração)
 *
 * ⚠️  @tailwind base NÃO incluído intencionalmente:
 *     O preflight (@tailwind base) aplica um reset CSS global que quebraria
 *     todas as telas AngularJS ainda não migradas.
 *     Desabilitado também em tailwind.config.js (corePlugins.preflight: false).
 *
 * Durante a migração:
 *   - Telas AngularJS existentes: continuam usando o SCSS compilado legado
 *   - Telas Angular novas: usam exclusivamente as classes abaixo
 */

.container {

    width: 100%
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }
}
.m-0 {

    margin: 0px
}
.mb-1 {

    margin-bottom: 0.25rem
}
.mb-3 {

    margin-bottom: 0.75rem
}
.mb-4 {

    margin-bottom: 1rem
}
.mt-0 {

    margin-top: 0px
}
.mt-1 {

    margin-top: 0.25rem
}
.mt-3 {

    margin-top: 0.75rem
}
.mt-5 {

    margin-top: 1.25rem
}
.block {

    display: block
}
.inline-block {

    display: inline-block
}
.inline {

    display: inline
}
.flex {

    display: flex
}
.table {

    display: table
}
.grid {

    display: grid
}
.h-10 {

    height: 2.5rem
}
.w-10 {

    width: 2.5rem
}
.w-full {

    width: 100%
}
.min-w-\[36px\] {

    min-width: 36px
}
.max-w-\[180px\] {

    max-width: 180px
}
.border-collapse {

    border-collapse: collapse
}
@keyframes spin {

    to {

        transform: rotate(360deg)
    }
}
.animate-spin {

    animation: spin 1s linear infinite
}
.cursor-pointer {

    cursor: pointer
}
.grid-cols-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.items-end {

    align-items: flex-end
}
.items-center {

    align-items: center
}
.justify-center {

    justify-content: center
}
.justify-between {

    justify-content: space-between
}
.gap-1 {

    gap: 0.25rem
}
.gap-2 {

    gap: 0.5rem
}
.gap-4 {

    gap: 1rem
}
.overflow-x-auto {

    overflow-x: auto
}
.truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap
}
.whitespace-nowrap {

    white-space: nowrap
}
.rounded {

    border-radius: 0.25rem
}
.rounded-full {

    border-radius: 9999px
}
.border {

    border-width: 1px
}
.border-0 {

    border-width: 0px
}
.border-4 {

    border-width: 4px
}
.border-b {

    border-bottom-width: 1px
}
.border-b-2 {

    border-bottom-width: 2px
}
.border-\[\#fd9f0e\] {

    --tw-border-opacity: 1;

    border-color: rgb(253 159 14 / var(--tw-border-opacity, 1))
}
.border-gray-100 {

    --tw-border-opacity: 1;

    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))
}
.border-gray-200 {

    --tw-border-opacity: 1;

    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}
.border-gray-300 {

    --tw-border-opacity: 1;

    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-t-\[\#fd9f0e\] {

    --tw-border-opacity: 1;

    border-top-color: rgb(253 159 14 / var(--tw-border-opacity, 1))
}
.bg-\[\#fd9f0e\] {

    --tw-bg-opacity: 1;

    background-color: rgb(253 159 14 / var(--tw-bg-opacity, 1))
}
.bg-blue-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}
.bg-emerald-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}
.bg-gray-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
.bg-gray-50 {

    --tw-bg-opacity: 1;

    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}
.bg-green-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}
.bg-indigo-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1))
}
.bg-purple-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))
}
.bg-red-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}
.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-yellow-100 {

    --tw-bg-opacity: 1;

    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
.px-1 {

    padding-left: 0.25rem;

    padding-right: 0.25rem
}
.px-3 {

    padding-left: 0.75rem;

    padding-right: 0.75rem
}
.px-4 {

    padding-left: 1rem;

    padding-right: 1rem
}
.py-16 {

    padding-top: 4rem;

    padding-bottom: 4rem
}
.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem
}
.py-3 {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem
}
.py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem
}
.text-left {

    text-align: left
}
.text-center {

    text-align: center
}
.font-mono {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem
}
.text-4xl {

    font-size: 2.25rem;

    line-height: 2.5rem
}
.text-base {

    font-size: 1rem;

    line-height: 1.5rem
}
.text-sm {

    font-size: 0.875rem;

    line-height: 1.25rem
}
.text-xs {

    font-size: 0.75rem;

    line-height: 1rem
}
.font-medium {

    font-weight: 500
}
.font-normal {

    font-weight: 400
}
.font-semibold {

    font-weight: 600
}
.uppercase {

    text-transform: uppercase
}
.leading-none {

    line-height: 1
}
.tracking-wide {

    letter-spacing: 0.025em
}
.text-blue-700 {

    --tw-text-opacity: 1;

    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}
.text-emerald-700 {

    --tw-text-opacity: 1;

    color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}
.text-gray-300 {

    --tw-text-opacity: 1;

    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}
.text-gray-400 {

    --tw-text-opacity: 1;

    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.text-gray-500 {

    --tw-text-opacity: 1;

    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.text-gray-600 {

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.text-gray-700 {

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.text-green-700 {

    --tw-text-opacity: 1;

    color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}
.text-indigo-700 {

    --tw-text-opacity: 1;

    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}
.text-purple-700 {

    --tw-text-opacity: 1;

    color: rgb(126 34 206 / var(--tw-text-opacity, 1))
}
.text-red-600 {

    --tw-text-opacity: 1;

    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-yellow-700 {

    --tw-text-opacity: 1;

    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}
.shadow-sm {

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.filter {

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.placeholder\:normal-case::-moz-placeholder {

    text-transform: none
}
.placeholder\:normal-case::placeholder {

    text-transform: none
}
.hover\:border-\[\#fd9f0e\]:hover {

    --tw-border-opacity: 1;

    border-color: rgb(253 159 14 / var(--tw-border-opacity, 1))
}
.hover\:bg-\[\#e88e00\]:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(232 142 0 / var(--tw-bg-opacity, 1))
}
.hover\:bg-orange-50:hover {

    --tw-bg-opacity: 1;

    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}
.hover\:text-\[\#fd9f0e\]:hover {

    --tw-text-opacity: 1;

    color: rgb(253 159 14 / var(--tw-text-opacity, 1))
}
.focus\:border-\[\#fd9f0e\]:focus {

    --tw-border-opacity: 1;

    border-color: rgb(253 159 14 / var(--tw-border-opacity, 1))
}
.focus\:outline-none:focus {

    outline: 2px solid transparent;

    outline-offset: 2px
}
.focus\:ring-1:focus {

    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-\[\#fd9f0e\]:focus {

    --tw-ring-opacity: 1;

    --tw-ring-color: rgb(253 159 14 / var(--tw-ring-opacity, 1))
}
.active\:bg-\[\#d07d00\]:active {

    --tw-bg-opacity: 1;

    background-color: rgb(208 125 0 / var(--tw-bg-opacity, 1))
}
.disabled\:cursor-not-allowed:disabled {

    cursor: not-allowed
}
.disabled\:opacity-30:disabled {

    opacity: 0.3
}


/*# sourceMappingURL=angular.bundle.css.map*/