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

:root {
    --okai-z-tooltip: 1400;
}

.admin-dashboard-card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.admin-dashboard-card:hover {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10), 0 0 24px rgba(159, 192, 242, 0.35);
}

@layer base {
    html {
        @apply antialiased;
    }

    body {
        font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        background-color: #ffffff;
    }

    .e-control {
        font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        @apply font-semibold text-neutral-900;
    }

    h1 {
        @apply text-4xl;
    }

    h2 {
        @apply text-3xl;
    }

    h3 {
        @apply text-2xl;
    }

    h4 {
        @apply text-xl;
    }

    strong {
        font-weight: 600 !important;
    }

    a {
        @apply text-primary-600 hover:text-primary-700 transition-colors duration-200;
    }
}

.okai-tooltip:hover,
.okai-tooltip:focus-within {
    z-index: var(--okai-z-tooltip);
}

.okai-tooltip__content {
    display: none;
    z-index: var(--okai-z-tooltip);
}

.notificacoes-canais__tooltip .okai-tooltip__content {
    left: 0;
    transform: translateX(0);
}

.notificacoes-canais__tooltip .okai-tooltip__arrow {
    left: 0.5rem;
}

input[data-channel-toggle]:indeterminate + span {
    background-color: #BFD6F5;
}

input[data-channel-toggle]:indeterminate + span::after {
    transform: translateX(0.5rem);
}

.okai-tooltip:hover .okai-tooltip__content,
.okai-tooltip:focus-within .okai-tooltip__content {
    display: block;
}

.e-tooltip-wrap,
.e-tooltip-wrap.e-popup {
    z-index: var(--okai-z-tooltip) !important;
}

.okai-video-thumb-play {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 1;
    transition: opacity 180ms ease;
}

.okai-video-thumb-play--hidden {
    opacity: 0;
}

[data-user-menu-button][aria-expanded="true"] [data-header-menu-chevron],
[data-temas-menu-button][aria-expanded="true"] [data-header-menu-chevron] {
    transform: rotate(180deg);
}

[data-temas-menu-button] {
    text-decoration: none;
}

.okai-video-thumb-play__circle {
    display: inline-flex;
    width: 3.5rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.54);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.24);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.okai-video-thumb-play__triangle {
    width: 0;
    height: 0;
    margin-left: 0.22rem;
    border-top: 0.62rem solid transparent;
    border-bottom: 0.62rem solid transparent;
    border-left: 0.96rem solid rgba(255, 255, 255, 0.96);
    filter: drop-shadow(0 2px 6px rgba(15, 23, 42, 0.18));
}

.okai-video-thumb-play--pequeno .okai-video-thumb-play__circle {
    width: 2rem;
    height: 2rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.2);
}

.okai-video-thumb-play--pequeno .okai-video-thumb-play__triangle {
    margin-left: 0.14rem;
    border-top-width: 0.36rem;
    border-bottom-width: 0.36rem;
    border-left-width: 0.56rem;
}

.okai-video-thumb-play--grande .okai-video-thumb-play__circle {
    width: 4.5rem;
    height: 4.5rem;
}

.okai-video-thumb-play--grande .okai-video-thumb-play__triangle {
    margin-left: 0.28rem;
    border-top-width: 0.78rem;
    border-bottom-width: 0.78rem;
    border-left-width: 1.22rem;
}

@media (max-width: 640px) {
    .okai-video-thumb-play__circle {
        width: 3rem;
        height: 3rem;
    }

    .okai-video-thumb-play__triangle {
        border-top-width: 0.54rem;
        border-bottom-width: 0.54rem;
        border-left-width: 0.84rem;
    }

    .okai-video-thumb-play--grande .okai-video-thumb-play__circle {
        width: 3.6rem;
        height: 3.6rem;
    }

    .okai-video-thumb-play--grande .okai-video-thumb-play__triangle {
        border-top-width: 0.64rem;
        border-bottom-width: 0.64rem;
        border-left-width: 1rem;
    }

    .okai-video-thumb-play--pequeno .okai-video-thumb-play__circle {
        width: 2rem;
        height: 2rem;
    }

    .okai-video-thumb-play--pequeno .okai-video-thumb-play__triangle {
        border-top-width: 0.36rem;
        border-bottom-width: 0.36rem;
        border-left-width: 0.56rem;
    }
}

.okai-site-footer {
    --footer-bg: transparent;
    --footer-fg: #2B2632;
    --footer-muted: #6B7280;
    --footer-link: #3F4352;
    --footer-link-hover: #3473CC;
    --footer-line: rgba(226, 228, 240, 0.92);
    margin-top: auto;
    padding: 56px 0 24px;
    border-top: 1px solid var(--footer-line);
    background: var(--footer-bg);
    color: var(--footer-fg);
}

.okai-site-footer a {
    text-decoration: none;
}

.okai-site-footer__inner {
    width: min(1120px, calc(100% - 32px));
    margin: 0 auto;
}

.okai-site-footer__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(4, minmax(0, 1fr));
    gap: 34px;
}

.okai-site-footer__brand {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.okai-site-footer__logo {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: inherit;
    font-weight: 700;
}

.okai-site-footer__logo-shell {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(52, 115, 204, 0.22);
}

.okai-site-footer__logo-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.okai-site-footer__copy {
    max-width: 320px;
    color: var(--footer-muted);
    font-size: 14px;
    line-height: 1.7;
}

.okai-site-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.okai-site-footer__social a {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--footer-line);
    border-radius: 999px;
    color: var(--footer-link);
    transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.okai-site-footer__social a:hover,
.okai-site-footer__social a:focus-visible {
    border-color: rgba(52, 115, 204, 0.42);
    color: var(--footer-link-hover);
    transform: translateY(-1px);
}

.okai-site-footer__title {
    margin: 0;
    color: var(--footer-fg);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.okai-site-footer__links {
    display: grid;
    gap: 11px;
    margin-top: 14px;
}

.okai-site-footer__links a,
.okai-site-footer__legal a {
    color: var(--footer-link);
    font-size: 14px;
    font-weight: 500;
    transition: color 160ms ease;
}

.okai-site-footer__links a:hover,
.okai-site-footer__links a:focus-visible,
.okai-site-footer__legal a:hover,
.okai-site-footer__legal a:focus-visible {
    color: var(--footer-link-hover);
}

.okai-site-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid var(--footer-line);
    color: var(--footer-muted);
    font-size: 13px;
}

.okai-site-footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}

@media (max-width: 980px) {
    .okai-site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .okai-site-footer {
        padding: 42px 0 22px;
    }

    .okai-site-footer__inner {
        width: min(100% - 24px, 1120px);
    }

    .okai-site-footer__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .okai-site-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

.okai-toast-region {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 80;
    display: flex;
    width: min(calc(100vw - 2rem), 30rem);
    flex-direction: column;
    gap: 0.75rem;
    pointer-events: none;
}

.okai-toast {
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    border-left: 4px solid var(--okai-toast-color);
    background: var(--okai-toast-bg);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    padding: 1rem 3rem 1rem 1.5rem;
    color: #3F4352;
    pointer-events: auto;
    animation: okai-toast-enter 160ms ease-out;
}

.okai-toast--leaving {
    animation: okai-toast-leave 140ms ease-in forwards;
}

.okai-toast--success {
    --okai-toast-bg: #DDF8E3;
    --okai-toast-color: #34A550;
    --okai-toast-icon: url('/icons/solid/circle-check.svg');
}

.okai-toast--error {
    --okai-toast-bg: #FFEBEB;
    --okai-toast-color: #A10000;
    --okai-toast-icon: url('/icons/solid/circle-exclamation.svg');
}

.okai-toast--info {
    --okai-toast-bg: #EFF6FF;
    --okai-toast-color: #3473CC;
    --okai-toast-icon: url('/icons/solid/circle-info.svg');
}

.okai-toast--warning {
    --okai-toast-bg: #FFF7D6;
    --okai-toast-color: #B77900;
    --okai-toast-icon: url('/icons/solid/triangle-exclamation.svg');
}

.okai-toast-content {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.okai-toast-icon {
    margin-top: 0.125rem;
    display: flex;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    background-color: var(--okai-toast-color);
    -webkit-mask: var(--okai-toast-icon) center / contain no-repeat;
    mask: var(--okai-toast-icon) center / contain no-repeat;
}

.okai-toast-body {
    min-width: 0;
    flex: 1 1 auto;
}

.okai-toast-text {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22px;
    color: #3F4352;
}

.okai-toast-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    color: rgba(63, 67, 82, 0.7);
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.okai-toast-close:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #2B2632;
}

.okai-toast-close:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(63, 67, 82, 0.2);
}

.okai-toast-close-icon {
    width: 0.875rem;
    height: 0.875rem;
    background-color: currentColor;
    -webkit-mask: url('/icons/regular/xmark.svg') center / contain no-repeat;
    mask: url('/icons/regular/xmark.svg') center / contain no-repeat;
}

.okai-toast-timer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: var(--okai-toast-color);
    opacity: 0.85;
    transform-origin: left center;
    animation: okai-toast-timer var(--okai-toast-duration, 5200ms) linear forwards;
}

@media (max-width: 640px) {
    .okai-toast-region {
        top: 1rem;
        right: 1rem;
        left: 1rem;
        width: auto;
    }
}

@keyframes okai-toast-enter {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes okai-toast-leave {
    to {
        opacity: 0;
        transform: translateY(-0.35rem);
    }
}

@keyframes okai-toast-timer {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

.password-visibility-input::-ms-reveal,
.password-visibility-input::-ms-clear {
    display: none;
}

@keyframes authAmbientFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(0, -18px, 0) scale(1.04);
    }
}

.auth-ambient-orb {
    animation: authAmbientFloat 14s ease-in-out infinite;
    will-change: transform;
}

.auth-ambient-orb--delayed {
    animation-delay: -7s;
}

.auth-field-control {
    min-height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #FBFCFF;
    color: #111827;
    padding: 0.625rem 0.875rem;
    box-shadow: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.auth-field-control::placeholder {
    color: #9ca3af;
}

.auth-field-control:hover {
    border-color: #d1d5db;
}

.auth-field-control:focus,
.auth-field-control:focus-visible {
    outline: none;
    border-color: #2566C2;
    box-shadow: 0 0 0 1px #2566C2;
}

.auth-field-control--invalid {
    border-color: #A10000 !important;
    box-shadow: 0 0 0 1px #A10000 !important;
    padding-right: 3.25rem !important;
}

.auth-field-control[data-auth-trailing="button"].auth-field-control--invalid {
    padding-right: 4.5rem !important;
}

.auth-field-control[data-auth-trailing="select"].auth-field-control--invalid {
    padding-right: 4.15rem !important;
}

.auth-field-control--neutral {
    background-image: none;
}

.auth-field-shell {
    position: relative;
    display: block;
}

.auth-field-status-icon {
    pointer-events: none;
    position: absolute;
    right: 0.875rem;
    top: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    opacity: 0;
    transform: translateY(-50%) scale(0.96);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.auth-field-status-icon[data-auth-trailing="button"] {
    right: 2.75rem;
}

.auth-field-status-icon[data-auth-trailing="select"] {
    right: 2.45rem;
}

.auth-field-status-icon--invalid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A10000'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.auth-field-message {
    color: #A10000 !important;
}

.okai-auth-card {
    border: 1px solid rgba(226, 232, 240, 0.9);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 252, 255, 0.98) 100%);
    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.16),
        0 1px 0 rgba(255, 255, 255, 0.65) inset;
    backdrop-filter: blur(14px);
}

.auth-signup-card {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 5rem);
    overflow: hidden;
}

.okai-auth-control {
    width: 100%;
    min-height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #FBFCFF;
    color: #111827;
    padding: 0.625rem 0.875rem;
    box-shadow: none;
    transition:
        border-color 0.16s ease,
        box-shadow 0.16s ease,
        background-color 0.16s ease;
}

.okai-auth-control::placeholder {
    color: #9ca3af;
}

.okai-auth-control:hover {
    border-color: #d1d5db;
}

.okai-auth-control:focus,
.okai-auth-control:focus-visible {
    outline: none;
    border-color: #2566C2;
    background-color: #FBFCFF;
    box-shadow: 0 0 0 1px #2566C2;
}

select.okai-auth-control {
    appearance: auto;
    padding-right: 1rem;
    color: #6b7280;
}

select.okai-auth-control:has(option:checked:not([value=""])) {
    color: #111827;
}

.auth-custom-select {
    position: relative;
    width: 100%;
}

.auth-custom-select__native {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

.auth-custom-select__control {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #FBFCFF;
    box-shadow: none;
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.auth-custom-select.is-open .auth-custom-select__control,
.auth-custom-select__control:focus-visible {
    border-color: #2566C2;
    box-shadow: 0 0 0 1px #2566C2;
    outline: 0;
}

.auth-custom-select__value {
    flex: 1 1 auto;
    min-width: 0;
    color: #111827;
    text-align: left;
    padding: 0.625rem 0 0.625rem 0.875rem;
}

.auth-custom-select__value.is-placeholder {
    color: #9ca3af;
}

.auth-custom-select__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    min-width: 2.75rem;
    color: #64748b;
    transition: transform 0.18s ease;
}

.auth-custom-select__icon svg {
    width: 1rem;
    height: 1rem;
}

.auth-custom-select.is-open .auth-custom-select__icon {
    transform: rotate(180deg);
}

.auth-custom-select__dropdown {
    position: absolute;
    top: calc(100% + 0.4rem);
    left: 0;
    right: 0;
    z-index: 40;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    padding: 0;
}

.auth-custom-select__dropdown[hidden] {
    display: none !important;
}

.auth-custom-select__option {
    width: 100%;
    border: 0;
    background: transparent;
    color: #3f3f46;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    padding: 0.55rem 0.75rem;
    cursor: pointer;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.auth-custom-select__option:hover,
.auth-custom-select__option:focus-visible,
.auth-custom-select__option.is-active {
    background: #eff4ff;
    color: #16335f;
    outline: 0;
}
.auth-signup-scroll-shell {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 0.25rem;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

.auth-signup-scroll-shell::-webkit-scrollbar {
    width: 10px;
}

.auth-signup-scroll-shell::-webkit-scrollbar-track {
    background: transparent;
}

.auth-signup-scroll-shell::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.55);
    border: 3px solid transparent;
    border-radius: 9999px;
    background-clip: content-box;
}

.auth-signup-scroll-shell::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 116, 139, 0.7);
}

.auth-signup-scroll-shell::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.okai-auth-checkbox {
    appearance: none;
    width: 1rem;
    height: 1rem;
    margin-top: 0.25rem;
    flex-shrink: 0;
    border: 1px solid #cbd5e1;
    border-radius: 0.35rem;
    background: #fbfcff;
    transition:
        border-color 0.16s ease,
        background-color 0.16s ease,
        box-shadow 0.16s ease;
}

.okai-auth-checkbox:hover {
    border-color: #94a3b8;
}

.okai-auth-checkbox:focus,
.okai-auth-checkbox:focus-visible {
    outline: none;
    border-color: #2566c2;
    box-shadow: 0 0 0 1px #2566c2;
}

.okai-auth-checkbox:checked {
    border-color: #2566c2;
    background-color: #2566c2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8.2l2.35 2.35L12 4.9' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.75rem 0.75rem;
}

.okai-auth-checkbox.input-validation-error,
.okai-auth-checkbox[aria-invalid="true"] {
    border-color: #A10000;
    box-shadow: 0 0 0 1px #A10000;
}

.okai-password-input {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 0.75rem;
    background: #fff;
    color: #111827;
    padding: 0.75rem 0.875rem;
    font-size: 0.95rem;
    line-height: 1.35rem;
    outline: none;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    background-position: right 0.875rem center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-position 0.15s ease;
}

.okai-password-input:focus {
    border-color: #2566C2;
    box-shadow: 0 0 0 1px #2566C2;
}

.okai-password-input--invalid {
    border-color: #A10000;
    box-shadow: 0 0 0 1px #A10000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23A10000'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
    padding-right: 2.75rem;
}

.okai-password-input--valid {
    border-color: #15803D;
    box-shadow: 0 0 0 1px #15803D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2315803D'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15-5-5 1.41-1.41L11 14.17l5.59-5.58L18 10l-7 7z'/%3E%3C/svg%3E");
    padding-right: 2.75rem;
}

.okai-validation-message {
    display: block;
    margin-top: 0.35rem;
    color: #A10000;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.okai-password-policy-text {
    margin: 0.5rem 0 0;
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.okai-password-policy-text--invalid {
    color: #A10000;
}

.conta-perfil-edit-row {
    display: grid;
    gap: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .conta-perfil-edit-row {
        grid-template-columns: 13rem minmax(0, 48rem) auto;
        align-items: center;
        column-gap: 2.5rem;
    }
}

.conta-submit-busy {
    opacity: 0.68;
    pointer-events: none;
}

.conta-submit-spinner {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.45rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 9999px;
    vertical-align: -0.125rem;
    animation: conta-submit-spin 0.75s linear infinite;
}

@keyframes conta-submit-spin {
    to {
        transform: rotate(360deg);
    }
}

[data-course-preview-root] > section[data-secao-full="true"] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[data-course-preview-root] [data-secao-full-anchor="true"] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

[data-course-preview-root] [data-course-left-scroll],
[data-course-preview-root] [data-course-right-scroll-host] [data-course-sidebar-panel] {
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 212, 212, 0.9) transparent;
    scrollbar-gutter: stable;
}

[data-course-preview-root] [data-course-left-scroll]::-webkit-scrollbar,
[data-course-preview-root] [data-course-right-scroll-host] [data-course-sidebar-panel]::-webkit-scrollbar {
    width: 8px;
}

[data-course-preview-root] [data-course-left-scroll]::-webkit-scrollbar-track,
[data-course-preview-root] [data-course-right-scroll-host] [data-course-sidebar-panel]::-webkit-scrollbar-track {
    background: transparent;
}

[data-course-preview-root] [data-course-left-scroll]::-webkit-scrollbar-thumb,
[data-course-preview-root] [data-course-right-scroll-host] [data-course-sidebar-panel]::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    border-radius: 9999px;
    background-clip: padding-box;
    background-color: rgba(212, 212, 212, 0.9);
}

[data-course-preview-root] [data-course-left-scroll]:hover::-webkit-scrollbar-thumb,
[data-course-preview-root] [data-course-right-scroll-host] [data-course-sidebar-panel]:hover::-webkit-scrollbar-thumb {
    background-color: rgba(163, 163, 163, 0.95);
}

[data-compliance-create-scroll-shell] {
    background-color: transparent;
    scrollbar-color: rgba(100, 116, 139, 0.72) transparent;
}

[data-compliance-create-document-shell]:has([data-compliance-create-editor-shell]:not(.hidden)) {
    overflow-y: hidden;
    padding-bottom: 0;
}

[data-compliance-create-editor-shell] {
    background-color: transparent;
    flex: 0 0 auto;
    overflow: visible;
}

[data-compliance-create-editor-shell] .compliance-documento-editor-surface {
    overflow: hidden;
}

[data-compliance-create-editor-shell] .compliance-documento-okaidocs-frame,
[data-compliance-create-editor-shell] .compliance-documento-pdf-frame {
    min-height: 0;
    height: clamp(360px, calc(100dvh - 285px), 760px);
}

.compliance-documento-formato-check {
    background-color: #DCFCE7;
    color: #15803D;
}

[data-compliance-create-scroll-shell]::-webkit-scrollbar-track {
    background-color: transparent;
}

[data-compliance-create-scroll-shell].has-scroll {
    padding-right: 8px;
}

@media (min-width: 768px) {
    [data-compliance-create-scroll-shell].has-scroll {
        padding-right: 8px;
    }
}

@media (max-width: 767px) {
    [data-compliance-create-editor-shell] .compliance-documento-okaidocs-frame,
    [data-compliance-create-editor-shell] .compliance-documento-pdf-frame {
        min-height: 0;
        height: clamp(320px, calc(100dvh - 235px), 72dvh);
    }
}

body.auth-lite-mode {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.audit-page-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    background: #f1f5f9;
}

.okai-native-file-input {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #f8fafc;
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.75rem 1rem;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.okai-native-file-input:focus {
    border-color: #2566C2;
    box-shadow: 0 0 0 1px #2566C2;
}

.okai-native-file-input::file-selector-button {
    margin-right: 1rem;
    border: 0;
    border-radius: 0.375rem;
    background-color: #3473CC;
    color: #fff;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: 0.5rem 1rem;
    transition: background-color 0.15s ease;
}

.okai-native-file-input:hover::file-selector-button {
    background-color: #16407F;
}

.audit-page-shell {
    width: 100%;
    padding: 1rem 0.85rem 1.5rem;
    touch-action: pan-y;
}

.audit-page-inner {
    width: min(100%, 1480px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.audit-page-head {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.audit-page-title {
    margin: 0;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
}

@media (min-width: 1024px) {
    .audit-page-shell {
        padding: 1.25rem 1.25rem 2rem;
    }
}

.checkout-cesta-admin-input {
    width: 100%;
    min-height: 40px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #FBFCFF;
    color: #111827;
    padding: 0.625rem 0.875rem;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.checkout-cesta-admin-input:focus {
    border-color: #2566C2;
    box-shadow: 0 0 0 1px #2566C2;
}

.checkout-cesta-admin-input-error,
.checkout-cesta-admin-input-error:focus {
    border-color: #A10000;
    box-shadow: 0 0 0 1px #A10000;
}

.checkout-cesta-select-shell {
    position: relative;
}

.checkout-cesta-select-shell .checkout-cesta-select-chevron {
    pointer-events: none;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    display: inline-flex;
    align-items: center;
    color: #64748b;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

.checkout-cesta-select-shell:focus-within .checkout-cesta-select-chevron {
    transform: translateY(-50%) rotate(180deg);
}

.checkout-cesta-admin-select {
    appearance: none;
    padding-right: 2.75rem;
}

.checkout-cesta-admin-input-readonly {
    background-color: #FBFDFF;
    border-color: #E2E8F0;
    color: #C1CAD8;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 1;
    -webkit-text-fill-color: #C1CAD8;
}

.checkout-cesta-admin-input-readonly:focus {
    border-color: #E2E8F0;
    box-shadow: none;
}

.checkout-cesta-admin-input-readonly:disabled {
    background-color: #FBFDFF;
    border-color: #E2E8F0;
    color: #C1CAD8;
    opacity: 1;
    -webkit-text-fill-color: #C1CAD8;
    cursor: not-allowed;
}

[data-playlist-scroll-root] [data-playlist-left-scroll],
[data-playlist-scroll-root] [data-playlist-right-scroll] {
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 212, 212, 0.9) transparent;
}

[data-playlist-scroll-root] [data-playlist-left-scroll]::-webkit-scrollbar,
[data-playlist-scroll-root] [data-playlist-right-scroll]::-webkit-scrollbar {
    width: 8px;
}

[data-playlist-scroll-root] [data-playlist-left-scroll]::-webkit-scrollbar-track,
[data-playlist-scroll-root] [data-playlist-right-scroll]::-webkit-scrollbar-track {
    background: transparent;
}

[data-playlist-scroll-root] [data-playlist-left-scroll]::-webkit-scrollbar-thumb,
[data-playlist-scroll-root] [data-playlist-right-scroll]::-webkit-scrollbar-thumb {
    border: 1px solid transparent;
    border-radius: 9999px;
    background-clip: padding-box;
    background-color: rgba(212, 212, 212, 0.9);
}

[data-playlist-scroll-root] [data-playlist-left-scroll]:hover::-webkit-scrollbar-thumb,
[data-playlist-scroll-root] [data-playlist-right-scroll]:hover::-webkit-scrollbar-thumb {
    background-color: rgba(163, 163, 163, 0.95);
}

.gs-results-scroll {
    padding: 0.5rem 1rem 0.5rem 0.75rem;
    margin: -0.5rem -1rem -0.5rem -0.75rem;
}

.gs-search-panel {
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(135deg,
            rgb(255 255 255 / 0.66) 0%,
            rgb(241 245 249 / 0.56) 42%,
            rgb(203 213 225 / 0.48) 100%);
    border-color: rgb(255 255 255 / 0.26);
    box-shadow:
        0 1.8rem 5rem rgb(15 23 42 / 0.34),
        inset 0 1px 0 rgb(255 255 255 / 0.18);
}

.gs-search-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        radial-gradient(circle at top left, rgb(96 165 250 / 0.08), transparent 26%),
        radial-gradient(circle at top right, rgb(236 72 153 / 0.08), transparent 20%),
        linear-gradient(180deg, rgb(255 255 255 / 0.06), transparent 34%);
    z-index: -1;
}

.gs-search-shell,
.gs-search-close-chip {
    border-color: rgb(255 255 255 / 0.7);
    background: rgb(255 255 255 / 0.94);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.4),
        0 12px 30px rgb(15 23 42 / 0.10);
}

.gs-search-shell {
    transition:
        border-color 180ms ease-out,
        background-color 180ms ease-out,
        box-shadow 180ms ease-out,
        transform 180ms ease-out;
}

.gs-search-shell:focus-within {
    border-color: rgb(96 165 250 / 0.58);
    background: rgb(255 255 255 / 0.92);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.44),
        0 0 0 4px rgb(96 165 250 / 0.14),
        0 14px 34px rgb(37 99 235 / 0.12);
    transform: translateY(-1px);
}

.gs-search-svg-icon {
    display: inline-block;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.gs-preview-shell {
    background:
        linear-gradient(180deg,
            rgb(255 255 255 / 0.68) 0%,
            rgb(241 245 249 / 0.56) 100%);
    border-color: rgb(255 255 255 / 0.44);
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    box-shadow:
        0 18px 40px rgb(15 23 42 / 0.14),
        inset 0 1px 0 rgb(255 255 255 / 0.18);
}

@media (min-width: 1280px) {
    .gs-preview-shell {
        display: flex !important;
        flex-direction: column;
    }
}

.gs-preview-shell [data-preview-title],
.gs-preview-shell [data-preview-summary] {
    display: block;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.gs-preview-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 0.35rem;
    margin-right: -0.35rem;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgb(100 116 139 / 0.5) transparent;
}

.gs-preview-scroll::-webkit-scrollbar {
    width: 0.35rem;
}

.gs-preview-scroll::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background: rgb(100 116 139 / 0.5);
}

.gs-preview-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.gs-preview-shell [data-preview-summary] {
    flex: 0 0 auto;
    max-height: none;
    min-height: auto;
    overflow-y: visible;
    padding-right: 0;
}

.gs-preview-shell.gs-preview-title-dense [data-preview-summary],
.gs-preview-shell.gs-preview-title-tight [data-preview-summary] {
    max-height: none;
}

.gs-preview-author {
    min-width: 0;
    border-radius: 0.75rem;
    padding: 0.25rem 0;
    background: transparent;
    box-shadow: none;
}

.gs-preview-author:hover,
.gs-preview-author:focus-visible {
    color: rgb(15 23 42);
    background: transparent;
    box-shadow: none;
}

.gs-preview-author-icon {
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32);
}

[data-preview-author-fallback][hidden],
[data-preview-author-fallback].hidden,
.gs-preview-author-fallback[hidden],
.gs-preview-author-fallback.hidden {
    display: none !important;
}

.gs-preview-author-image[data-icon-type="avatar"] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.gs-preview-author-image[data-icon-type="logo"] {
    width: 1.55rem;
    height: 1.55rem;
    object-fit: contain;
}

.gs-preview-media {
    aspect-ratio: 16 / 9;
    border-radius: 1rem;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.28),
        0 14px 28px rgb(15 23 42 / 0.08);
}

.gs-preview-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gs-preview-icon,
.gs-preview-tag {
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.32),
        0 10px 24px rgb(15 23 42 / 0.06);
}

.gs-preview-tag {
    align-self: flex-start;
    width: auto;
    max-width: 100%;
}

.gs-preview-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.125rem;
    flex: 0 0 auto;
}

.gs-preview-icon.is-avatar {
    border-radius: 1rem;
}

.gs-preview-icon [data-preview-icon] {
    width: 100%;
    height: 100%;
}

.gs-preview-icon .gs-search-svg-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.gs-preview-icon .gs-visual-image[data-icon-type="avatar"] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.gs-preview-icon .gs-visual-image[data-icon-type="logo"] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.5rem;
    object-fit: contain;
}

.gs-preview-icon i {
    font-size: 1.35rem;
    line-height: 1;
}

.gs-item {
    isolation: isolate;
    overflow: hidden;
    border-color: rgb(255 255 255 / 0.7);
    background: rgb(255 255 255 / 0.82);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.34),
        0 0 0 1px rgb(255 255 255 / 0.18),
        0 10px 22px -16px rgb(15 23 42 / 0.22);
    transition:
        transform 180ms ease-out,
        background-color 180ms ease-out,
        border-color 180ms ease-out,
        box-shadow 180ms ease-out;
}

.gs-item:hover,
.gs-item:focus-visible {
    border-color: rgb(255 255 255 / 0.76);
    background: rgb(255 255 255 / 0.9);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.38),
        0 0 0 1px rgb(255 255 255 / 0.2),
        0 14px 26px -16px rgb(52 115 204 / 0.26);
}

.gs-item-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    overflow: hidden;
    flex: 0 0 2.5rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32);
}

.gs-item-icon i {
    font-size: 1.08rem;
    line-height: 1;
}

.gs-item-icon .gs-search-svg-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.gs-visual-image {
    display: block;
    flex: 0 0 auto;
}

.gs-visual-image[data-icon-type="avatar"] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: inherit;
    object-fit: cover;
}

.gs-item-icon .gs-visual-image[data-icon-type="avatar"] {
    width: 100%;
    height: 100%;
}

.gs-visual-image[data-icon-type="logo"] {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0.375rem;
    object-fit: contain;
}

.gs-related-shortcut .gs-search-svg-icon {
    width: 0.875rem;
    height: 0.875rem;
}

.gs-item-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.28);
}

.gs-item.is-active {
    border-color: rgb(255 255 255 / 0.86);
    background: rgb(255 255 255 / 0.95);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.38),
        0 0 0 1px rgb(255 255 255 / 0.22),
        0 14px 26px -16px rgb(52 115 204 / 0.26);
}

.gs-item:hover .gs-item-title,
.gs-item:focus-visible .gs-item-title,
.gs-item.is-active .gs-item-title {
    color: rgb(15 23 42);
    font-weight: 600;
}

.gs-item.is-active .gs-item-meta {
    color: rgb(71 85 105);
}

.gs-item-skeleton {
    pointer-events: none;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.34),
        0 0 0 1px rgb(255 255 255 / 0.18),
        0 12px 28px -20px rgb(52 115 204 / 0.14);
}

.gs-load-more {
    pointer-events: none;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.28),
        0 10px 22px -18px rgb(15 23 42 / 0.18);
}

.gs-preview-loading [data-preview-icon-wrap] {
    background: rgb(255 255 255 / 0.76);
}

.gs-skeleton-block {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            100deg,
            rgb(226 232 240 / 0.88) 0%,
            rgb(255 255 255 / 0.96) 48%,
            rgb(226 232 240 / 0.88) 100%
        );
    background-size: 220% 100%;
    animation: gs-skeleton-shimmer 1.45s ease-in-out infinite;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.3);
}

@keyframes gs-skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.gs-status-card {
    box-shadow:
        0 14px 32px rgb(15 23 42 / 0.06),
        inset 0 1px 0 rgb(255 255 255 / 0.34);
}

.gs-quick-action,
.gs-keyboard-hint {
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.54),
        0 10px 24px rgb(15 23 42 / 0.08);
}

.gs-related-shortcut {
    transition:
        background-color 180ms ease-out,
        border-color 180ms ease-out,
        box-shadow 180ms ease-out;
}

.gs-related-shortcut:hover,
.gs-related-shortcut:focus-visible {
    border-color: rgb(255 255 255 / 0.78);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 0.44),
        0 12px 24px -18px rgb(15 23 42 / 0.3);
}

.gs-related-shortcut .gs-related-visual-image[data-icon-type="avatar"] {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

#okai-ai-assistant {
    --ai-radius: 1rem;
    --ai-radius-lg: 1.375rem;
    --ai-space-xxs: 0.125rem;
    --ai-space-xs: 0.375rem;
    --ai-space-sm: 0.625rem;
    --ai-space-md: 0.75rem;
    --ai-size-icon: 4rem;
    --ai-textarea-min: 4.5rem;
    --ai-textarea-max: 5.75rem;
}

#okai-ai-assistant [data-ai-assistant-panel] {
    pointer-events: auto;
    inset: 0;
    width: 100%;
    max-width: none;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
    #okai-ai-assistant [data-ai-assistant-panel] {
        top: 1rem;
        right: 1rem;
        bottom: 1rem;
        left: auto;
        width: min(28rem, calc(100vw - 2rem));
        max-width: min(28rem, calc(100vw - 2rem));
        border: 1px solid rgb(229 229 229 / 1);
        border-radius: 1.5rem;
    }
}

#okai-ai-assistant .okai-ai-sparkles-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#okai-ai-assistant .okai-ai-sparkles-wrap::before {
    content: '';
    position: absolute;
    inset: -0.625rem;
    border-radius: 9999px;
    pointer-events: none;
    background:
        radial-gradient(circle, rgba(139, 88, 217, 0.22) 0%, rgba(139, 88, 217, 0) 60%),
        radial-gradient(circle, rgba(52, 115, 204, 0.16) 0%, rgba(52, 115, 204, 0) 65%);
    filter: blur(0.625rem);
    animation: okai-ai-sparkles-halo 3.2s ease-in-out infinite;
}

#okai-ai-assistant .okai-ai-sparkles-icon {
    position: relative;
    display: block;
    width: var(--ai-size-icon);
    height: var(--ai-size-icon);
    color: #7B50D8;
    filter: drop-shadow(0 0.25rem 0.75rem rgba(52, 115, 204, 0.2));
    animation: okai-ai-sparkles-shift 6s ease-in-out infinite;
}

#okai-ai-assistant .okai-ai-gradient-frame {
    position: relative;
    isolation: isolate;
    border-radius: var(--ai-radius);
    padding: var(--ai-space-xxs);
    background: linear-gradient(
        120deg,
        rgba(52, 115, 204, 0.74) 0%,
        rgba(139, 88, 217, 0.74) 42%,
        rgba(91, 108, 250, 0.7) 70%,
        rgba(52, 115, 204, 0.74) 100%
    );
    background-size: 230% 230%;
    animation: okai-ai-glow 4.8s ease-in-out infinite;
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.22), 0 2px 10px rgba(79, 70, 229, 0.12);
}

#okai-ai-assistant .okai-ai-gradient-frame::before {
    content: '';
    position: absolute;
    inset: -0.625rem;
    z-index: -1;
    border-radius: var(--ai-radius-lg);
    pointer-events: none;
    opacity: 0.78;
    background:
        radial-gradient(circle at 18% 22%, rgba(139, 88, 217, 0.18) 0%, rgba(139, 88, 217, 0) 42%),
        radial-gradient(circle at 82% 78%, rgba(91, 108, 250, 0.16) 0%, rgba(91, 108, 250, 0) 38%);
    filter: blur(1.125rem);
    transition: opacity 180ms ease, filter 180ms ease, transform 180ms ease;
}

#okai-ai-assistant .okai-ai-gradient-frame:focus-within {
    box-shadow: 0 0 0 1px rgba(99, 102, 241, 0.42), 0 8px 22px rgba(79, 70, 229, 0.14);
}

#okai-ai-assistant .okai-ai-gradient-frame:focus-within::before {
    opacity: 1;
    filter: blur(1.75rem);
    transform: scale(1.01);
}

#okai-ai-assistant .okai-ai-gradient-inner {
    position: relative;
    overflow: hidden;
    border-radius: var(--ai-radius);
    background: #fff;
}

#okai-ai-assistant [data-ai-assistant-composer] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.25rem;
    align-items: end;
    gap: var(--ai-space-md);
    padding: var(--ai-space-sm) var(--ai-space-md);
}

#okai-ai-assistant [data-ai-assistant-input] {
    height: var(--ai-textarea-min);
    min-height: var(--ai-textarea-min);
    max-height: var(--ai-textarea-max);
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(139, 88, 217, 0.45) transparent;
}

#okai-ai-assistant [data-ai-assistant-input]::-webkit-scrollbar {
    width: var(--ai-space-xs);
}

#okai-ai-assistant [data-ai-assistant-input]::-webkit-scrollbar-track {
    background: transparent;
}

#okai-ai-assistant [data-ai-assistant-input]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background: linear-gradient(180deg, rgba(52, 115, 204, 0.52) 0%, rgba(139, 88, 217, 0.62) 100%);
}

#okai-ai-assistant [data-ai-assistant-input]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(52, 115, 204, 0.64) 0%, rgba(139, 88, 217, 0.74) 100%);
}

#okai-ai-assistant [data-ai-assistant-suggestions] {
    width: 100%;
    max-width: 100%;
}

#okai-ai-assistant [data-ai-assistant-suggestions] > button {
    max-width: 100%;
    font-size: 0.75rem;
    line-height: 1rem;
}

#okai-ai-assistant .okai-ai-send-gradient {
    background: linear-gradient(140deg, #3473CC 0%, #8B58D9 100%);
}

@keyframes okai-ai-glow {
    0% { background-position: 0% 50%; }
    25% { background-position: 45% 20%; }
    50% { background-position: 100% 50%; }
    75% { background-position: 55% 80%; }
    100% { background-position: 0% 50%; }
}

@keyframes okai-ai-sparkles-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes okai-ai-sparkles-halo {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(1);
        filter: blur(0.625rem);
    }

    50% {
        opacity: 0.95;
        transform: scale(1.05);
        filter: blur(0.875rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    #okai-ai-assistant .okai-ai-gradient-frame,
    #okai-ai-assistant .okai-ai-sparkles-icon {
        animation: none;
    }

    #okai-ai-assistant .okai-ai-gradient-frame::before,
    #okai-ai-assistant .okai-ai-sparkles-wrap::before {
        transition: none;
        animation: none;
    }
}

.okai-impersonacao-banner {
    position: sticky;
    top: 0;
    z-index: 80;
    width: 100%;
    border-bottom: 1px solid #E8E5DF;
    background: #FFFFFF;
    color: #2A2723;
    box-shadow: 0 1px 0 rgba(42, 39, 35, 0.04);
}

.okai-impersonacao-banner__inner {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 32px;
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.okai-impersonacao-banner__content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
}

.okai-impersonacao-banner__emoji {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #FFF7E8;
    box-shadow: inset 0 0 0 1px rgba(161, 0, 0, 0.10);
    font-size: 16px;
    line-height: 1;
}

.okai-impersonacao-banner__name {
    max-width: min(42vw, 420px);
    overflow: hidden;
    color: #2A2723;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.okai-impersonacao-banner__label {
    color: #7C756D;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
}

.okai-impersonacao-banner__form {
    flex: 0 0 auto;
    margin: 0;
}

.okai-impersonacao-banner__button {
    min-height: 36px;
    border: 0;
    border-radius: 999px;
    background: #F3F0EA;
    color: #2A2723;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 0 18px;
    transition:
        background-color 0.15s ease,
        box-shadow 0.15s ease,
        color 0.15s ease,
        transform 0.15s ease;
}

.okai-impersonacao-banner__button:hover {
    background: #E8E1D6;
}

.okai-impersonacao-banner__button:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(52, 115, 204, 0.22);
}

.okai-impersonacao-banner__button:active {
    transform: translateY(1px);
}

.okai-impersonacao-banner ~ #mobile-menu-overlay {
    top: calc(var(--mobile-header-height, 70px) + 66px);
}

@media (max-width: 640px) {
    .okai-impersonacao-banner__inner {
        min-height: 58px;
        gap: 10px;
        padding: 11px 16px;
    }

    .okai-impersonacao-banner__content {
        gap: 8px;
    }

    .okai-impersonacao-banner__emoji {
        width: 26px;
        height: 26px;
        font-size: 15px;
    }

    .okai-impersonacao-banner__name {
        max-width: calc(100vw - 190px);
        font-size: 14px;
        line-height: 20px;
    }

    .okai-impersonacao-banner__label {
        font-size: 13px;
        line-height: 20px;
    }

    .okai-impersonacao-banner__button {
        min-height: 34px;
        padding: 0 14px;
    }

    .okai-impersonacao-banner ~ #mobile-menu-overlay {
        top: calc(var(--mobile-header-height, 70px) + 58px);
    }
}

@media (max-width: 420px) {
    .okai-impersonacao-banner__label {
        display: none;
    }

    .okai-impersonacao-banner__name {
        max-width: calc(100vw - 142px);
    }
}

/* Syncfusion (opção A): alinhar estados primários com paleta okaiCyan. */
.e-grid {
    --color-sf-primary: #3473CC;
    --color-sf-primary-border-color: #3473CC;
    --color-sf-primary-border-color-hover: #3473CC;
    --color-sf-primary-border-color-pressed: #3473CC;
    --color-sf-primary-outline: #3473CC;
}

.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-checkbox-wrapper {
    --color-sf-primary: #3473CC;
    --color-sf-primary-border-color: #3473CC;
    --color-sf-primary-border-color-hover: #3473CC;
    --color-sf-primary-border-color-pressed: #3473CC;
    --color-sf-primary-outline: #3473CC;
}

.compliance-hub-app .compliance-calendar .compliance-treeview .e-checkbox-wrapper {
    --color-sf-primary: #3473CC;
    --color-sf-primary-border-color: #3473CC;
    --color-sf-primary-border-color-hover: #3473CC;
    --color-sf-primary-border-color-pressed: #3473CC;
    --color-sf-primary-outline: #3473CC;
}

.compliance-hub-app .compliance-explorer .e-grid {
    --color-sf-primary: #3473CC;
    --color-sf-primary-border-color: #3473CC;
    --color-sf-primary-border-color-hover: #3473CC;
    --color-sf-primary-border-color-pressed: #3473CC;
    --color-sf-primary-outline: #3473CC;
}

.compliance-explorer [data-testid="grid-pagination"] {
    border-top: 1px solid #E2E8F0;
}

.compliance-explorer [data-testid="grid-pagination"] > div > * + * {
    margin-left: -1px !important;
}

.compliance-explorer [data-testid="grid-pagination"] > div > * {
    border-left-width: 1px !important;
}

.compliance-explorer [data-testid="grid-pagination-summary"] > * {
    border-left: 0 !important;
    border-left-width: 0 !important;
    margin-left: 0 !important;
}

.compliance-explorer [data-testid="grid-pagination"] .compliance-pager-active-first {
    margin-left: 0 !important;
    z-index: 1;
}

.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-gridchkbox:focus-visible .e-checkbox-wrapper .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell:has(.e-headerchkcelldiv):focus-visible .e-checkbox-wrapper .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-checkbox-wrapper input[type="checkbox"]:focus-visible + .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-checkbox-wrapper input[type="checkbox"]:focus-visible + .e-frame.e-check {
    box-shadow: 0 0 0 2px var(--color-sf-content-bg-color), 0 0 0 4px var(--color-sf-primary) !important;
    border-color: var(--color-sf-primary) !important;
    outline: none !important;
}

.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-gridchkbox:focus:not(:focus-visible),
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell:has(.e-headerchkcelldiv):focus:not(:focus-visible) {
    box-shadow: none !important;
    outline: 0 !important;
}

.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-gridchkbox:focus:not(:focus-visible) .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell:has(.e-headerchkcelldiv):focus:not(:focus-visible) .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-checkbox-wrapper:active .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-checkbox-wrapper input[type="checkbox"]:active + .e-frame {
    box-shadow: none !important;
    outline: 0 !important;
}

.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check,
.e-checkbox-wrapper .e-frame.e-stop,
.e-css.e-checkbox-wrapper .e-frame.e-stop,
.e-checkbox-wrapper:hover .e-frame.e-check,
.e-css.e-checkbox-wrapper:hover .e-frame.e-check,
.e-checkbox-wrapper:hover .e-frame.e-stop,
.e-css.e-checkbox-wrapper:hover .e-frame.e-stop {
    background-color: #2566C2 !important;
    border-color: #2566C2 !important;
}

.e-checkbox-wrapper .e-frame.e-check:focus,
.e-checkbox-wrapper .e-frame.e-stop:focus,
.e-css.e-checkbox-wrapper .e-frame.e-check:focus,
.e-css.e-checkbox-wrapper .e-frame.e-stop:focus,
.e-checkbox-wrapper .e-frame:focus-visible,
.e-css.e-checkbox-wrapper .e-frame:focus-visible {
    box-shadow: 0 0 0 3px rgba(52, 115, 204, 0.28) !important;
}

.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-gridchkbox:focus-visible .e-checkbox-wrapper .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-checkbox-wrapper input[type="checkbox"]:focus-visible + .e-frame,
.compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-checkbox-wrapper input[type="checkbox"]:focus-visible + .e-frame.e-check {
    box-shadow: 0 0 0 3px rgba(52, 115, 204, 0.28) !important;
    border-color: #3473CC !important;
    outline: none !important;
}

.e-input-group.e-control-wrapper.e-input-focus,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-control-wrapper.e-ddl.e-input-focus,
.e-control-wrapper.e-ddl.e-input-focus::before,
.e-control-wrapper.e-ddl.e-input-focus::after,
.e-control-wrapper.e-date-wrapper.e-input-focus,
.e-control-wrapper.e-date-wrapper.e-input-focus::before,
.e-control-wrapper.e-date-wrapper.e-input-focus::after {
    border-color: #2566C2 !important;
}

.okai-form-attachment-input::file-selector-button,
.file\:bg-okaiPurple-600::file-selector-button {
    background-color: #2566C2;
}

.okai-form-attachment-input:hover::file-selector-button,
.hover\:file\:bg-okaiPurple-700:hover::file-selector-button {
    background-color: #1B5CB8;
}

.okai-form-attachment-input:disabled::file-selector-button {
    background-color: #C3C7D5;
}

.okai-form-attachment-input::-webkit-file-upload-button,
.file\:bg-okaiPurple-600::-webkit-file-upload-button {
    background-color: #2566C2;
}

.okai-form-attachment-input:hover::-webkit-file-upload-button,
.hover\:file\:bg-okaiPurple-700:hover::-webkit-file-upload-button {
    background-color: #1B5CB8;
}

.okai-form-attachment-input:disabled::-webkit-file-upload-button {
    background-color: #C3C7D5;
}

.okai-task-create-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
}

@media (min-width: 1280px) {
    .okai-task-create-form-layout {
        grid-template-columns: repeat(var(--okai-form-card-column-count, 2), minmax(0, 1fr));
        gap: 1.25rem;
    }
}

@layer components {
    .btn {
        @apply px-4 py-2 rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2;
    }

    .btn-primary {
        @apply bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500;
    }

    .card {
        @apply bg-white rounded-xl shadow-soft p-6 border border-neutral-200;
    }

    /* Não remover: mantém compatibilidade com marcações existentes que usam `.card`. */
    .card {
        border-width: 0 !important;
    }

        .card.card-no-pad {
            padding: 0 !important;
        }


    .input {
        @apply w-full px-4 py-2 border border-neutral-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all duration-200;
    }

    .okai-input-error .e-input-group,
    .okai-input-error.e-input-group {
        border-color: #A10000;
        box-shadow: 0 0 0 1px rgba(161, 0, 0, 0.15);
    }

    .okai-input-error .e-input-group:focus-within,
    .okai-input-error.e-input-group:focus-within {
        border-color: #A10000;
        box-shadow: 0 0 0 2px rgba(161, 0, 0, 0.25);
    }

    .okai-input-error .e-input {
        padding-right: 2.5rem;
    }

    .okai-input-error-icon {
        color: #A10000;
    }

    .okai-input-error-text {
        color: #A10000;
    }

    .label {
        @apply block text-sm font-medium text-neutral-700 mb-2;
    }
}

:root {
    --main-menu-height: 60px;
    --main-menu-height-md: 78px;
}

.main-header-spacer {
    height: var(--main-menu-height);
}

@media (min-width: 768px) {
    .main-header-spacer {
        height: var(--main-menu-height-md);
    }
}

a:hover {
    color: inherit;
    text-decoration: none;
}


/* Details/Summary accordion icon rotation (somente para o summary filho direto) */
details > summary > svg:last-child,
details > summary > :last-child svg {
    transition: transform 0.2s ease;
}

details[open] > summary > svg:last-child,
details[open] > summary > :last-child svg {
    transform: rotate(180deg);
}

details summary::-webkit-details-marker {
    display: none;
}

/* Índice (modo rodapé): quando expandido, o painel vira "tela cheia" e a barra inferior não deve ficar visível. */
details[data-indice-mobile-footer][open] > summary {
    display: none;
}

article {
    padding: 0px;
}

    article p {
        margin-bottom: 16px;
    }

    article > :last-child {
        margin-bottom: 0;
    }

    article h2 {
        margin-top: 32px;
        margin-bottom: 16px;
    }

    article h3 {
        margin-top: 24px;
        margin-bottom: 16px;
    }

    article ul {
        margin: 16px 0;
        padding-left: 24px;
        list-style-type: disc;
    }

    article ol {
        margin: 16px 0;
        padding-left: 24px;
        list-style-type: decimal;
    }

    article li {
        margin-bottom: 8px;
    }

    article .prose > :is(h1, h2, h3):first-child {
        margin-top: 0;
    }

    article .flex.flex-col > :first-child {
        margin-top: 0;
    }

    article .prose h1 {
        font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
        line-height: 1.2;
    }

    article .prose h3 {
        font-size: clamp(1.125rem, 1rem + 0.7vw, 1.25rem);
        line-height: 1.35;
    }

    article .prose h2 {
        font-size: clamp(1.25rem, 1.05rem + 1vw, 1.5rem);
        line-height: 1.3;
    }

.e-grid .e-sortfilterdiv {
    position: absolute;
    right: 26px !important;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    line-height: 1;
}

.e-grid .e-headercell:has(.e-filtermenudiv) .e-sortfilterdiv {
    right: 34px !important;
}

.e-grid .e-filtermenudiv {
    position: absolute;
    right: 10px !important;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    line-height: 1;
}

/* Card gradiente: aplicar padding inferior apenas quando expandido (classe adicionada por JS) */
[data-card-gradiente].card-gradiente-expanded [data-card-gradiente-content] {
    padding-bottom: 0.5rem; /* equivalente a pb-2 do Tailwind */
}

.okai-ai-summary {
    color: #5f6472;
    font-size: 1rem;
    line-height: 1.45;
}

.okai-ai-summary > * + * {
    margin-top: 0.35rem;
}

.okai-ai-summary :is(p, ul, ol) {
    margin: 0;
}

.okai-ai-summary p {
    white-space: normal;
}

.okai-ai-summary :is(ul, ol) {
    padding-left: 1.1rem;
}

.okai-ai-summary ul {
    list-style-type: disc;
}

.okai-ai-summary ol {
    list-style-type: decimal;
}

.okai-ai-summary li + li {
    margin-top: 0.35rem;
}

.okai-ai-analysis {
    color: #3f4352;
    font-size: 1rem;
    line-height: 1.75;
}

.okai-ai-analysis > * + * {
    margin-top: 1rem;
}

.okai-ai-analysis :is(h1, h2, h3, h4) {
    color: #1c1824;
    font-weight: 600;
    line-height: 1.3;
}

.okai-ai-analysis h1 {
    font-size: 1.5rem;
}

.okai-ai-analysis h2 {
    font-size: 1.25rem;
}

.okai-ai-analysis h3,
.okai-ai-analysis h4 {
    font-size: 1rem;
}

.okai-ai-analysis :is(ul, ol) {
    margin-top: 0.75rem;
    padding-left: 1.25rem;
}

.okai-ai-analysis ul {
    list-style-type: disc;
}

.okai-ai-analysis ol {
    list-style-type: decimal;
}

.okai-ai-analysis li + li {
    margin-top: 0.45rem;
}

.okai-linked-items-list {
    --okai-linked-item-row: 3.125rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(var(--okai-linked-item-row) * 5);
    overflow-y: auto;
    scrollbar-color: rgba(92, 133, 226, 0.55) transparent;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.okai-linked-items-list::-webkit-scrollbar {
    width: 0.45rem;
}

.okai-linked-items-list::-webkit-scrollbar-track {
    background: transparent;
}

.okai-linked-items-list::-webkit-scrollbar-thumb {
    background: rgba(92, 133, 226, 0.45);
    border-radius: 999px;
}

.okai-linked-items-list::-webkit-scrollbar-thumb:hover {
    background: rgba(92, 133, 226, 0.7);
}

/* Placeholder - inputs Syncfusion + nativos */
.e-input-group input::placeholder,
.e-input::placeholder,
textarea::placeholder,
input::placeholder {
    color: #979CAA !important;
    opacity: 1 !important;
}

.e-input-group input::-moz-placeholder,
.e-input::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
    color: #979CAA !important;
    opacity: 1 !important;
}

/* Placeholder textual de alguns componentes Syncfusion */
.e-input-group .e-placeholder,
.e-dropdownlist .e-placeholder,
.e-ddl .e-placeholder {
    color: #979CAA !important;
}

.compliance-hub-preview {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.compliance-hub-preview__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.compliance-hub-preview__tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(226, 228, 240, 0.9);
    background: rgba(255, 255, 255, 0.88);
    color: #737A8C;
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 500;
    transition: all 0.2s ease;
    box-shadow: 0 12px 30px -18px rgba(74, 131, 212, 0.55);
}

.compliance-hub-preview__tab.is-active {
    background: #ffffff;
    color: #2566C2;
    border-color: rgba(37, 102, 194, 0.18);
    box-shadow: 0 18px 45px -24px rgba(37, 102, 194, 0.55);
}

.compliance-hub-preview__tab-icon {
    width: 18px;
    text-align: center;
}

.compliance-hub-preview__window {
    overflow: hidden;
    border-radius: 28px;
    background: linear-gradient(180deg, #F7F8FC 0%, #EEF2FF 100%);
    box-shadow: 5px 5px 40px rgba(143, 181, 235, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.65);
}

.compliance-hub-preview__chrome {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 24px;
    background: rgba(255, 255, 255, 0.75);
}

.compliance-hub-preview__chrome-dot {
    width: 18px;
    height: 18px;
    border-radius: 999px;
}

.compliance-hub-preview__chrome-dot.is-red { background: #ED6A5F; }
.compliance-hub-preview__chrome-dot.is-amber { background: #F5BE4F; }
.compliance-hub-preview__chrome-dot.is-green { background: #61C554; }

.compliance-hub-preview__panel {
    padding: 0 24px 24px;
}

.compliance-preview-scene {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.compliance-preview-scene--tasks {
    position: relative;
}

.compliance-preview-scene__header,
.compliance-preview-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compliance-preview-scene__actions,
.compliance-preview-card__controls {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.compliance-preview-scene__eyebrow,
.compliance-preview-card__eyebrow,
.compliance-preview-inline-note,
.compliance-projects-summary__label,
.compliance-tasks-summary__label {
    color: #737A8C;
    font-size: 13px;
    line-height: 18px;
}

.compliance-preview-scene__title,
.compliance-preview-card__title {
    margin: 6px 0 0;
    font-size: 30px;
    line-height: 1.1;
    color: #2B2632;
}

.compliance-preview-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 24px 60px -42px rgba(74, 131, 212, 0.5);
    position: relative;
}

.compliance-preview-card--calendar {
    max-width: 1080px;
    margin: 0 auto;
}

.compliance-preview-badge,
.compliance-preview-status-chip,
.compliance-preview-priority {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.compliance-preview-badge {
    background: rgba(37, 102, 194, 0.12);
    color: #2566C2;
}

.compliance-preview-badge.is-soft {
    background: #F4F6FB;
    color: #505768;
}

.compliance-preview-button {
    border-radius: 14px;
    padding: 11px 16px;
    font-weight: 600;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.compliance-preview-button--primary {
    background: #2566C2;
    color: #ffffff;
}

.compliance-preview-button--ghost {
    border-color: #DCE3F1;
    background: #ffffff;
    color: #505768;
}

.compliance-preview-search {
    min-width: 220px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #DCE3F1;
    border-radius: 14px;
    padding: 0 14px;
    background: #F7F8FC;
    color: #848BA0;
}

.compliance-preview-search--tree {
    width: 100%;
    margin-bottom: 14px;
}

.compliance-preview-search input,
.compliance-task-composer__body input,
.compliance-task-composer__body textarea,
.compliance-task-composer__body select {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #3F4352;
    padding: 14px 0;
    font: inherit;
}

.compliance-preview-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.compliance-preview-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.compliance-preview-toolbar__button,
.compliance-preview-toolbar__mobile-toggle,
.compliance-grid__menu-button,
.compliance-explorer-sidebar__mobile-header button,
.compliance-task-composer__close {
    border: 0;
    background: transparent;
    color: #62697B;
}

.compliance-preview-toolbar__button,
.compliance-preview-toolbar__mobile-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(220, 227, 241, 0.85);
}

.compliance-preview-toolbar__mobile-toggle {
    display: none;
}

.compliance-explorer-layout,
.compliance-projects-layout {
    display: grid;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 24px;
    position: relative;
}

.compliance-explorer-sidebar {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 24px;
    padding: 16px;
    box-shadow: 0 20px 50px -40px rgba(74, 131, 212, 0.5);
}

.compliance-explorer-main {
    position: relative;
}

.compliance-explorer-sidebar--mobile {
    display: none;
}

.compliance-explorer-sidebar__mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.compliance-grid .e-gridcontent,
.compliance-grid .e-content,
.compliance-grid .e-gridheader {
    border-color: #EEF2F8 !important;
}

.compliance-grid .e-headercell,
.compliance-grid .e-rowcell {
    background: #ffffff !important;
    color: #505768;
}

.compliance-grid .e-headercell {
    font-weight: 600;
}

.compliance-grid__source {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: var(--source-color);
    background: color-mix(in srgb, var(--source-color) 12%, white);
    border: 1px solid color-mix(in srgb, var(--source-color) 18%, white);
}

.compliance-grid__impact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 8px 12px;
    background: #F4F6FB;
}

.compliance-grid__impact.is-high { color: #B42318; }
.compliance-grid__impact.is-medium { color: #B54708; }
.compliance-grid__impact.is-low { color: #2566C2; }
.compliance-grid__impact.is-neutral { color: #737A8C; }

.compliance-projects-summary,
.compliance-tasks-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.compliance-projects-summary__card,
.compliance-tasks-summary__card {
    background: rgba(255, 255, 255, 0.88);
    border-radius: 20px;
    padding: 18px 20px;
}

.compliance-projects-summary__value,
.compliance-tasks-summary__value {
    display: block;
    margin-top: 8px;
    font-size: 32px;
    line-height: 1;
    color: #2B2632;
}

.compliance-projects-summary__hint {
    display: block;
    margin-top: 8px;
    color: #737A8C;
    font-size: 13px;
}

.compliance-projects-list,
.compliance-projects-timeline {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.compliance-projects-list__item,
.compliance-projects-timeline__item {
    border: 1px solid #EEF2F8;
    border-radius: 18px;
    padding: 16px;
}

.compliance-projects-list__top,
.compliance-projects-progress,
.compliance-projects-timeline__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.compliance-projects-list__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #737A8C;
    font-size: 13px;
    margin-top: 10px;
}

.compliance-projects-progress__bar {
    flex: 1;
    height: 10px;
    border-radius: 999px;
    background: #EEF2F8;
    overflow: hidden;
}

.compliance-projects-progress__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #4A83D4 0%, #6E5FDD 100%);
}

.compliance-projects-timeline__date {
    min-width: 72px;
    font-weight: 700;
    color: #2566C2;
}

.compliance-preview-status-chip.is-success { background: rgba(34, 160, 107, 0.12); color: #12734A; }
.compliance-preview-status-chip.is-info { background: rgba(37, 102, 194, 0.12); color: #2566C2; }
.compliance-preview-status-chip.is-warning { background: rgba(255, 181, 71, 0.18); color: #B54708; }
.compliance-preview-status-chip.is-danger { background: rgba(180, 35, 24, 0.12); color: #B42318; }
.compliance-preview-status-chip.is-neutral { background: #F4F6FB; color: #737A8C; }

.compliance-preview-priority.is-high { background: rgba(180, 35, 24, 0.12); color: #B42318; }
.compliance-preview-priority.is-medium { background: rgba(255, 181, 71, 0.18); color: #B54708; }
.compliance-preview-priority.is-low { background: rgba(37, 102, 194, 0.12); color: #2566C2; }
.compliance-preview-priority.is-neutral { background: #F4F6FB; color: #737A8C; }

.compliance-schedule.e-schedule .e-toolbar .e-today {
    display: none !important;
}

.compliance-schedule.e-schedule .e-month-view .e-appointment {
    background: #EDF3FF !important;
    border: 0 !important;
    color: #2566C2 !important;
    border-radius: 12px !important;
    min-height: 72px;
    padding: 8px !important;
}

.compliance-schedule.e-schedule .e-month-view .e-appointment .e-subject {
    white-space: normal !important;
    font-weight: 600;
}

.compliance-task-composer__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(18, 27, 44, 0.18);
    border: 0;
}

.compliance-task-composer {
    position: absolute;
    inset: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 16px;
}

.compliance-task-composer__panel {
    width: min(100%, 920px);
    background: #ffffff;
    border-radius: 26px;
    padding: 26px;
    box-shadow: 0 30px 80px -40px rgba(60, 84, 125, 0.5);
}

.compliance-task-composer__header,
.compliance-task-composer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.compliance-task-composer__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0;
}

.compliance-task-composer__body label {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #505768;
    font-weight: 600;
}

.compliance-task-composer__body label:nth-child(2) {
    grid-column: 1 / -1;
}

.compliance-task-composer__body input,
.compliance-task-composer__body textarea,
.compliance-task-composer__body select {
    border: 1px solid #DCE3F1;
    border-radius: 16px;
    background: #ffffff;
    padding: 14px 16px;
}

@media (max-width: 1023px) {
    .compliance-hub-preview__panel {
        padding: 0 16px 16px;
    }

    .compliance-preview-scene__title,
    .compliance-preview-card__title {
        font-size: 22px;
    }

    .compliance-preview-toolbar__mobile-toggle {
        display: inline-flex;
    }

    .compliance-explorer-layout,
    .compliance-projects-layout,
    .compliance-projects-summary,
    .compliance-tasks-summary,
    .compliance-task-composer__body {
        grid-template-columns: 1fr;
    }

    .compliance-explorer-sidebar--desktop {
        display: none;
    }

    .compliance-explorer-sidebar--mobile {
        display: block;
        position: absolute;
        inset: 0 auto 0 0;
        width: min(86vw, 320px);
        z-index: 3;
    }

    .compliance-explorer-sidebar__overlay {
        position: absolute;
        inset: 0;
        border: 0;
        background: rgba(18, 27, 44, 0.18);
        z-index: 2;
    }

    .compliance-preview-scene__header,
    .compliance-preview-card__header,
    .compliance-preview-card__header--stack-mobile,
    .compliance-task-composer__header,
    .compliance-task-composer__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .compliance-preview-scene__meta,
    .compliance-preview-scene__actions,
    .compliance-preview-card__controls {
        justify-content: flex-start;
    }

    .compliance-task-composer {
        inset: 12px;
        padding-top: 0;
    }

    .compliance-task-composer__panel {
        max-height: calc(100% - 8px);
        overflow: auto;
        padding: 20px;
    }
}

.compliance-workspace {
    position: relative;
    color: #2B2632;
}

.compliance-workspace__shell {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.compliance-workspace__hero {
    background: linear-gradient(135deg, rgba(37, 102, 194, 0.95) 0%, rgba(110, 95, 221, 0.95) 52%, rgba(170, 70, 126, 0.92) 100%);
    border-radius: 32px;
    padding: 28px;
    color: #ffffff;
    box-shadow: 0 28px 70px -38px rgba(74, 131, 212, 0.65);
}

.compliance-workspace__hero-copy h1 {
    margin: 8px 0 0;
    font-size: 36px;
    line-height: 1.05;
}

.compliance-workspace__hero-copy p {
    max-width: 760px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 16px;
    line-height: 1.6;
}

.compliance-workspace__eyebrow,
.compliance-workspace__aside-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

.compliance-workspace__hero-actions,
.compliance-workspace__metrics,
.compliance-workspace__layout,
.compliance-workspace__appbar,
.compliance-workspace__appbar-actions,
.compliance-workspace__tabs,
.compliance-workspace__aside-nav {
    display: flex;
}

.compliance-workspace__hero-actions {
    margin-top: 22px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.compliance-workspace__ghost-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    padding: 11px 16px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: #ffffff;
    text-decoration: none;
}

.compliance-workspace__hero-pill,
.compliance-workspace__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
}

.compliance-workspace__hero-pill {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.compliance-workspace__metrics {
    margin-top: 24px;
    gap: 16px;
    flex-wrap: wrap;
}

.compliance-workspace__metric {
    min-width: 170px;
    flex: 1 1 180px;
    border-radius: 22px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.compliance-workspace__metric span,
.compliance-workspace__metric small {
    display: block;
}

.compliance-workspace__metric span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.72);
}

.compliance-workspace__metric strong {
    display: block;
    margin-top: 10px;
    font-size: 34px;
    line-height: 1;
}

.compliance-workspace__metric small {
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.45;
}

.compliance-workspace__layout {
    align-items: flex-start;
    gap: 24px;
}

.compliance-workspace__aside {
    width: min(100%, 320px);
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-shrink: 0;
}

.compliance-workspace__aside-card,
.compliance-workspace__main {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(225, 232, 244, 0.9);
    box-shadow: 0 24px 60px -42px rgba(74, 131, 212, 0.45);
}

.compliance-workspace__aside-card {
    border-radius: 24px;
    padding: 20px;
}

.compliance-workspace__aside-label {
    color: #7F8798;
}

.compliance-workspace__aside-card strong {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.15;
}

.compliance-workspace__aside-card p {
    margin: 10px 0 0;
    color: #62697B;
    line-height: 1.55;
}

.compliance-workspace__aside-nav {
    margin-top: 14px;
    flex-direction: column;
    gap: 10px;
}

.compliance-workspace__aside-link,
.compliance-workspace__tab {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.compliance-workspace__aside-link {
    padding: 12px 14px;
    color: #505768;
    background: #F7F9FD;
}

.compliance-workspace__aside-link.is-active {
    background: rgba(37, 102, 194, 0.1);
    color: #2566C2;
}

.compliance-workspace__aside-list {
    margin: 14px 0 0;
    padding-left: 18px;
    color: #62697B;
    line-height: 1.7;
}

.compliance-workspace__main {
    min-width: 0;
    flex: 1 1 auto;
    border-radius: 28px;
    padding: 20px;
}

.compliance-workspace__appbar {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.compliance-workspace__appbar-brand span {
    display: block;
    color: #7F8798;
    font-size: 13px;
}

.compliance-workspace__appbar-brand strong {
    display: block;
    margin-top: 4px;
    font-size: 22px;
    line-height: 1.1;
}

.compliance-workspace__search {
    min-width: 260px;
    flex: 1 1 320px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 18px;
    border: 1px solid #DCE3F1;
    background: #F8FAFF;
    color: #848BA0;
    padding: 0 16px;
}

.compliance-workspace__search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #3F4352;
    padding: 14px 0;
    font: inherit;
}

.compliance-workspace__appbar-actions {
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.compliance-workspace__chip {
    background: #EEF3FF;
    color: #2566C2;
}

.compliance-workspace__tabs {
    margin: 20px 0 0;
    gap: 12px;
    flex-wrap: wrap;
}

.compliance-workspace__tab {
    padding: 12px 16px;
    border: 1px solid #DCE3F1;
    background: #F7F9FD;
    color: #62697B;
}

.compliance-workspace__tab.is-active {
    background: #2566C2;
    border-color: #2566C2;
    color: #ffffff;
    box-shadow: 0 18px 45px -26px rgba(37, 102, 194, 0.55);
}

.compliance-workspace__panel {
    margin-top: 18px;
    border-radius: 26px;
    background: linear-gradient(180deg, #F8FAFF 0%, #EEF3FF 100%);
    padding: 20px;
}

@media (max-width: 1279px) {
    .compliance-workspace__layout {
        flex-direction: column;
    }

    .compliance-workspace__aside {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .compliance-workspace__hero,
    .compliance-workspace__main,
    .compliance-workspace__panel {
        padding: 18px;
    }

    .compliance-workspace__hero-copy h1 {
        font-size: 28px;
    }

    .compliance-workspace__aside {
        grid-template-columns: 1fr;
    }

    .compliance-workspace__appbar,
    .compliance-workspace__hero-actions {
        align-items: stretch;
    }

    .compliance-workspace__search {
        min-width: 0;
        width: 100%;
    }
}

.compliance-hub-app {
    --hub-bg: #F9FAFB;
    --hub-surface: #FFFFFF;
    --hub-surface-soft: #F9FAFB;
    --hub-surface-muted: #EDF0F7;
    --hub-border: #E2E4F0;
    --hub-text: #2B2632;
    --hub-text-muted: #6B7280;
    --hub-text-soft: #979CAA;
    --hub-primary: #3473CC;
    --hub-primary-soft: #F5F9FF;
    --hub-header-start: #4A83D4;
    --hub-header-mid: #5E50C7;
    --hub-header-end: #AA467E;
    color: var(--hub-text);
    background: var(--hub-bg);
    min-height: 100vh;
}

.compliance-hub-app,
.compliance-hub-app button,
.compliance-hub-app input,
.compliance-hub-app select,
.compliance-hub-app textarea {
    font-family: 'Poppins', sans-serif;
}

.compliance-hub-app__header {
    background: linear-gradient(90deg, var(--hub-header-start) 0%, var(--hub-header-mid) 51.442%, var(--hub-header-end) 100%);
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.1);
}

.compliance-hub-app-host {
    width: 100%;
    min-height: calc(100dvh - 70px);
}

.compliance-hub-app {
    width: 100%;
    min-height: inherit;
}

.compliance-hub-app__header-inner,
.compliance-hub-app__content {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    box-sizing: border-box;
}

.compliance-hub-app__header-inner {
    min-height: 78px;
    padding: 12px 48px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.compliance-hub-app__brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.compliance-hub-app__brand img {
    height: 31px;
    width: auto;
    display: block;
}

.compliance-hub-app__site-nav,
.compliance-hub-app__header-actions,
.compliance-hub-tabs,
.compliance-toolbar__items,
.compliance-card__toolbar,
.compliance-card__toolbar-actions,
.compliance-status-strip,
.compliance-meta-pills {
    display: flex;
    align-items: center;
}

.compliance-hub-app__site-nav {
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.compliance-hub-app__site-link {
    padding: 16px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
    opacity: 0.96;
}

.compliance-hub-app__site-link.is-active {
    font-weight: 500;
}

.compliance-hub-app__header-actions {
    gap: 16px;
    flex-shrink: 0;
}

.compliance-hub-app__icon-button,
.compliance-toolbar__action,
.compliance-toolbar__drawer-toggle,
.compliance-ghost-action,
.compliance-grid__menu-button,
.compliance-task-composer__close,
.compliance-inline-select,
.compliance-primary-action,
.compliance-hub-app__menu-toggle {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.compliance-hub-app__icon-button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0;
}

.compliance-hub-app__icon-button img {
    width: 16px;
    height: 16px;
}

.compliance-hub-app__icon-button--ia {
    background: #FFFFFF;
    box-shadow: 0 0 8px #E3D1FE;
}

.compliance-hub-app__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-decoration: none;
    color: #FFFFFF;
    background: linear-gradient(179deg, rgba(255, 255, 255, 0.2) 3.1469%, rgba(226, 211, 250, 0.2) 96.853%);
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.compliance-hub-app__cta img {
    width: 14px;
    height: 14px;
}

.compliance-hub-app__menu-toggle {
    display: none;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    color: #FFFFFF;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.compliance-hub-app__menu-toggle img {
    width: 16px;
    height: 16px;
}

.compliance-hub-app__content {
    padding: 24px;
}

.compliance-hub-tabs {
    gap: 28px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--hub-border);
    margin: 0 0 18px;
}

.compliance-hub-tabs__item {
    display: inline-flex;
    align-items: center;
    height: 29px;
    padding-bottom: 8px;
    border-bottom: 1px solid transparent;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
}

.compliance-hub-tabs__item.is-active {
    border-bottom-width: 2px;
    border-bottom-color: var(--hub-primary);
    color: var(--hub-primary);
    font-weight: 600;
}

.compliance-hub-app__panel {
    min-height: 640px;
}

.compliance-view-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.compliance-view-switch__scope-label {
    margin-left: 14px;
}

.compliance-view-switch > span,
.compliance-inline-select,
.compliance-card__headline,
.compliance-task-composer__header h4,
.compliance-status-strip__card strong,
.compliance-swimlane span {
    color: var(--hub-text);
}

.compliance-view-switch > span,
.compliance-inline-select {
    font-size: 16px;
    line-height: 22px;
}

.compliance-view-switch > span,
.compliance-inline-select span:first-child {
    font-weight: 600;
}

.compliance-inline-select {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 0;
}

.compliance-inline-select--compact {
    font-weight: 500;
}

.compliance-inline-select img,
.compliance-status-strip__chevron,
.compliance-swimlane img,
.compliance-grid__menu-button img,
.compliance-impact-select img {
    width: 12px;
    height: 12px;
}

.compliance-toolbar--surface,
.compliance-card,
.compliance-status-strip__card,
.compliance-swimlane,
.compliance-task-composer__panel {
    background: var(--hub-surface);
    box-shadow: 0 0 10px rgba(35, 27, 96, 0.05);
}

.compliance-toolbar--surface {
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 14px;
}

.compliance-toolbar__items {
    gap: 14px;
    flex-wrap: wrap;
}

.compliance-toolbar__action,
.compliance-toolbar__drawer-toggle,
.compliance-ghost-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.compliance-toolbar__action img,
.compliance-toolbar__drawer-toggle img,
.compliance-ghost-action img,
.compliance-search-input img,
.compliance-primary-action img,
.compliance-project-card__date img {
    width: 16px;
    height: 16px;
}

.compliance-toolbar--explorer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.compliance-toolbar__drawer-toggle {
    display: none;
    padding: 9px 12px;
    border-radius: 8px;
    border: 1px solid var(--hub-border);
    background: var(--hub-surface-soft);
}

.compliance-card {
    border-radius: 12px;
    overflow: hidden;
}

.compliance-project-detail {
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #F8FAFC;
    padding: 24px 0;
}

.compliance-project-detail__inner {
    display: flex;
    min-height: 0;
    height: 100%;
    width: min(80rem, calc(100% - 32px));
    margin: 0 auto;
    flex-direction: column;
    gap: 16px;
}

.compliance-project-detail-shell > .compliance-project-detail {
    position: fixed;
    inset: var(--mobile-header-height, 70px) 0 0;
    z-index: 1;
    height: auto;
}

.compliance-project-detail__header {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 16px;
}

.compliance-project-detail__breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 0;
    padding: 0;
    color: #6b7280;
    font-size: 14px;
    list-style: none;
}

.compliance-project-detail__breadcrumb a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}

.compliance-project-detail__breadcrumb a:hover {
    color: #374151;
}

.compliance-project-detail__title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compliance-project-detail__title {
    margin: 0;
    color: #24243a;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.compliance-project-detail__subtitle {
    margin: 6px 0 0;
    color: #697386;
    font-size: 16px;
    line-height: 1.5;
}

.compliance-project-detail__status-tag {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
}

.compliance-project-detail__status-tag-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: currentColor;
}

.compliance-project-detail__status-tag.is-active {
    @apply bg-okaiCyan-50 text-okaiCyan-600;
}

.compliance-project-detail__status-tag.is-in-progress {
    @apply bg-okaiPurple-0 text-okaiPurple-700;
}

.compliance-project-detail__status-tag.is-pending {
    @apply bg-okaiBlue-0 text-okaiBlue-700;
}

.compliance-project-detail__status-tag.is-done {
    @apply bg-green-0 text-green-400;
}

.compliance-project-detail__status-tag.is-canceled {
    @apply bg-red-0 text-red-400;
}

.compliance-project-detail__status-tag.is-delayed {
    @apply bg-red-0 text-red-400;
}

.compliance-project-detail__status-tag.is-archived {
    @apply bg-neutral-50 text-neutral-500;
}

.compliance-project-detail__status-tag.is-neutral {
    @apply bg-neutral-50 text-neutral-700;
}

.compliance-project-detail__layout {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 0.9fr);
    gap: 24px;
    align-items: start;
}

.compliance-project-detail__main,
.compliance-project-detail__sidebar {
    min-height: 0;
    min-width: 0;
}

.compliance-project-detail__main {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 16px;
}

.compliance-project-detail__sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.compliance-project-detail__tabs {
    width: 100%;
}

.compliance-project-detail__main > .tab-content {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    flex-direction: column;
}

.compliance-project-detail__main .tab-panel {
    min-height: 0;
    gap: 16px;
}

.compliance-project-detail__main [data-tab-panel="dados"],
.compliance-project-detail__main [data-tab-panel="tarefas"],
.compliance-project-detail__main [data-tab-panel="acoes"],
.compliance-project-detail__main [data-tab-panel="subprojetos"],
.compliance-project-detail__main [data-tab-panel="itens-caso"] {
    height: 100%;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding-right: 4px;
    scrollbar-gutter: stable;
}

.compliance-project-detail__main [data-tab-panel="dados"] > .compliance-project-detail__actions,
.compliance-project-detail__main [data-tab-panel="dados"] > .compliance-project-detail__main-card,
.compliance-project-detail__main [data-tab-panel="tarefas"] > .compliance-project-detail__actions,
.compliance-project-detail__main [data-tab-panel="tarefas"] > .compliance-project-detail__main-card,
.compliance-project-detail__main [data-tab-panel="acoes"] > .compliance-project-detail__actions,
.compliance-project-detail__main [data-tab-panel="acoes"] > .compliance-project-detail__main-card,
.compliance-project-detail__main [data-tab-panel="subprojetos"] > .compliance-project-detail__actions,
.compliance-project-detail__main [data-tab-panel="subprojetos"] > .compliance-project-detail__main-card,
.compliance-project-detail__main [data-tab-panel="itens-caso"] > .compliance-project-detail__main-card {
    flex-shrink: 0;
}

.compliance-project-detail__main [data-tab-panel="tarefas"] .e-content,
.compliance-project-detail__main [data-tab-panel="acoes"] .e-content,
.compliance-project-detail__main [data-tab-panel="subprojetos"] .e-content {
    overscroll-behavior-y: contain;
}

.compliance-project-detail__actions {
    min-width: 0;
}

.compliance-project-detail__actions [data-admin-action-bar] {
    border-radius: 12px;
}

.compliance-project-detail__main-card,
.compliance-project-detail__side-card {
    background: #FFFFFF;
}

.compliance-project-detail__main-card {
    padding: 0;
}

.compliance-project-detail__card-header,
.compliance-project-detail__side-card {
    padding: 20px;
}

.compliance-project-detail__side-card {
    min-width: 0;
    overflow: hidden;
}

.compliance-project-detail__card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #EDF0F4;
}

.compliance-project-detail__card-header h2,
.compliance-project-detail__side-card h2 {
    margin: 0;
    color: #303244;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.compliance-project-detail__card-header p {
    margin: 8px 0 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
}

.compliance-project-detail__save {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.compliance-project-detail__main-card > nav[role="tablist"] {
    margin: 0 20px;
    padding-top: 16px;
}

.compliance-project-detail__main-card > .tab-content {
    padding: 20px;
}

.compliance-project-detail__form-body {
    min-width: 0;
    padding: 20px;
}

.compliance-project-detail__timeline-card {
    padding: 20px;
}

.compliance-project-detail__task-execution {
    border-bottom: 1px solid #EDF0F4;
    padding: 20px;
}

.compliance-project-detail__task-execution-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compliance-project-detail__task-execution-header h2 {
    margin: 0;
    color: #1C1824;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.compliance-project-detail__task-execution-header p {
    margin: 8px 0 0;
    color: #60677A;
    font-size: 14px;
    line-height: 1.5;
}

.compliance-project-detail__task-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 18px 0 0;
    border: 1px solid #EDF0F4;
    border-radius: 10px;
    overflow: hidden;
}

.compliance-project-detail__task-meta div {
    min-width: 0;
    padding: 12px 14px;
}

.compliance-project-detail__task-meta div + div {
    border-left: 1px solid #EDF0F4;
}

.compliance-project-detail__task-meta dt {
    margin-bottom: 4px;
    color: #6B7280;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.3;
}

.compliance-project-detail__task-meta dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #303244;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

@media (max-width: 767px) {
    .compliance-project-detail__task-execution-header {
        flex-direction: column;
    }

    .compliance-project-detail__task-meta {
        grid-template-columns: 1fr;
    }

    .compliance-project-detail__task-meta div + div {
        border-top: 1px solid #EDF0F4;
        border-left: 0;
    }
}

.compliance-project-detail__form-body .e-bigger {
    font-size: inherit;
}

.compliance-project-detail__tab-card {
    padding: 0;
}

.compliance-project-detail__tab-card .compliance-hub-subgrid-panel {
    min-height: 360px;
}

.compliance-project-detail__tab-card .compliance-hub-subgrid-panel .okai-grid-host {
    min-height: 280px;
}

.compliance-project-detail__tab-card .compliance-project-detail__empty {
    margin: 20px;
}

.compliance-project-detail__case-items {
    padding: 20px;
}

.compliance-project-detail__case-items-header {
    margin-bottom: 16px;
}

.compliance-project-detail__case-items-header h2 {
    margin: 0;
    color: #303244;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
}

.compliance-project-detail__case-items-header p {
    margin: 6px 0 0;
    color: #60677A;
    font-size: 14px;
    line-height: 1.5;
}

.compliance-project-detail__case-items-grid {
    overflow-x: auto;
    border: 1px solid #EDF0F4;
    border-radius: 10px;
}

.compliance-project-detail__case-items-grid table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.compliance-project-detail__case-items-grid th,
.compliance-project-detail__case-items-grid td {
    padding: 12px 14px;
    border-bottom: 1px solid #EDF0F4;
    text-align: left;
    vertical-align: top;
    color: #303244;
    font-size: 13px;
    line-height: 1.4;
}

.compliance-project-detail__case-items-grid th {
    background: #F8FAFC;
    color: #6B7280;
    font-size: 12px;
    font-weight: 650;
}

.compliance-project-detail__case-items-grid tr:last-child td {
    border-bottom: 0;
}

.compliance-project-detail__case-items-grid td:first-child {
    font-weight: 600;
}

.compliance-project-detail__single-panel {
    padding: 20px;
}

.compliance-project-detail__inline-section-title,
.compliance-project-detail__form-body h3 {
    margin: 8px 0 12px;
    color: #303244;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
}

.compliance-project-detail__info-list {
    margin: 16px -20px -20px;
    border-top: 1px solid #EDF0F4;
}

.compliance-project-detail__info-list--flush {
    margin-top: -20px;
    border-top: 0;
}

.compliance-project-detail__info-list div {
    display: grid;
    grid-template-columns: minmax(96px, 0.65fr) minmax(0, 1.35fr);
    min-height: 58px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #EDF0F4;
    padding: 12px 20px;
}

.compliance-project-detail__info-list div:last-child {
    border-bottom: 0;
}

.compliance-project-detail__info-list dt {
    color: #3f4454;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.compliance-project-detail__info-list dd {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    color: #303244;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
}

.compliance-project-detail__involved-list,
.compliance-task-detail__involved-list {
    list-style: none;
    margin: 16px -20px -20px;
    padding: 0;
    border-top: 1px solid #EDF0F4;
}

.compliance-project-detail__involved-list li,
.compliance-task-detail__involved-list li {
    display: flex;
    min-width: 0;
    min-height: 52px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #EDF0F4;
    padding: 12px 20px;
    color: #303244;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.compliance-project-detail__involved-list li:last-child,
.compliance-task-detail__involved-list li:last-child {
    border-bottom: 0;
}

.compliance-project-detail__involved-avatar {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(37, 102, 194, 0.18);
    border-radius: 999px;
    background: #EEF4FF;
    color: #2566C2;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    text-transform: uppercase;
}

.compliance-project-detail__involved-avatar--group {
    border-color: #E2E4F0;
    background: #F7F8FC;
    color: #5F6574;
}

.compliance-project-detail__involved-avatar-image,
.compliance-project-detail__involved-avatar-fallback {
    width: 100%;
    height: 100%;
}

.compliance-project-detail__involved-avatar-image {
    object-fit: cover;
}

.compliance-project-detail__involved-avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.compliance-project-detail__item-link {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    color: #2566C2;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.15s ease;
}

.compliance-project-detail__item-link:hover {
    color: #163F78;
}

.compliance-project-detail__empty {
    border: 1px dashed #E5E7EB;
    border-radius: 12px;
    background: #F8FAFC;
    padding: 24px;
}

.compliance-project-detail__empty h3 {
    margin: 0;
    color: #303244;
    font-size: 16px;
    font-weight: 650;
}

.compliance-project-detail__empty p {
    margin: 8px 0 0;
    color: #4B5563;
    font-size: 14px;
    line-height: 1.6;
}

.compliance-project-detail__empty .compliance-project-detail__item-link {
    display: inline-flex;
    margin-top: 16px;
}

.compliance-card--grid,
.compliance-card--calendar {
    padding: 0;
}

.compliance-card__toolbar {
    justify-content: space-between;
    gap: 16px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--hub-border);
    flex-wrap: wrap;
}

.compliance-card__toolbar--tasks {
    padding-top: 14px;
    padding-bottom: 14px;
}

.compliance-card__toolbar-actions {
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.compliance-search-input {
    min-width: 251px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border: 1px solid var(--hub-border);
    border-radius: 8px;
    background: var(--hub-surface-soft);
}

.compliance-search-input input,
.compliance-task-composer__body input,
.compliance-task-composer__body textarea,
.compliance-task-composer__body select {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
}

.compliance-search-input--tree {
    min-width: 0;
    width: 100%;
}

.compliance-desktop-grid {
    display: block;
}

.compliance-mobile-list {
    display: none;
}

.compliance-mobile-item {
    padding: 16px 18px;
    border-top: 1px solid var(--hub-border);
}

.compliance-mobile-item__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.compliance-mobile-item__copy {
    min-width: 0;
    flex: 1 1 auto;
}

.compliance-mobile-item__copy h4 {
    margin: 0;
    color: var(--hub-text);
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.compliance-mobile-item__copy p {
    margin: 4px 0 0;
    color: var(--hub-text-muted);
    font-size: 13px;
    line-height: 18px;
}

.compliance-mobile-item__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.compliance-mobile-item__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.compliance-mobile-item__details span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.compliance-mobile-item__details strong {
    color: var(--hub-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.compliance-mobile-item__details small {
    color: var(--hub-text-muted);
    font-size: 12px;
    line-height: 18px;
}

.compliance-impact-select--compact {
    padding-right: 10px;
}

.compliance-primary-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--hub-primary);
    color: #FFFFFF;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.compliance-ghost-action {
    padding: 8px 0;
}

.compliance-ghost-action--button {
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid var(--hub-border);
    background: #FFFFFF;
}

.compliance-card__eyebrow,
.compliance-card__supporting,
.compliance-meta-pill,
.compliance-project-card__date,
.compliance-project-card__tag,
.compliance-swimlane small,
.compliance-task-composer__body label span {
    color: var(--hub-text-muted);
}

.compliance-card__stack {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 20px 10px;
}

.compliance-card__headline {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
}

.compliance-card__supporting {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 21px;
}

.compliance-meta-pills {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.compliance-meta-pill {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(52, 115, 204, 0.12);
    color: var(--hub-primary);
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.compliance-meta-pill.is-soft {
    background: var(--hub-surface-soft);
    color: var(--hub-text-muted);
}

.compliance-explorer__layout {
    --compliance-explorer-sidebar-width: var(--compliance-explorer-sidebar-width-initial, 328px);
    display: grid;
    grid-template-areas: "sidebar resizer main";
    grid-template-columns: var(--compliance-explorer-sidebar-width) 8px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 16px;
    position: relative;
}

.compliance-explorer__sidebar {
    grid-area: sidebar;
    background: var(--hub-surface);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(54, 43, 135, 0.05);
}

.compliance-explorer__tree-search {
    padding: 10px;
    border-bottom: 1px solid var(--hub-border);
}

.compliance-explorer__main {
    grid-area: main;
    min-width: 0;
    position: relative;
}

.compliance-explorer__resizer {
    grid-area: resizer;
    align-self: stretch;
    width: 8px;
    min-width: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: col-resize;
    position: relative;
    transition: background-color 140ms ease;
}

.compliance-explorer__resizer::after {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 3px;
    width: 2px;
    border-radius: 999px;
    background: transparent;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}

.compliance-explorer__resizer:hover::after,
.compliance-explorer__resizer:focus-visible::after,
.compliance-explorer__layout.is-resizing .compliance-explorer__resizer::after {
    background: #CBD5E1;
    box-shadow: 0 0 0 3px rgba(37, 102, 194, 0.08);
}

.compliance-explorer__resizer:focus-visible {
    outline: 0;
}

body.okai-resizing-column {
    cursor: col-resize;
    user-select: none;
}

[data-action-bar-overflow-group] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: nowrap;
}

[data-action-bar-overflow-group] > [data-action-bar-item],
[data-action-bar-overflow-group] > [data-action-bar-overflow-trigger-wrapper] {
    flex: 0 0 auto;
}

.okai-action-bar-overflow {
    position: relative;
    flex: 0 0 auto;
    z-index: 20;
    isolation: isolate;
}

.okai-action-bar-overflow__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 140ms ease, color 140ms ease;
}

.okai-action-bar-overflow__trigger:hover,
.okai-action-bar-overflow__trigger:focus-visible,
.okai-action-bar-overflow.is-open .okai-action-bar-overflow__trigger {
    background: #F8FAFC;
    color: #475569;
    outline: 0;
}

.okai-action-bar-overflow__icon {
    display: inline-flex;
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}


.okai-action-bar-overflow__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 21;
    display: flex;
    min-width: 220px;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.okai-action-bar-overflow__menu[hidden] {
    display: none;
}

.okai-action-bar-overflow__menu [data-action-bar-item] {
    width: 100% !important;
    justify-content: flex-start !important;
    max-width: none !important;
}

[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"] {
    background-color: #3473CC !important;
    background-image: none !important;
    background: #3473CC !important;
    color: #FFFFFF !important;
}

[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"]:hover,
[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"]:focus-visible {
    background-color: #104EA3 !important;
    background-image: none !important;
    background: #104EA3 !important;
    color: #FFFFFF !important;
    outline: 0;
}

[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"] > span[data-text],
[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"] > span:last-child {
    color: #FFFFFF !important;
}

[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"] svg,
[data-admin-action-bar] [data-action-bar-item][data-action-bar-priority="primary"] svg * {
    fill: currentColor !important;
    color: currentColor !important;
}

.grid-drawer-loading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 8px;
}

.grid-drawer-loading span {
    display: block;
    height: 42px;
    border-radius: 8px;
    background: linear-gradient(90deg, #EEF2F7 0%, #F8FAFC 48%, #EEF2F7 100%);
    background-size: 180% 100%;
    animation: okai-grid-loading-shimmer 1.2s ease-in-out infinite;
}

.grid-drawer-loading span:first-child {
    height: 56px;
}

.grid-drawer-loading span:nth-child(3) {
    width: 82%;
}

.grid-drawer-loading span:nth-child(4) {
    width: 64%;
}

.compliance-explorer__drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 0;
}

.compliance-explorer__drawer-header strong {
    font-size: 16px;
    line-height: 22px;
}

.compliance-explorer__overlay,
.compliance-task-composer__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(24, 32, 56, 0.2);
    border: 0;
    z-index: 160;
}

.compliance-explorer__sidebar--mobile {
    display: none;
}

.okai-content-index {
    --okai-index-text: rgb(107 114 128);
    --okai-index-icon: rgb(156 163 175);
    --okai-index-level-indent: 20px;
    --okai-index-root-gap: 10px;
    --okai-index-child-gap: 6px;
    --okai-index-node-min-height: 20px;
    --okai-index-inline-gap: 5px;
    --okai-index-chevron-size: 14px;
    --okai-index-icon-size: 16px;
}

.okai-content-index [data-indice-list] {
    margin: 0;
}

.okai-content-index [data-indice-list] > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
}

.okai-content-index [data-indice-list][data-nivel="0"] {
    display: grid;
    gap: var(--okai-index-root-gap);
}

.okai-content-index [data-indice-list][data-nivel="1"] {
    display: grid;
    gap: var(--okai-index-child-gap);
    padding-top: 6px;
    padding-left: var(--okai-index-level-indent);
}

.okai-content-index [data-indice-list][data-nivel]:not([data-nivel="0"]):not([data-nivel="1"]) {
    display: grid;
    gap: var(--okai-index-child-gap);
    padding-top: 6px;
    padding-left: var(--okai-index-level-indent);
}

.okai-content-index [data-indice-item] {
    min-width: 0;
}

.okai-content-index [data-indice-item].space-y-2 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
}

.okai-content-index__node {
    min-width: 0;
    width: 100%;
    min-height: var(--okai-index-node-min-height);
    display: grid !important;
    grid-template-columns: var(--okai-index-chevron-size) minmax(0, 1fr);
    align-items: center;
    column-gap: var(--okai-index-inline-gap);
    color: var(--okai-index-text);
    font-size: 14px;
    line-height: 20px;
}

.okai-content-index__node--has-icon-slot {
    grid-template-columns: var(--okai-index-chevron-size) var(--okai-index-icon-size) minmax(0, 1fr);
}

.okai-content-index__node--no-chevron-slot {
    grid-template-columns: minmax(0, 1fr);
}

.okai-content-index__node--no-chevron-slot.okai-content-index__node--has-icon-slot {
    grid-template-columns: var(--okai-index-icon-size) minmax(0, 1fr);
}

.okai-content-index summary,
.okai-content-index [data-indice-link],
.okai-content-index [data-indice-label] {
    min-width: 0;
    color: var(--okai-index-text);
    font-size: 14px;
    line-height: 20px;
}

.okai-content-index [data-indice-link].text-okaiCyan-500,
.okai-content-index [data-indice-label].text-okaiCyan-500,
.okai-content-index [data-indice-link]:hover,
.okai-content-index [data-indice-label]:hover {
    color: rgb(52 115 204);
}

.okai-content-index [data-indice-link].font-semibold,
.okai-content-index [data-indice-label].font-semibold {
    font-weight: 600;
}

.okai-content-index [data-indice-link].text-okaiCyan-500:hover,
.okai-content-index [data-indice-label].text-okaiCyan-500:hover,
.okai-content-index [data-indice-link].font-semibold:hover,
.okai-content-index [data-indice-label].font-semibold:hover {
    color: rgb(52 115 204);
    font-weight: 600;
}

.okai-content-index [data-indice-link]:hover:not(.font-semibold),
.okai-content-index [data-indice-label]:hover:not(.font-semibold) {
    font-weight: 400;
}

.okai-content-index summary {
    border-radius: 6px;
    outline: none;
}

.okai-content-index summary [data-indice-link],
.okai-content-index summary [data-indice-label] {
    min-width: 0;
}

.okai-content-index__node-label {
    display: block;
    min-width: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
}

[data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form {
    width: 100%;
}

[data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form > button,
[data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form > a {
    width: 100%;
}

@media (min-width: 768px) {
    [data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form {
        width: auto;
    }

    [data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form > button,
    [data-testid="account-subscription-active-state"] [data-subscription-card-actions] > form > a {
        width: auto;
    }
}

.okai-content-index summary:focus-visible,
.okai-content-index [data-indice-link]:focus-visible {
    outline: 2px solid rgba(52, 115, 204, 0.35);
    outline-offset: 2px;
}

.okai-content-index [data-indice-chevron],
.okai-content-index [data-indice-chevron-spacer] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--okai-index-chevron-size);
    min-width: var(--okai-index-chevron-size);
    height: var(--okai-index-chevron-size);
    color: var(--okai-index-text);
}

.okai-content-index summary > [data-indice-chevron] svg,
.okai-content-index summary > :last-child [data-indice-chevron] svg {
    transform: none !important;
}

.okai-content-index [data-indice-icon],
.okai-content-index [data-indice-icon-spacer] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--okai-index-icon-size);
    min-width: var(--okai-index-icon-size);
    height: var(--okai-index-icon-size);
    color: var(--okai-index-icon);
}

.okai-content-index__text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-hub-app .compliance-grid.e-grid {
    border: 0 !important;
}

.compliance-hub-app .compliance-grid .e-gridheader,
.compliance-hub-app .compliance-grid .e-gridcontent,
.compliance-hub-app .compliance-grid .e-content,
.compliance-hub-app .compliance-grid .e-table,
.compliance-hub-app .compliance-grid .e-headercontent {
    border-color: var(--hub-border) !important;
}

.compliance-hub-app .compliance-grid .e-headercell,
.compliance-hub-app .compliance-grid .e-rowcell {
    background: #FFFFFF !important;
    color: var(--hub-text-muted);
    border-color: var(--hub-border) !important;
    font-size: 14px;
    line-height: 21px;
    white-space: nowrap;
    padding-top: 11px;
    padding-bottom: 11px;
}

.compliance-hub-app .compliance-grid .e-headercell {
    font-weight: 600;
}

.compliance-hub-app .compliance-grid .e-rowcell:first-child,
.compliance-hub-app .compliance-grid .e-headercell:first-child {
    padding-left: 14px;
}

.compliance-hub-app .compliance-grid .e-pager {
    border: 0 !important;
    border-top: 1px solid var(--hub-border) !important;
    padding: 12px;
}

.compliance-grid__logo-frame {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--hub-border);
    background: #FFFFFF;
}

.compliance-grid__logo-image {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

.compliance-grid__logo-image--sprite {
    display: block;
}

.compliance-grid__logo-frame--inline {
    flex-shrink: 0;
}

.compliance-grid__logo-frame--entity {
    border-color: #D8E6F7;
    background: #F4F8FD;
    color: #1F5F99;
}

.compliance-grid__logo-image--entity {
    width: 18px;
    height: 18px;
}

.okai-grid-link__with-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    max-width: 100%;
}

.okai-grid-link__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-impact-select,
.compliance-type-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--hub-surface-soft);
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
}

.compliance-impact-select__dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--impact-color);
    flex-shrink: 0;
}

.compliance-grid__menu-button {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.compliance-schedule--hub.e-schedule {
    --okai-calendar-accent: #3473CC;
    --okai-calendar-accent-soft: rgba(52, 115, 204, 0.14);
    border: 0 !important;
    background: #FFFFFF;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar {
    border: 0 !important;
    padding: 0 20px 10px;
}

.compliance-schedule--hub.e-schedule .e-toolbar-items,
.compliance-schedule--hub.e-schedule .e-date-range {
    color: var(--hub-text) !important;
}

.compliance-schedule--hub.e-schedule .e-toolbar .e-today {
    display: none !important;
}

.compliance-schedule--hub.e-schedule .e-month-view,
.compliance-schedule--hub.e-schedule .e-content-wrap table {
    border-color: var(--hub-border) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view,
.compliance-schedule--hub.e-schedule .e-month-view > div,
.compliance-schedule--hub.e-schedule .e-table-container,
.compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap,
.compliance-schedule--hub.e-schedule .e-month-view .e-content-wrap {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.compliance-schedule--hub.e-schedule,
.compliance-calendar__schedule-host,
.compliance-calendar__schedule-host .e-schedule {
    border-radius: 0 !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment {
    border: 0 !important;
    border-radius: 999px !important;
    padding: 0 !important;
    min-height: 24px;
    color: var(--hub-text) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-subject {
    font-weight: 500;
    white-space: normal !important;
}

.compliance-calendar-card {
    overflow: hidden;
    container-type: inline-size;
}

@media (max-width: 1439.98px) {
    .compliance-calendar-toolbar {
        align-items: stretch !important;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__primary,
    .compliance-calendar-toolbar .compliance-grid-toolbar__actions {
        width: 100%;
        margin-left: 0 !important;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__actions {
        flex-wrap: wrap;
        gap: 12px 16px;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__search {
        flex: 1 1 260px;
        width: auto !important;
    }
}

@container (max-width: 1030px) {
    .compliance-calendar-toolbar {
        align-items: stretch !important;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__primary,
    .compliance-calendar-toolbar .compliance-grid-toolbar__actions {
        width: 100%;
        margin-left: 0 !important;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__actions {
        flex-wrap: wrap;
        gap: 12px 16px;
    }

    .compliance-calendar-toolbar .compliance-grid-toolbar__search {
        flex: 1 1 260px;
        width: auto !important;
    }
}

.compliance-calendar__schedule-host {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    background: #FFFFFF;
}

.compliance-calendar__schedule-host .e-schedule {
    flex: 1 0 760px;
    width: 100% !important;
    min-width: 760px;
    height: 100% !important;
    min-height: 0;
}

.compliance-calendar-loading {
    display: flex;
    flex: 1 0 760px;
    flex-direction: column;
    width: 100%;
    min-width: 760px;
    min-height: 640px;
    background: #FFFFFF;
    pointer-events: none;
}

.compliance-calendar-loading__toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 54px;
    padding: 8px 20px 10px;
    border-bottom: 1px solid #E5E7EB;
}

.compliance-calendar-loading__nav,
.compliance-calendar-loading__title,
.compliance-calendar-loading__day,
.compliance-calendar-loading__event {
    display: block;
    background: linear-gradient(90deg, #EDF2F8 0%, #F7FAFD 45%, #EDF2F8 90%);
    background-size: 240% 100%;
    animation: okai-grid-loading-shimmer 1.2s ease-in-out infinite;
}

.compliance-calendar-loading__nav {
    width: 28px;
    height: 28px;
    border-radius: 999px;
}

.compliance-calendar-loading__title {
    width: 132px;
    height: 22px;
    border-radius: 999px;
}

.compliance-calendar-loading__weekdays {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 34px;
    border-bottom: 1px solid #EEF2F7;
}

.compliance-calendar-loading__weekdays span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    border-right: 1px solid #EEF2F7;
    color: #64748B;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.compliance-calendar-loading__weekdays span:last-child {
    border-right: 0;
}

.compliance-calendar-loading__grid {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(120px, 1fr));
}

.compliance-calendar-loading__cell {
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid #EEF2F7;
    border-bottom: 1px solid #EEF2F7;
}

.compliance-calendar-loading__cell:nth-child(5n) {
    border-right: 0;
}

.compliance-calendar-loading__cell:nth-last-child(-n + 5) {
    border-bottom: 0;
}

.compliance-calendar-loading__day {
    width: 28px;
    height: 20px;
    margin-bottom: 22px;
    border-radius: 999px;
}

.compliance-calendar-loading__event {
    height: 24px;
    border-radius: 8px;
}

.compliance-calendar-loading__event--wide {
    width: min(82%, 220px);
}

.compliance-calendar-loading__event--short {
    width: min(48%, 120px);
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar {
    min-height: 48px;
    padding: 4px 8px;
    border-bottom: 1px solid #E5E7EB !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-toolbar-items {
    display: flex !important;
    align-items: center !important;
    min-height: 40px;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #F9FAFB !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-toolbar-item {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    margin: 0 !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-tbar-btn,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-schedule-date-range-tbtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 36px !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-date-range,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-tbar-btn-text {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px;
    line-height: 36px !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-icons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    line-height: 20px !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-hor-nav {
    display: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-schedule-date-range-tbtn:focus,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-schedule-date-range-tbtn:focus-visible,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-tbar-btn:focus,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-tbar-btn:focus-visible,
.compliance-calendar .e-calendar .e-prev:focus,
.compliance-calendar .e-calendar .e-prev:focus-visible,
.compliance-calendar .e-calendar .e-next:focus,
.compliance-calendar .e-calendar .e-next:focus-visible,
.compliance-calendar .e-calendar .e-btn:focus,
.compliance-calendar .e-calendar .e-btn:focus-visible,
.compliance-calendar .e-calendar .e-day.e-title:focus,
.compliance-calendar .e-calendar .e-day.e-title:focus-visible {
    box-shadow: 0 0 0 2px var(--okai-calendar-accent) inset !important;
    border-radius: 4px !important;
    outline: 0 !important;
}

.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-toolbar-item:has(.e-add),
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-toolbar-item:has(.e-icon-add),
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-add,
.compliance-schedule--hub.e-schedule .e-schedule-toolbar .e-icon-add {
    display: none !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap table,
.compliance-schedule--hub.e-schedule .e-month-view .e-content-wrap table {
    border-color: #E5E7EB !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap {
    border-top: 1px solid #E5E7EB !important;
    overflow: hidden;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-header-cells.e-current-day,
.compliance-schedule--hub.e-schedule .e-month-view .e-header-cells.e-current-day span,
.compliance-schedule--hub.e-schedule .e-year-view .e-current-day,
.compliance-schedule--hub.e-schedule .e-year-view .e-current-day .e-day,
.compliance-calendar .e-calendar .e-content .e-focused-date,
.compliance-calendar .e-calendar .e-content .e-today,
.compliance-calendar .e-calendar .e-content .e-today .e-day,
.compliance-calendar .e-calendar .e-header .e-day.e-title {
    color: var(--okai-calendar-accent) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-work-cells.e-current-date .e-date-header,
.compliance-schedule--hub.e-schedule .e-year-view .e-current-date .e-date-header,
.compliance-calendar .e-calendar .e-content td.e-today .e-day,
.compliance-calendar .e-calendar .e-content td.e-focused-date .e-day,
.compliance-calendar .e-calendar .e-footer-container .e-btn.e-today {
    background: var(--okai-calendar-accent) !important;
    border-color: var(--okai-calendar-accent) !important;
    color: #FFFFFF !important;
}

.compliance-calendar .e-calendar .e-content td.e-focused-date .e-day,
.compliance-calendar .e-calendar .e-content td.e-today .e-day {
    color: #FFFFFF !important;
}

.compliance-calendar .e-calendar .e-content td.e-focused-date .e-day,
.compliance-calendar .e-calendar .e-content td.e-today .e-day,
.compliance-calendar .e-calendar .e-footer-container .e-btn.e-today:hover,
.compliance-calendar .e-calendar .e-footer-container .e-btn.e-today:focus-visible {
    box-shadow: none !important;
}

.compliance-calendar .e-calendar .e-content td.e-selected span,
.compliance-calendar .e-calendar .e-content td.e-selected:hover span {
    background: var(--okai-calendar-accent-soft) !important;
    color: var(--hub-text) !important;
}

.compliance-calendar .e-calendar .e-content td .e-day,
.compliance-calendar .e-calendar .e-content td:hover .e-day,
.compliance-calendar .e-calendar .e-content td.e-selected .e-day,
.compliance-calendar .e-calendar .e-content td.e-focused-date .e-day,
.compliance-calendar .e-calendar .e-content td.e-today .e-day {
    border-radius: 12px !important;
}

.compliance-calendar .e-calendar .e-content td.e-selected,
.compliance-calendar .e-calendar .e-content td.e-selected.e-focused-date {
    color: var(--hub-text) !important;
}

.compliance-calendar .e-calendar .e-header {
    padding-left: 16px !important;
    padding-right: 12px !important;
}

.compliance-calendar .e-calendar .e-header .e-day.e-title {
    margin-left: 0 !important;
    padding-left: 0 !important;
    color: var(--hub-text) !important;
    font-weight: 600 !important;
}

.compliance-calendar .e-calendar .e-content.e-month th {
    position: relative;
    color: transparent !important;
    font-size: 0 !important;
}

.compliance-calendar .e-calendar .e-content.e-month th::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
}

.compliance-calendar .e-calendar .e-content.e-month th:nth-child(1)::after { content: "Seg"; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(2)::after { content: "Ter"; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(3)::after { content: "Qua"; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(4)::after { content: "Qui"; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(5)::after { content: "Sex"; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(6)::after { content: ""; }
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(7)::after { content: ""; }

.compliance-calendar .e-calendar .e-content.e-month th:nth-child(6),
.compliance-calendar .e-calendar .e-content.e-month th:nth-child(7),
.compliance-calendar .e-calendar .e-content.e-month td:nth-child(6),
.compliance-calendar .e-calendar .e-content.e-month td:nth-child(7) {
    display: none !important;
}

.compliance-schedule--hub.e-schedule .e-year-view .e-month-calendar,
.compliance-schedule--hub.e-schedule .e-year-view .e-calendar {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-work-cells,
.compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap td {
    border-color: #EEF2F7 !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-work-cells {
    vertical-align: top;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-date-header {
    padding-top: 6px;
    padding-left: 6px;
    box-sizing: border-box;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    height: 24px !important;
    min-height: 24px;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
    box-shadow: none !important;
    cursor: pointer;
    overflow: hidden;
    transform: none;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-appointment-details {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
    height: 20px;
    margin: 2px 0;
    padding: 0 8px;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--tarefa {
    color: #3688D8 !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--tarefa .e-appointment-details {
    background: rgba(54, 136, 216, 0.12) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--entregavel {
    color: #C657A4 !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--entregavel .e-appointment-details {
    background: rgba(198, 87, 164, 0.12) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--vigencia,
.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--vigencia-fim {
    color: #8A55BB !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--vigencia .e-appointment-details,
.compliance-schedule--hub.e-schedule .e-month-view .okai-calendar-event--vigencia-fim .e-appointment-details {
    background: rgba(138, 85, 187, 0.12) !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment::before {
    content: none;
    display: none !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-more-indicator {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 16px !important;
    min-height: 16px;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    box-shadow: none !important;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-6px);
}

.compliance-schedule--hub.e-schedule .e-month-view .e-more-indicator:hover,
.compliance-schedule--hub.e-schedule .e-month-view .e-more-indicator:focus-visible {
    background: transparent !important;
    color: #2566C2 !important;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event {
    --okai-calendar-agenda-color: #3688D8;
    --okai-calendar-agenda-bg: rgba(54, 136, 216, 0.08);
    --okai-calendar-agenda-border: rgba(54, 136, 216, 0.20);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    min-height: 54px;
    height: auto !important;
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px);
    margin: 2px 0 6px !important;
    padding: 8px 14px 8px 16px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--okai-calendar-agenda-bg) !important;
    box-shadow: none !important;
    box-sizing: border-box;
    color: var(--okai-calendar-agenda-color) !important;
    cursor: pointer;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event:hover,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event:focus-visible {
    background: color-mix(in srgb, var(--okai-calendar-agenda-bg) 88%, white 12%) !important;
    box-shadow: 0 8px 22px -18px var(--okai-calendar-agenda-color) !important;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event--tarefa {
    --okai-calendar-agenda-color: #3688D8;
    --okai-calendar-agenda-bg: rgba(54, 136, 216, 0.09);
    --okai-calendar-agenda-border: rgba(54, 136, 216, 0.22);
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event--entregavel {
    --okai-calendar-agenda-color: #C657A4;
    --okai-calendar-agenda-bg: rgba(198, 87, 164, 0.10);
    --okai-calendar-agenda-border: rgba(198, 87, 164, 0.22);
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event--vigencia,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event--vigencia-fim {
    --okai-calendar-agenda-color: #8A55BB;
    --okai-calendar-agenda-bg: rgba(138, 85, 187, 0.10);
    --okai-calendar-agenda-border: rgba(138, 85, 187, 0.24);
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event .e-subject-wrap {
    min-width: 0;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event .e-subject {
    color: var(--okai-calendar-agenda-color) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-appointment.okai-calendar-event .e-date-time {
    margin-top: 2px;
    color: #64748B !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-content-wrap tr:last-child td,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-content-wrap tr:last-child .e-agenda-cells,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-content-wrap tr:last-child .e-agenda-item {
    border-bottom: 0 !important;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-day-date-header .e-m-date {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5rem;
}

.compliance-schedule--hub.e-schedule .e-agenda-view .e-day-date-header.e-current-day,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-day-date-header.e-current-day .e-m-date,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-day-date-header.e-current-day .e-m-day,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.e-current-day .e-m-date,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.e-current-day .e-m-day,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.e-current-date .e-m-date,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.e-current-date .e-m-day,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.okai-calendar-today,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.okai-calendar-today .e-day-date-header,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.okai-calendar-today .e-m-date,
.compliance-schedule--hub.e-schedule .e-agenda-view .e-agenda-cells.okai-calendar-today .e-m-day {
    color: #3473CC !important;
}

.e-more-popup-wrapper:has(.okai-calendar-event) {
    width: min(clamp(280px, 22vw, 420px), calc(100vw - 32px)) !important;
    min-width: min(clamp(280px, 22vw, 420px), calc(100vw - 32px)) !important;
    max-width: min(clamp(280px, 22vw, 420px), calc(100vw - 32px)) !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-sizing: border-box;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16) !important;
    overflow-x: hidden !important;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-header {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 16px 0 12px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-date-header {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #111827 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-date-header .e-header-day,
.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-date-header .e-header-date {
    display: inline !important;
    white-space: nowrap !important;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-close {
    top: 6px;
    right: 8px;
    color: #64748B !important;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-event-content {
    padding: 8px 16px 16px !important;
    box-sizing: border-box;
    overflow-x: hidden !important;
}

.e-more-popup-wrapper:has(.okai-calendar-event) .e-more-appointment-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
    box-shadow: none !important;
    cursor: pointer;
    overflow: hidden;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--tarefa {
    color: #3688D8 !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--tarefa .e-appointment-details,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--tarefa .e-subject {
    background: rgba(54, 136, 216, 0.12) !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--entregavel {
    color: #C657A4 !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--entregavel .e-appointment-details,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--entregavel .e-subject {
    background: rgba(198, 87, 164, 0.12) !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia-fim {
    color: #8A55BB !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia .e-appointment-details,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia .e-subject,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia-fim .e-appointment-details,
.e-more-popup-wrapper .e-appointment.okai-calendar-event--vigencia-fim .e-subject {
    background: rgba(138, 85, 187, 0.12) !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event::before {
    content: none;
    display: none !important;
}

.e-more-popup-wrapper .e-appointment.okai-calendar-event .e-appointment-details,
.e-more-popup-wrapper .e-appointment.okai-calendar-event .e-subject {
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    width: 100% !important;
    height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 8px;
    border-radius: 8px;
    color: currentColor !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-align: left !important;
}

.compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-appointment-details,
.compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-subject {
    display: flex !important;
    align-items: center;
    min-width: 0;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: left !important;
}

.compliance-calendar-legend {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 12px 20px;
    padding: 12px 18px 14px;
    border-top: 1px solid #EEF2F7;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
}

.compliance-calendar-legend__title {
    color: #64748B;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.compliance-calendar-legend__items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.compliance-calendar-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid #E5E7EB;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.compliance-calendar-legend__item:has(.compliance-calendar-legend__dot--tarefa) {
    border-color: rgba(54, 136, 216, 0.18);
    background: rgba(54, 136, 216, 0.07);
    color: #2F6FAF;
}

.compliance-calendar-legend__item:has(.compliance-calendar-legend__dot--entregavel) {
    border-color: rgba(198, 87, 164, 0.18);
    background: rgba(198, 87, 164, 0.08);
    color: #A94A8A;
}

.compliance-calendar-legend__item:has(.compliance-calendar-legend__dot--vigencia) {
    border-color: rgba(138, 85, 187, 0.18);
    background: rgba(138, 85, 187, 0.08);
    color: #7650A4;
}

.compliance-calendar-legend__dot {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 999px;
    box-shadow: 0 0 0 4px currentColor;
}

.compliance-calendar-legend__dot--tarefa {
    background: rgba(54, 136, 216, 0.84);
    color: rgba(54, 136, 216, 0.11);
}

.compliance-calendar-legend__dot--entregavel {
    background: rgba(198, 87, 164, 0.82);
    color: rgba(198, 87, 164, 0.12);
}

.compliance-calendar-legend__dot--vigencia {
    background: rgba(138, 85, 187, 0.82);
    color: rgba(138, 85, 187, 0.12);
}

@media (max-width: 767.98px) {
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 0;
    }

    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells:nth-child(1) span::after { content: "seg"; }
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells:nth-child(2) span::after { content: "ter"; }
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells:nth-child(3) span::after { content: "qua"; }
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells:nth-child(4) span::after { content: "qui"; }
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells:nth-child(5) span::after { content: "sex"; }

    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-date-header-wrap .e-header-cells span::after {
        color: #475569;
        font-size: 11px;
        line-height: 16px;
        font-weight: 500;
    }

    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-appointment {
        justify-content: flex-start;
        min-width: 0;
        min-height: 24px;
        gap: 4px;
        padding: 0 6px !important;
    }

    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-appointment::before {
        width: 12px;
        height: 12px;
    }

    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-appointment-details,
    .compliance-calendar .compliance-schedule--hub.e-schedule .e-month-view .e-appointment .e-subject {
        display: block !important;
        font-size: 11px;
        line-height: 18px;
    }

    .compliance-calendar-legend {
        align-items: flex-start;
        flex-direction: column;
        padding: 12px 14px 14px;
    }

    .compliance-calendar-legend__items {
        justify-content: flex-start;
    }
}

.compliance-status-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.compliance-status-strip__item {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.compliance-status-strip__card {
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.compliance-status-strip__card.is-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.compliance-status-strip__copy {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
    flex-wrap: wrap;
}

.compliance-status-strip__icon-wrap {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--hub-primary);
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.compliance-status-strip__icon-wrap img {
    width: 16px;
    height: 16px;
}

.compliance-status-strip__card strong {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500 !important;
}

.compliance-status-strip__count {
    display: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--hub-text-muted);
}

.compliance-status-strip__spacer {
    flex: 1 1 auto;
}

.compliance-status-strip__panel-slot {
    display: none;
}

.compliance-status-strip__chevron {
    display: none;
    width: 18px;
    height: 18px;
    flex: none;
    transition: transform 0.2s ease;
}

.compliance-status-strip__card.is-open .compliance-status-strip__chevron {
    transform: rotate(180deg);
}

.compliance-status-strip__card.is-blue .compliance-status-strip__icon-wrap {
    background: var(--hub-primary-soft);
    color: var(--hub-primary);
    border: 0 !important;
    box-shadow: none !important;
}

.compliance-status-strip__card.is-yellow .compliance-status-strip__icon-wrap {
    background: #FFF8E5;
    color: #BE6700;
    border: 0 !important;
    box-shadow: none !important;
}

.compliance-status-strip__card.is-red .compliance-status-strip__icon-wrap {
    background: #FFEBEB;
    color: #A10000;
    border: 0 !important;
    box-shadow: none !important;
}

.compliance-status-strip__card.is-green .compliance-status-strip__icon-wrap {
    background: #ddf8e2;
    color: #0e872c;
    border: 0 !important;
    box-shadow: none !important;
}

.compliance-swimlane {
    border-radius: 8px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.compliance-swimlane small {
    font-size: 14px;
    line-height: 21px;
}

.compliance-projects__board {
    overflow: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}

.compliance-kanban-desktop {
    display: block;
    min-width: 0;
}

.compliance-kanban-mobile {
    display: none;
    min-width: 0;
}

.compliance-kanban-mobile__section {
    border: 1px solid #E5EAF2;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.compliance-kanban-mobile__header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    text-align: left;
    appearance: none;
}

.compliance-kanban-mobile__header-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.compliance-kanban-mobile__icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border-radius: 999px;
}

.compliance-kanban-mobile__icon img {
    width: 18px;
    height: 18px;
}

.compliance-kanban-mobile__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.compliance-kanban-mobile__copy strong {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--hub-text);
}

.compliance-kanban-mobile__copy small {
    font-size: 13px;
    line-height: 18px;
    color: var(--hub-text-muted);
}

.compliance-kanban-mobile__chevron {
    width: 18px;
    height: 18px;
    flex: none;
    transition: transform 0.2s ease;
}

.compliance-kanban-mobile__section.is-open .compliance-kanban-mobile__chevron {
    transform: rotate(180deg);
}

.compliance-kanban-mobile__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px 16px;
}

.compliance-kanban-mobile__empty {
    padding: 10px 2px 0;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
}

.compliance-kanban-mobile__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .compliance-kanban-mobile__card.compliance-project-card,
    .compliance-kanban-mobile__card > .compliance-project-card {
        padding: 14px 14px 12px 16px;
        border: 1px solid #D9E3F2 !important;
        border-left: 2px solid var(--project-accent) !important;
        border-radius: 12px !important;
        box-shadow: 0 0 10px rgba(35, 27, 96, 0.05) !important;
        background: #FFFFFF !important;
        background-clip: padding-box;
    }

.compliance-kanban-mobile__card .compliance-project-card p {
    margin-bottom: 10px;
    -webkit-line-clamp: 2;
}

.compliance-kanban-mobile__move {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compliance-kanban-mobile__move-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #DCE6F4;
    border-radius: 12px;
    background: #FFFFFF;
    color: var(--hub-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    appearance: none;
}

.compliance-kanban-mobile__move-trigger img {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
}

.compliance-kanban-mobile__move-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border: 1px solid #E5EAF2;
    border-radius: 12px;
    background: #F9FAFB;
}

.compliance-kanban-mobile__move-option {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #FFFFFF;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--hub-text);
    appearance: none;
}

.compliance-kanban-mobile__move-option:hover,
.compliance-kanban-mobile__move-option:focus-visible {
    border-color: #BFD6F5;
    background: #F2F7FE;
    outline: 0;
}

.compliance-kanban-mobile__section.is-blue .compliance-kanban-mobile__icon {
    background: var(--hub-primary-soft);
    color: var(--hub-primary);
}

.compliance-kanban-mobile__section.is-orange .compliance-kanban-mobile__icon {
    background: #FFF5E8;
    color: #BE6700;
}

.compliance-kanban-mobile__section.is-yellow .compliance-kanban-mobile__icon {
    background: #FFF8E5;
    color: #BE6700;
}

.compliance-kanban-mobile__section.is-green .compliance-kanban-mobile__icon {
    background: #DDFAE2;
    color: #0E872C;
}

.compliance-projects__surface {
    min-height: 0;
    overflow: hidden;
}

.compliance-projects--lista .compliance-grid-host,
.compliance-projects--lista .okai-grid-host,
.compliance-projects--lista [data-testid="grid-main-host"] {
    min-height: 320px;
    overflow: hidden;
}

.compliance-projects--lista .compliance-grid .e-gridcontent,
.compliance-projects--lista .compliance-grid .e-content,
.compliance-projects--lista .sf-grid.e-grid .e-gridcontent,
.compliance-projects--lista .sf-grid.e-grid .e-content,
.compliance-projects--lista [data-testid="grid-main-host"] .e-gridcontent,
.compliance-projects--lista [data-testid="grid-main-host"] .e-content {
    overflow: auto !important;
}

.compliance-kanban-state {
    display: flex;
    align-items: center;
    min-height: 180px;
    border: 1px dashed var(--hub-border);
    border-radius: 8px;
    padding: 20px;
    color: var(--hub-text-muted);
    background: var(--hub-surface-muted);
}

.compliance-kanban-state--error {
    border-color: #F4B4B4;
    color: #B82A2A;
    background: #FFF3F3;
}

.compliance-kanban-empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px;
    border: 1px dashed var(--hub-border);
    border-radius: 8px;
    padding: 20px;
    color: var(--hub-text-muted);
    background: var(--hub-surface-muted);
}

.compliance-kanban-empty-state strong {
    color: var(--hub-text);
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.compliance-kanban-empty-state span {
    margin-top: 4px;
    font-size: 13px;
    line-height: 19px;
}

.compliance-tasks .compliance-projects__board {
    overflow: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}

.compliance-tasks .compliance-status-strip {
    margin-top: 14px;
}

.compliance-projects .compliance-status-strip {
    margin-top: 14px;
}

.compliance-kanban.e-kanban {
    border: 0 !important;
    background: transparent !important;
}

.compliance-kanban.e-kanban .e-header-row {
    display: none;
}

.compliance-kanban.e-kanban .e-content-row,
.compliance-kanban.e-kanban .e-content-table,
.compliance-kanban.e-kanban .e-kanban-table {
    background: transparent !important;
}

.compliance-kanban.e-kanban .e-kanban-column {
    background: transparent;
    border: 0 !important;
    padding: 0 12px 0 0;
    min-width: 250px;
}

.compliance-kanban.e-kanban .e-content-cells[data-key="nao-iniciado"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="em-andamento"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasado"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasada"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelado"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelada"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluido"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluida"] .e-card-container {
    --compliance-kanban-card-radius: 12px;
    min-height: 130px;
    padding: 16px;
    border-radius: var(--compliance-kanban-card-radius);
    background: var(--hub-surface-soft);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    box-sizing: border-box;
}

.compliance-kanban.e-kanban .e-content-cells[data-key="atrasado"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasada"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelado"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelada"] .e-card-container {
    border: 1px dashed var(--hub-text-muted);
    background: var(--hub-surface-soft);
}

.compliance-kanban.e-kanban .e-content-cells[data-key="concluido"],
.compliance-kanban.e-kanban .e-content-cells[data-key="concluida"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.compliance-kanban.e-kanban .e-content-cells[data-key="concluido"] .e-card-container,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluida"] .e-card-container {
    border: 0 !important;
    border-style: none !important;
    background: var(--hub-surface-soft) !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.compliance-kanban.e-kanban .e-content-cells[data-key="concluido"] .e-card-container::before,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluida"] .e-card-container::before,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluido"] .e-card-container::after,
.compliance-kanban.e-kanban .e-content-cells[data-key="concluida"] .e-card-container::after {
    content: none !important;
}

.compliance-kanban.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
    background: transparent !important;
}

.compliance-kanban.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping .e-target-dropped-clone,
.compliance-kanban.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping .e-target-multi-clone {
    box-sizing: border-box;
    position: relative;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.compliance-kanban.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping .e-target-dropped-clone::before,
.compliance-kanban.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping .e-target-multi-clone::before {
    content: "";
    position: absolute;
    inset: 8px 12px;
    box-sizing: border-box;
    border: 1px dashed #689AE0;
    border-radius: 12px;
    background: #C6E3FF;
}

.compliance-kanban.e-kanban .e-content-cells[data-key="atrasado"] .e-empty-card,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasado"] .e-empty-card *,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasada"] .e-empty-card,
.compliance-kanban.e-kanban .e-content-cells[data-key="atrasada"] .e-empty-card *,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelado"] .e-empty-card,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelado"] .e-empty-card *,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelada"] .e-empty-card,
.compliance-kanban.e-kanban .e-content-cells[data-key="cancelada"] .e-empty-card * {
    display: none !important;
}

.compliance-project-card {
    background: #FFFFFF;
    border-left: 2px solid var(--project-accent);
    border-radius: var(--compliance-kanban-card-radius, 12px);
    padding: 16px;
    box-shadow: 0 0 10px rgba(35, 27, 96, 0.05);
    font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
}

.compliance-project-card--link {
    display: block;
    color: inherit;
    text-decoration: none;
    border-radius: inherit;
    overflow: hidden;
}

.compliance-project-card--link:hover,
.compliance-project-card--link:focus-visible {
    color: inherit;
    outline: 0;
}

.compliance-project-card h4 {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--hub-text);
}

.compliance-project-card p {
    margin: 8px 0 12px;
    font-size: 14px;
    line-height: 21px;
    color: var(--hub-text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.compliance-project-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.compliance-project-card__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border-radius: 6px;
    background: var(--hub-surface-soft);
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.compliance-project-card__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 18px;
}

.compliance-task-composer {
    position: fixed;
    inset: 0;
    z-index: 170;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.compliance-task-composer__panel {
    width: min(720px, 100%);
    border-radius: 16px;
    padding: 24px;
    position: relative;
}

.compliance-task-composer__header,
.compliance-task-composer__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.compliance-task-composer__header h4 {
    margin: 4px 0 0;
    font-size: 22px;
    line-height: 1.2;
}

.compliance-task-composer__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.compliance-task-composer__body label {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compliance-task-composer__body label:nth-child(2) {
    grid-column: 1 / -1;
}

.compliance-task-composer__body input,
.compliance-task-composer__body textarea,
.compliance-task-composer__body select {
    border: 1px solid var(--hub-border);
    border-radius: 8px;
    background: var(--hub-surface-soft);
    padding: 12px 14px;
}

.compliance-task-composer__close {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.compliance-task-composer__close img {
    width: 16px;
    height: 16px;
}

@media (max-width: 1023px) {
    .compliance-hub-app__header-inner,
    .compliance-hub-app__content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .compliance-hub-app__header-inner {
        flex-wrap: wrap;
        gap: 16px;
    }

    .compliance-hub-app__menu-toggle {
        display: inline-flex;
    }

    .compliance-hub-app__site-nav {
        display: none;
        width: 100%;
        order: 4;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-top: 8px;
    }

    .compliance-hub-app__site-nav.is-open {
        display: flex;
    }

    .compliance-hub-app__site-link {
        width: 100%;
        padding: 12px 0;
    }

    .compliance-hub-app__header-actions {
        margin-left: auto;
        gap: 10px;
    }

    .compliance-hub-app__cta {
        display: none;
    }

    .compliance-hub-tabs {
        gap: 20px;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .compliance-hub-app__panel {
        min-height: 0;
    }

    .compliance-explorer__layout {
        grid-template-areas:
            "main"
            "sidebar";
        grid-template-columns: 1fr;
    }

    .compliance-explorer__resizer {
        display: none;
    }

    .compliance-explorer__sidebar--desktop {
        display: none;
    }

    .compliance-toolbar__drawer-toggle {
        display: inline-flex;
    }

    .compliance-explorer__sidebar--mobile {
        display: block;
        position: fixed;
        inset: 0 auto 0 0;
        width: min(86vw, 320px);
        z-index: 170;
        border-radius: 0 16px 16px 0;
        overflow-y: auto;
    }

    .compliance-status-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .compliance-projects__board {
        overflow-x: auto;
        padding-bottom: 8px;
    }

    .compliance-kanban.e-kanban {
        min-width: 880px;
    }

    .compliance-kanban.e-kanban .e-kanban-column {
        min-width: 210px;
    }

    .compliance-card__toolbar,
    .compliance-card__stack,
    .compliance-project-detail__card-header,
    .compliance-project-detail__title-row,
    .compliance-task-detail__header,
    .compliance-task-detail__title-row,
    .compliance-task-composer__header,
    .compliance-task-composer__footer,
    .compliance-toolbar--explorer {
        flex-direction: column;
        align-items: stretch;
    }

    .compliance-card__toolbar-actions,
    .compliance-meta-pills {
        justify-content: flex-start;
    }

    .compliance-project-detail__status-tag {
        align-self: flex-start;
        width: fit-content;
        max-width: 100%;
    }

    .compliance-project-detail__title-row,
    .compliance-task-detail__title-row {
        display: contents;
    }

    .compliance-project-detail__header > .compliance-project-detail__breadcrumb,
    .compliance-task-detail__header > .compliance-task-detail__breadcrumb {
        order: 1;
    }

    .compliance-task-detail__header > .compliance-task-detail__breadcrumb {
        order: 0;
    }

    .compliance-project-detail__header > .compliance-project-detail__tabs {
        order: 3;
    }

    .compliance-project-detail__title-row > .min-w-0,
    .compliance-task-detail__title-row > .min-w-0 {
        order: 2;
    }

    .compliance-project-detail__title-row > .compliance-project-detail__status-tag,
    .compliance-task-detail__title-row > .compliance-project-detail__status-tag {
        order: 0;
        align-self: flex-start;
        width: fit-content;
        max-width: 100%;
    }

    .compliance-task-detail__title-row > .compliance-project-detail__status-tag {
        order: 1;
    }

    .compliance-task-detail__header > .compliance-task-detail__actions {
        order: 3;
    }

    .compliance-task-detail__header > .compliance-task-detail__tabs {
        order: 4;
    }

    .compliance-project-detail__title-row > .inline-flex {
        order: 0;
        align-self: flex-start;
        width: fit-content;
        max-width: 100%;
    }

    html:has(.compliance-project-detail-shell),
    body:has(.compliance-project-detail-shell) {
        height: auto !important;
        min-height: 100% !important;
        overflow: auto !important;
    }

    .compliance-project-detail-shell {
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
    }

    .compliance-project-detail {
        padding-top: 24px;
    }

    .compliance-project-detail-shell > .compliance-project-detail {
        position: static;
        inset: auto;
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .compliance-project-detail__inner {
        height: auto;
        min-height: 100%;
        width: min(100% - 48px, 80rem);
    }

    .compliance-project-detail__layout {
        flex: 0 0 auto;
        grid-template-columns: 1fr;
    }

    .compliance-project-detail__main {
        height: auto;
    }

    .compliance-project-detail__main > .tab-content {
        flex: 0 0 auto;
    }

    .compliance-project-detail__main [data-tab-panel="dados"],
    .compliance-project-detail__main [data-tab-panel="tarefas"],
    .compliance-project-detail__main [data-tab-panel="acoes"],
    .compliance-project-detail__main [data-tab-panel="subprojetos"],
    .compliance-project-detail__main [data-tab-panel="itens-caso"] {
        height: auto;
        overflow-y: visible;
        padding-right: 0;
        scrollbar-gutter: auto;
    }

    .compliance-project-detail__save {
        width: 100%;
        justify-content: flex-start;
    }

    .compliance-search-input {
        min-width: 0;
        width: 100%;
    }

    .compliance-explorer .compliance-card--grid,
    .compliance-tasks .compliance-card--grid {
        overflow-x: auto;
    }

    .compliance-explorer .compliance-desktop-grid,
    .compliance-tasks .compliance-desktop-grid {
        display: none;
    }

    .compliance-explorer .compliance-mobile-list,
    .compliance-tasks .compliance-mobile-list {
        display: block;
    }

    .compliance-grid--explorer.e-grid {
        min-width: 882px;
    }

    .compliance-grid--tasks.e-grid {
        min-width: 1184px;
    }

    .compliance-task-composer {
        padding: 12px;
        align-items: flex-start;
    }

    .compliance-task-composer__body {
        grid-template-columns: 1fr;
    }

    .compliance-task-composer__body label:nth-child(2) {
        grid-column: auto;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .compliance-explorer__mobile-tree-trigger {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        border: 0 !important;
        border-radius: 8px !important;
        overflow: hidden;
    }
}

@media (max-width: 639px) {
    .compliance-hub-app__header-actions {
        gap: 8px;
    }

    .compliance-hub-tabs {
        gap: 16px;
    }

    .compliance-hub-tabs__item {
        font-size: 13px;
        line-height: 18px;
    }

    .compliance-hub-app__icon-button {
        width: 36px;
        height: 36px;
    }

    .compliance-view-switch,
    .compliance-inline-select,
    .compliance-status-strip__card strong {
        font-size: 14px;
        line-height: 21px;
    }

    .compliance-status-strip {
        grid-template-columns: 1fr;
    }

    .compliance-swimlane,
    .compliance-toolbar--surface {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.compliance-hub-app-host {
    display: flex;
    flex: 1 1 auto;
    min-height: calc(100dvh - 70px);
    height: calc(100dvh - 70px);
    overflow: hidden;
}

.compliance-hub-app,
.compliance-hub-app__content,
.compliance-hub-app__panel,
.compliance-explorer,
.compliance-tasks,
.compliance-projects,
.compliance-calendar {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.compliance-explorer__main,
.compliance-explorer__tree-surface,
.compliance-explorer__tree-body,
.compliance-grid-host,
.compliance-projects__board,
.compliance-projects__list,
.compliance-task-list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.compliance-explorer__layout {
    flex: 1 1 auto;
    min-height: 0;
}

.compliance-explorer__sidebar {
    min-width: 0;
}

.compliance-explorer__tree-body {
    overflow: auto;
    padding: 6px 0 10px;
}

.compliance-tasks--detail {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.compliance-inline-picker {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    cursor: pointer;
}

.compliance-inline-picker select {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--hub-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    min-height: 32px;
    padding: 4px 22px 4px 0;
    cursor: pointer;
    outline: 0;
}

.compliance-inline-picker--compact select {
    font-weight: 500;
}

.compliance-inline-picker img {
    position: absolute;
    right: 0;
    width: 12px;
    height: 12px;
    pointer-events: none;
}

.compliance-inline-picker select option {
    color: #111827;
}

.compliance-grid-host > .e-grid {
    height: 100% !important;
}

.compliance-grid-content--fill {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr);
}

.compliance-grid-content--fill > [data-testid="grid-main-host"] {
    overflow: hidden;
}

.okai-grid-host--empty[data-testid="grid-main-host"] {
    --okai-grid-empty-header-offset: 56px;
    --okai-grid-empty-body-min-height: 220px;
    min-height: calc(var(--okai-grid-empty-header-offset) + var(--okai-grid-empty-body-min-height));
}

.okai-grid-host--empty[data-testid="grid-main-host"] > .e-grid,
.okai-grid-host--empty[data-testid="grid-main-host"] > .e-treegrid {
    min-height: calc(var(--okai-grid-empty-header-offset) + var(--okai-grid-empty-body-min-height)) !important;
}

.okai-grid-host--empty[data-testid="grid-main-host"] .e-gridcontent,
.okai-grid-host--empty[data-testid="grid-main-host"] .e-content {
    min-height: var(--okai-grid-empty-body-min-height);
}

.okai-grid-empty-state {
    position: absolute;
    z-index: 3;
    inset: var(--okai-grid-empty-header-offset, 56px) 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--okai-grid-empty-body-min-height, 220px);
    padding: 24px;
    background: #FFFFFF;
    color: #64748B;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    pointer-events: none;
}

.compliance-grid-toolbar {
    gap: 16px 24px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.compliance-explorer__main .compliance-grid-toolbar,
.compliance-explorer [data-testid="grid-main-host"] {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.compliance-grid-toolbar__primary,
.compliance-grid-toolbar__actions {
    min-width: 0;
}

.compliance-grid-toolbar__primary {
    flex: 0 0 auto;
}

.compliance-grid-toolbar__actions {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
}

.compliance-grid-toolbar__view {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    min-width: 0;
    max-width: 100%;
}

.compliance-hub-nav-tabs {
    margin-bottom: 16px;
}

.compliance-explorer__topbar {
    width: 100%;
}

.compliance-explorer__topbar-content {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.compliance-explorer__topbar-primary {
    flex: 1 1 auto;
    min-width: 0;
    gap: 10px;
    flex-wrap: wrap;
}

.compliance-explorer__profile-filter {
    appearance: none;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    min-height: 38px;
    margin-left: 0;
    padding: 0 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748B;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.compliance-explorer__profile-filter:hover:not(:disabled),
.compliance-explorer__profile-filter:focus-visible {
    background: #F8FAFC;
}

.compliance-explorer__profile-filter:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(52, 115, 204, 0.24);
}

.compliance-explorer__profile-filter:disabled {
    cursor: wait;
    opacity: 0.65;
}

.compliance-explorer__profile-filter-indicator {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #94A3B8;
    border-radius: 5px;
    background: #FFFFFF;
    transition: background 120ms ease, border-color 120ms ease;
}

.compliance-explorer__profile-filter-indicator::after {
    content: "";
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: rotate(45deg);
}

.compliance-explorer__profile-filter[aria-checked="true"] .compliance-explorer__profile-filter-indicator {
    border-color: #3473CC;
    background: #3473CC;
}

.compliance-explorer__profile-filter[aria-checked="true"] .compliance-explorer__profile-filter-indicator::after {
    opacity: 1;
}

.compliance-explorer__profile-filter-text {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    white-space: nowrap;
}

.compliance-explorer__recommendation-filter-group {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    min-width: 0;
    min-height: 38px;
}

.compliance-explorer__recommendation-filter-group .compliance-explorer__profile-filter {
    min-height: 32px;
    padding: 0;
    border-radius: 0;
}

.compliance-explorer__recommendation-filter-group .compliance-explorer__profile-filter:hover:not(:disabled),
.compliance-explorer__recommendation-filter-group .compliance-explorer__profile-filter:focus-visible {
    background: transparent;
}

.compliance-explorer-context-menu {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 0;
}

.compliance-explorer-context-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 24px;
    min-height: 32px;
    min-width: 0;
    max-width: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    box-shadow: none;
    cursor: pointer;
}

.compliance-explorer-context-menu__trigger:hover,
.compliance-explorer-context-menu__trigger:focus-visible,
.compliance-explorer-context-menu.is-open .compliance-explorer-context-menu__trigger {
    background: transparent;
    color: #1E293B;
    outline: 0;
}

.compliance-explorer-context-menu__trigger:disabled {
    color: #94A3B8;
    cursor: not-allowed;
}

.compliance-explorer-context-menu__trigger-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: currentColor;
    opacity: 1;
    fill: currentColor;
    transition: transform 160ms ease, opacity 160ms ease;
}

.compliance-explorer-context-menu.is-open .compliance-explorer-context-menu__trigger-icon {
    transform: rotate(180deg);
}

.compliance-explorer-context-menu__popup {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 70;
    width: min(320px, calc(100vw - 32px));
    max-height: min(60vh, 420px);
    overflow: auto;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16), 0 -4px 12px rgba(15, 23, 42, 0.05);
    transform-origin: top left;
    animation: okai-menu-pop-in 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: transform, opacity;
}

.compliance-explorer-context-menu__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.compliance-explorer-context-menu__item {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    cursor: pointer;
}

.compliance-explorer-context-menu__item:hover,
.compliance-explorer-context-menu__item:focus-within,
.compliance-explorer-context-menu__item.is-selected {
    background: #F8FAFC;
    color: #0F172A;
}

.compliance-explorer-context-menu__checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin: 0;
    border: 1px solid #CBD5E1;
    border-radius: 5px;
    background: #FFFFFF;
}

.compliance-explorer-context-menu__checkbox.is-checked {
    border-color: #3473CC;
    background: #3473CC;
}

.compliance-explorer-context-menu__checkbox.is-checked::after {
    content: "";
    width: 5px;
    height: 9px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: translateY(-1px) rotate(45deg);
}

.compliance-explorer-context-menu__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-explorer__topbar-primary > .grid-selection-actions {
    padding: 0;
    gap: 8px;
}

.compliance-explorer__topbar-primary > .grid-selection-actions .grid-selection-actions__items {
    gap: 8px;
}

.compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) {
    color: #64748B;
    background: transparent;
    box-shadow: none;
}

.compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):hover,
.compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):focus-visible {
    color: #475569;
    background: #F8FAFC;
    box-shadow: none;
    outline: 0;
}

.compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg,
.compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg * {
    fill: currentColor !important;
    color: currentColor !important;
}

.compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] {
    color: #FFFFFF !important;
}

.compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"]:hover,
.compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"]:focus-visible {
    background: #104EA3 !important;
    color: #FFFFFF !important;
    outline: 0;
}

.compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] svg,
.compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] svg * {
    fill: currentColor !important;
    color: currentColor !important;
}

.compliance-explorer-impact-action {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.compliance-explorer-impact-action__trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748B;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    cursor: pointer;
}

.compliance-explorer-impact-action__trigger:hover,
.compliance-explorer-impact-action__trigger:focus-visible,
.compliance-explorer-impact-action__trigger[aria-expanded="true"] {
    background: #F8FAFC;
    color: #475569;
    outline: 0;
}

.compliance-explorer-impact-action__trigger:disabled {
    cursor: default;
    opacity: 0.55;
}

.compliance-explorer-impact-action__icon,
.compliance-explorer-impact-action__chevron {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: currentColor;
}

.compliance-explorer-impact-action__chevron {
    transition: transform 160ms ease;
}

.compliance-explorer-impact-action__chevron.is-open {
    transform: rotate(180deg);
}

.compliance-explorer-impact-action__label {
    flex: 0 0 auto;
}

.compliance-explorer-impact-action__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 40;
    display: flex;
    width: min(260px, calc(100vw - 32px));
    flex-direction: column;
    gap: 4px;
    padding: 6px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14);
}

.compliance-explorer-impact-action__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    cursor: pointer;
}

.compliance-explorer-impact-action__option:hover,
.compliance-explorer-impact-action__option:focus-visible,
.compliance-explorer-impact-action__option.is-selected {
    background: #F1F5F9;
    color: #0F172A;
    outline: 0;
}

.compliance-explorer-impact-action__option small {
    flex: 0 0 auto;
    color: #64748B;
    font-size: 11px;
    font-weight: 600;
}

.compliance-explorer-impact-action__empty {
    padding: 9px;
    color: #64748B;
    font-size: 13px;
    line-height: 18px;
}

.compliance-explorer__main {
    gap: 16px;
}

.compliance-explorer__main > div {
    gap: 16px;
}

.compliance-explorer__mobile-tree-trigger {
    display: none;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #E5E7EB;
    border-radius: 16px;
    background: #FFFFFF;
    color: #0F172A;
    text-align: left;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.compliance-explorer__mobile-tree-trigger img {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    opacity: 0.72;
}

.compliance-explorer__mobile-tree-trigger-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
    opacity: 0.72;
}

.compliance-explorer__mobile-tree-trigger-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.compliance-explorer__mobile-tree-trigger-copy span {
    color: #64748B;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.compliance-explorer__mobile-tree-trigger-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0F172A;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
}

.compliance-explorer__mobile-tree-trigger-chevron {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    min-width: 16px;
    fill: currentColor;
    color: currentColor;
    opacity: 0.72;
    transition: transform 160ms ease, opacity 160ms ease;
}

.compliance-explorer__mobile-tree-trigger-chevron.is-open {
    transform: rotate(180deg);
}

.compliance-explorer__mobile-tree-trigger:hover,
.compliance-explorer__mobile-tree-trigger:focus-visible {
    border-color: #CBD5E1;
    background: #FFFFFF;
    outline: 0;
}

.compliance-explorer__topbar .grid-create-menu {
    border-radius: 12px;
}

.compliance-explorer__topbar .grid-create-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    border-radius: 12px;
    background: #3473CC;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.compliance-explorer__topbar .grid-create-menu__trigger:hover,
.compliance-explorer__topbar .grid-create-menu__trigger:focus-visible {
    background: #104EA3;
    color: #FFFFFF;
    border-color: transparent;
    outline: 0;
}

.compliance-explorer__topbar .grid-create-menu__trigger-icon,
.compliance-explorer__topbar .grid-create-menu__trigger-chevron {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    filter: brightness(0) invert(1);
}

.compliance-explorer__topbar .grid-create-menu__trigger-chevron {
    opacity: 1;
    transition: transform 120ms ease;
}

.compliance-explorer__topbar .grid-create-menu__trigger[aria-expanded="true"] .grid-create-menu__trigger-chevron {
    transform: rotate(180deg);
}

.compliance-explorer__topbar .grid-create-menu.grid-create-menu--tone-neutral .grid-create-menu__trigger {
    border: 0;
    background: transparent;
    color: #64748B;
}

.compliance-explorer__topbar .grid-create-menu.grid-create-menu--tone-neutral .grid-create-menu__trigger:hover,
.compliance-explorer__topbar .grid-create-menu.grid-create-menu--tone-neutral .grid-create-menu__trigger:focus-visible {
    background: #F8FAFC;
    color: #475569;
    outline: 0;
}

.compliance-explorer__topbar .grid-create-menu.grid-create-menu--tone-neutral .grid-create-menu__trigger-icon,
.compliance-explorer__topbar .grid-create-menu.grid-create-menu--tone-neutral .grid-create-menu__trigger-chevron {
    filter: none;
    color: currentColor;
    fill: currentColor;
    opacity: 0.82;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background-color: #3473CC !important;
    background-image: none !important;
    background: #3473CC !important;
    box-shadow: none;
    color: #FFFFFF !important;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: none !important;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action:hover,
.compliance-explorer__topbar .compliance-grid-toolbar__create-action:focus-visible {
    background-color: #104EA3 !important;
    background-image: none !important;
    background: #104EA3 !important;
    color: #FFFFFF !important;
    border-color: transparent;
    outline: 0;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action:visited,
.compliance-explorer__topbar .compliance-grid-toolbar__create-action:active {
    color: #FFFFFF !important;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action span {
    color: #FFFFFF !important;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action svg,
.compliance-explorer__topbar .compliance-grid-toolbar__create-action svg * {
    fill: currentColor !important;
    color: currentColor !important;
}

.compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

.compliance-calendar .compliance-explorer__topbar [data-testid="calendar-toolbar-create"] {
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: #3473CC;
    color: #FFFFFF;
    box-shadow: none;
}

.compliance-calendar .compliance-explorer__topbar [data-testid="calendar-toolbar-create"]:hover,
.compliance-calendar .compliance-explorer__topbar [data-testid="calendar-toolbar-create"]:focus-visible {
    background: #104EA3;
    color: #FFFFFF;
    border-color: transparent;
}

.compliance-calendar .compliance-explorer__topbar [data-testid="calendar-toolbar-create"] svg,
.compliance-calendar .compliance-explorer__topbar [data-testid="calendar-toolbar-create"] svg * {
    fill: currentColor !important;
}

@media (max-width: 767.98px) {
    .compliance-explorer__topbar .grid-create-menu {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        border-radius: 12px;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        max-width: 44px;
        height: 44px;
        min-height: 44px;
        max-height: 44px;
        padding: 0;
        gap: 0;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger-text,
    .compliance-explorer__topbar .grid-create-menu__trigger-chevron {
        display: none !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action,
    .compliance-explorer__topbar [data-testid="calendar-toolbar-create"] {
        width: 44px;
        min-width: 44px;
        max-width: 44px;
        height: 44px;
        min-height: 44px;
        max-height: 44px;
        padding: 0;
        gap: 0;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action span,
    .compliance-explorer__topbar [data-testid="calendar-toolbar-create"] span:last-child {
        display: none !important;
    }
}

.grid-view-menu {
    position: relative;
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    max-width: min(420px, 100%);
}

.grid-create-menu {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.grid-create-menu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    color: #0F172A;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.grid-create-menu__trigger:hover,
.grid-create-menu__trigger:focus-visible {
    border-color: #94A3B8;
    background: #FFFFFF;
    outline: 0;
}

.grid-create-menu__trigger-icon,
.grid-create-menu__trigger-chevron {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
}

.grid-create-menu__trigger-chevron {
    opacity: 0.65;
    transition: transform 160ms ease, opacity 160ms ease;
}

.grid-create-menu--open .grid-create-menu__trigger-chevron {
    transform: rotate(180deg);
}

.grid-create-menu__popup {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    z-index: 24;
    width: min(460px, 92vw);
    max-height: min(70vh, 720px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #94A3B8 transparent;
    padding: 14px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    background-clip: padding-box;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18), 0 -4px 12px rgba(15, 23, 42, 0.06);
    transform-origin: top left;
    animation: okai-menu-pop-in 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: transform, opacity;
}

.grid-create-menu__popup-scroll {
    display: contents;
}

.grid-create-menu__mobile-header {
    display: none;
}

.grid-create-menu__drawer {
    display: none;
}

.grid-create-menu__drawer-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.grid-create-menu__drawer-scroll {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
    -webkit-overflow-scrolling: touch;
}

.grid-create-menu__popup::-webkit-scrollbar,
.grid-create-menu__popup-scroll::-webkit-scrollbar {
    width: 14px;
}

.notification-center__dot {
    background-color: #38BDF8 !important;
    box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.5);
    animation: notification-dot-pulse 1.6s ease-in-out infinite;
}

.notification-center__surface {
    border: 0;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.07), 0 10px 10px -5px rgba(0, 0, 0, 0.03);
}

.notification-center__mark-all {
    color: rgb(52 115 204);
    text-decoration: none;
    text-underline-offset: 0.18em;
    transition: color 160ms ease, text-decoration-color 160ms ease, opacity 160ms ease;
}

.notification-center__mark-all:hover,
.notification-center__mark-all:focus-visible {
    color: rgb(27 92 184);
    text-decoration: underline;
}

.notification-center__popover-item {
    box-shadow: none;
    transform: translateY(0);
    will-change: transform, box-shadow;
    transition: transform 160ms ease, box-shadow 160ms ease, outline-color 160ms ease;
}

.notification-center__popover-item:hover,
.notification-center__popover-item:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), 0 4px 12px rgba(15, 23, 42, 0.04);
    outline: 0;
}

.notification-center__item--read {
    background: #FFFFFF;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(52, 115, 204, 0.04);
    border-color: rgba(226, 232, 240, 0.55);
}

.notification-center__item--unread {
    background: #FFFFFF;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04), 0 12px 28px rgba(52, 115, 204, 0.04);
}

.notification-center__item--read,
.notification-center__item--unread {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.notification-center__item--read:hover,
.notification-center__item--read:focus-visible,
.notification-center__item--unread:hover,
.notification-center__item--unread:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.09), 0 18px 36px rgba(52, 115, 204, 0.05);
    outline: 0;
}

.notification-center__icon {
    border-radius: 1rem;
    box-shadow: none;
}

.notification-center__icon--read {
    box-shadow: none;
}

.notification-center__icon--unread {
    box-shadow: none;
}

.notification-center__item-dot {
    box-shadow: none;
}

.notification-center__item-meta {
    color: #667085;
    font-size: 0.8125rem;
}

.notification-center__item-message {
    color: #4B5563;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notification-center__loading-card {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.notification-center__drawer-empty {
    width: 100%;
    margin-inline: auto;
}

.notification-center__drawer-empty-title,
.notification-center__drawer-empty-copy {
    margin-inline: auto;
}

.notification-center__drawer-empty-copy {
    max-width: 18rem;
}

.notification-center__loading-shimmer {
    position: relative;
    overflow: hidden;
}

.notification-center__loading-shimmer::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 50%, rgba(255, 255, 255, 0) 100%);
    animation: notification-loading-shimmer 1.35s ease-in-out infinite;
}

@keyframes notification-loading-shimmer {
    100% {
        transform: translateX(100%);
    }
}

@keyframes notification-dot-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.5);
    }

    35% {
        opacity: 0.65;
        transform: scale(1.12);
        box-shadow: 0 0 0 6px rgba(56, 189, 248, 0);
    }

    70% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-center__dot {
        animation: none;
    }

    .notification-center__item {
        transition: none;
    }

    .notification-center__loading-shimmer::after {
        animation: none;
    }
}

@media (min-width: 1024px) {
    [data-notification-panel] .notification-center__loading-stack {
        max-width: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .notification-center__drawer-empty {
        max-width: 42rem;
        padding-inline: 1.5rem;
    }

    .notification-center__drawer-empty-title {
        max-width: 32rem;
    }

    .notification-center__drawer-empty-copy {
        max-width: 27rem;
    }
}

.grid-create-menu__popup::-webkit-scrollbar-track,
.grid-create-menu__popup-scroll::-webkit-scrollbar-track {
    background: transparent;
    margin: 22px 0;
}

.grid-create-menu__popup::-webkit-scrollbar-thumb,
.grid-create-menu__popup-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, 0.9);
    border: 3px solid transparent;
    border-right-width: 7px;
    border-radius: 999px;
    background-clip: content-box;
}

.grid-create-menu__popup::-webkit-scrollbar-corner,
.grid-create-menu__popup-scroll::-webkit-scrollbar-corner {
    background: transparent;
}

.grid-create-menu__group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 8px 0 0;
}

.grid-create-menu__group:first-child {
    padding-top: 0;
}

.grid-create-menu__group-title {
    padding: 0 4px;
    color: #334155;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.grid-create-menu__items {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.grid-create-menu__item {
    display: flex;
    width: 100%;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: #FFFFFF;
    color: #0F172A;
    text-align: left;
    text-decoration: none;
    transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.grid-create-menu__item:hover,
.grid-create-menu__item:focus-visible {
    border-color: #DBEAFE;
    background: #F8FBFF;
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.06);
    outline: 0;
}

.grid-create-menu__item--disabled {
    margin: 4px 0;
    background: #F8FAFC;
    color: #94A3B8;
    cursor: not-allowed;
}

.grid-create-menu__item-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.grid-create-menu__item-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #EEF6FF;
    color: #3473CC;
    flex: 0 0 auto;
}

.grid-create-menu__item--disabled .grid-create-menu__item-icon-wrap {
    background: #E2E8F0;
    color: #94A3B8;
}

.grid-create-menu__item-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
}

.grid-create-menu__item-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    color: currentColor;
}

.grid-create-menu__item-icon svg [fill]:not([fill="none"]) {
    fill: currentColor;
}

.grid-create-menu__item-icon svg [stroke]:not([stroke="none"]) {
    stroke: currentColor;
}

.grid-create-menu__item-icon--mask {
    display: block;
}

.grid-create-menu__item-copy {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.grid-create-menu__item-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.grid-create-menu__item-title {
    color: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.grid-create-menu__item-shortcut {
    flex: 0 0 auto;
    color: #94A3B8;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.grid-create-menu__item-description {
    color: #64748B;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.grid-create-menu__item--disabled .grid-create-menu__item-description {
    color: inherit;
}

.config-collection-quick-create {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.config-collection-quick-create__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    align-self: flex-start;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    background: #FFFFFF;
    color: #334155;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.config-collection-quick-create__toggle:hover,
.config-collection-quick-create__toggle:focus-visible {
    border-color: #94A3B8;
    background: #F8FAFC;
    color: #0F172A;
    outline: 0;
}

.config-collection-quick-create__toggle-icon {
    width: 14px;
    height: 14px;
    color: currentColor;
}

.config-collection-quick-create__panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 16px;
}

.config-collection-quick-create__title,
.config-collection-quick-create__query-title {
    color: #0F172A;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.config-collection-quick-create__description,
.config-collection-quick-create__query-description {
    margin: 2px 0 0;
    color: #64748B;
    font-size: 12px;
    line-height: 18px;
}

.config-collection-quick-create__query {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #E2E8F0;
    padding-top: 14px;
}

.config-collection-quick-create__empty {
    border: 1px dashed #CBD5E1;
    border-radius: 8px;
    background: #F8FAFC;
    color: #64748B;
    padding: 12px;
    font-size: 12px;
    line-height: 18px;
}

.config-collection-quick-create__actions {
    display: flex;
    justify-content: flex-end;
}

.config-collection-quick-create__drawer-body {
    display: grid;
    min-width: 0;
    gap: 18px;
}

.config-collection-quick-create__drawer-body--with-preview {
    grid-template-columns: minmax(0, 1fr);
}

.config-collection-quick-create__form {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
}

.config-collection-preview {
    position: static;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.config-collection-preview__header,
.config-collection-preview__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
}

.config-collection-preview__header {
    border-bottom: 1px solid #E2E8F0;
}

.config-collection-preview__footer {
    border-top: 1px solid #E2E8F0;
}

.config-collection-preview__title {
    color: #0F172A;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.config-collection-preview__meta,
.config-collection-preview__loading,
.config-collection-preview__page-info {
    color: #64748B;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
}

.config-collection-preview__loading--skeleton {
    display: block;
    flex: 0 0 96px;
    width: 96px;
}

.config-collection-preview__loading--skeleton .okai-loading-skeleton__line {
    width: 100%;
    height: 12px;
}

.config-collection-preview__list {
    display: flex;
    min-height: 0;
    max-height: 360px;
    flex-direction: column;
    overflow-y: auto;
}

.config-collection-preview__row {
    min-width: 0;
    overflow: hidden;
    border-bottom: 1px solid #F1F5F9;
    color: #334155;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.config-collection-preview__row:last-child {
    border-bottom: 0;
}

.config-collection-preview__empty {
    color: #64748B;
    padding: 16px 14px;
    font-size: 13px;
    line-height: 19px;
}

.config-collection-preview__empty--error {
    color: #B42318;
}

.config-collection-preview__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    border: 1px solid #CBD5E1;
    border-radius: 8px;
    background: #FFFFFF;
    color: #334155;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

.config-collection-preview__page:hover,
.config-collection-preview__page:focus-visible {
    border-color: #94A3B8;
    background: #F8FAFC;
    outline: 0;
}

.config-collection-preview__page:disabled {
    border-color: #E2E8F0;
    background: #F8FAFC;
    color: #94A3B8;
    cursor: not-allowed;
}

.grid-view-menu__trigger {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
    min-width: 0;
    max-width: 100%;
    min-height: 42px;
    padding: 8px 10px 8px 4px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--hub-text);
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-align: left;
    box-shadow: none;
}

.grid-view-menu__trigger:hover,
.grid-view-menu__trigger:focus-visible {
    background: #F8FAFC;
    outline: 0;
}

.compliance-explorer .grid-view-menu__trigger:hover,
.compliance-explorer .grid-view-menu__trigger:focus-visible {
    background: transparent;
    outline: 0;
}

.compliance-explorer .grid-view-menu__trigger:hover .grid-view-menu__current,
.compliance-explorer .grid-view-menu__trigger:focus-visible .grid-view-menu__current {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.grid-view-menu__current {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-view-menu__trigger-icon {
    width: 14px;
    height: 14px;
    opacity: 0.7;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
    transition: transform 160ms ease, opacity 160ms ease;
}

.grid-view-menu:has(.grid-view-menu__popup) .grid-view-menu__trigger-icon {
    transform: rotate(180deg);
}

.grid-view-menu__popup {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 20;
    width: min(420px, 90vw);
    max-height: min(70vh, 680px);
    overflow: auto;
    padding: 12px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16), 0 -4px 12px rgba(15, 23, 42, 0.05);
    transform-origin: top left;
    animation: okai-menu-pop-in 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: transform, opacity;
}

.compliance-explorer .compliance-explorer-context-menu__trigger {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.compliance-explorer .compliance-explorer-context-menu__trigger-icon {
    color: currentColor;
    opacity: 1;
}

.compliance-task-filter-menu,
.compliance-project-filter-menu {
    max-width: min(360px, 100%);
}

.compliance-task-filter-menu .grid-view-menu__trigger,
.compliance-project-filter-menu .grid-view-menu__trigger {
    min-height: 34px;
    padding: 4px 8px 4px 4px;
    font-size: 16px;
    line-height: 22px;
}

.compliance-task-filter-menu .grid-view-menu__current,
.compliance-project-filter-menu .grid-view-menu__current {
    max-width: min(300px, 70vw);
    color: var(--hub-text);
    font-weight: 500;
}

.compliance-task-filter-menu__popup,
.compliance-project-filter-menu__popup {
    top: calc(100% + 6px);
    width: max-content;
    min-width: 184px;
    max-width: min(340px, 90vw);
    padding: 8px;
    z-index: 80;
}

.compliance-task-filter-menu--scope .grid-view-menu__current {
    max-width: min(360px, 76vw);
    color: var(--hub-text);
    font-weight: 500;
}

.compliance-task-filter-menu:not(.is-open) .grid-view-menu__popup,
.compliance-project-filter-menu:not(.is-open) .grid-view-menu__popup {
    display: none;
}

.compliance-task-filter-menu:not(.is-open) .grid-view-menu__trigger-icon,
.compliance-project-filter-menu:not(.is-open) .grid-view-menu__trigger-icon {
    transform: none !important;
}

.compliance-task-filter-menu.is-open .grid-view-menu__trigger-icon,
.compliance-project-filter-menu.is-open .grid-view-menu__trigger-icon {
    transform: rotate(180deg);
}

.grid-view-menu__popup--flyout {
    display: grid;
    grid-template-columns: minmax(190px, 220px) minmax(240px, 1fr);
    gap: 12px;
    width: min(560px, 94vw);
    overflow: hidden;
}

.grid-view-menu__root-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
    overflow: hidden;
    padding-right: 10px;
    border-right: 1px solid #F1F5F9;
}

.grid-view-menu__root-item {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #334155;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
}

.grid-view-menu__root-item:hover,
.grid-view-menu__root-item:focus-visible,
.grid-view-menu__root-item--active {
    background: #F8FAFC;
    color: #0F172A;
    outline: 0;
}

.grid-view-menu__root-item--active {
    font-weight: 600;
}

.grid-view-menu__root-chevron {
    width: 12px;
    height: 12px;
    opacity: 0.55;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
}

.grid-view-menu__submenu {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    max-height: min(70vh, 680px);
}

.grid-view-menu__submenu-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.grid-view-menu__submenu-label {
    padding: 2px 4px;
    color: #334155;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.grid-view-menu__group {
    margin: 0;
    padding: 0;
    border-top: 1px solid #F1F5F9;
}

.grid-view-menu__group:first-child {
    border-top: 0;
}

.grid-view-menu__group--leaf {
    padding-top: 8px;
}

.grid-view-menu__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 10px 4px;
    list-style: none;
    color: var(--hub-text);
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
}

.grid-view-menu__summary::-webkit-details-marker {
    display: none;
}

.grid-view-menu__label {
    padding: 10px 4px 8px;
    color: #334155;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.grid-view-menu__children,
.grid-view-menu__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 0 8px;
}

@keyframes okai-menu-pop-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes okai-mobile-sheet-in {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes okai-mobile-backdrop-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .grid-create-menu__popup,
    .grid-view-menu__popup {
        animation: none;
    }
}

.grid-view-menu__children {
    padding-left: 14px;
}

.grid-view-menu__item {
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #334155;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: left;
}

.grid-view-menu__item:hover,
.grid-view-menu__item:focus-visible {
    background: #F8FAFC;
    color: #0F172A;
    outline: 0;
}

.grid-view-menu__item--selected {
    background: #EEF6FF;
    color: var(--hub-text);
    font-weight: 500;
}

.grid-view-menu--mobile-drawer .okai-drawer {
    display: none;
}

.grid-view-menu__drawer-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.grid-view-menu__drawer-groups {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grid-view-menu__drawer-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F1F5F9;
}

.grid-view-menu__drawer-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.grid-view-menu__root-item--drawer {
    min-height: 46px;
    padding: 12px 14px;
    border-radius: 12px;
}

.grid-view-menu__drawer-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 6px;
}

.grid-view-menu__drawer-chevron {
    width: 14px;
    height: 14px;
    opacity: 0.55;
    flex: 0 0 auto;
    fill: currentColor;
    color: currentColor;
    transition: transform 160ms ease;
}

.grid-view-menu__drawer-chevron--open {
    transform: rotate(180deg);
}

.grid-view-menu__drawer-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compliance-grid-toolbar__edit {
    flex: 0 0 auto;
    min-height: 46px;
    padding: 0;
    align-items: center;
    white-space: nowrap;
}

.compliance-grid-toolbar__edit span {
    line-height: 22px;
}

.compliance-grid-toolbar__search {
    width: 100%;
}

.compliance-grid-toolbar__search-inner,
.compliance-grid-toolbar__search-field {
    display: flex;
    align-items: center;
}

.compliance-grid-toolbar__search-input {
    min-height: 46px;
}

.grid-selection-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    padding: 14px 24px 0;
}

.grid-selection-actions__summary {
    color: #475569;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

.grid-selection-actions__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.grid-selection-actions__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    background: #FFFFFF;
    color: #0F172A;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
}

.grid-selection-actions__button:hover:not(:disabled),
.grid-selection-actions__button:focus-visible:not(:disabled) {
    border-color: #CBD5E1;
    background: #F8FAFC;
    outline: 0;
}

.grid-selection-actions__button:disabled {
    color: #94A3B8;
    background: #F8FAFC;
    cursor: not-allowed;
}

.grid-selection-actions__icon {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    color: inherit;
    fill: currentColor;
    stroke: currentColor;
}

.grid-selection-actions__icon--mask {
    background: currentColor;
    -webkit-mask: var(--grid-selection-action-icon) center / contain no-repeat;
    mask: var(--grid-selection-action-icon) center / contain no-repeat;
}

.selection-confirmation-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.selection-confirmation-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(28, 24, 36, 0.6);
    backdrop-filter: blur(4px);
}

.selection-confirmation-modal__dialog {
    position: relative;
    display: flex;
    width: min(100%, 560px);
    max-height: min(720px, calc(100vh - 48px));
    flex-direction: column;
    overflow: hidden;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24);
}

.selection-confirmation-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 12px;
}

.selection-confirmation-modal__header h2 {
    margin: 0;
    color: #171321;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.selection-confirmation-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #475569;
}

.selection-confirmation-modal__close:hover:not(:disabled),
.selection-confirmation-modal__close:focus-visible:not(:disabled) {
    background: #F1F5F9;
    color: #0F172A;
    outline: 0;
}

.selection-confirmation-modal__body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: 18px;
    overflow-y: auto;
    padding: 8px 24px 24px;
}

.selection-confirmation-modal__question {
    margin: 0;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #F8FAFC;
    padding: 16px;
    color: #475569;
    font-size: 15px;
    line-height: 22px;
}

.selection-confirmation-modal__alert {
    margin: 0;
}

.selection-confirmation-modal__danger-callout {
    display: flex;
    align-items: flex-start;
    border-left: 5px solid #A10000;
    border-radius: 12px;
    background: #FDECEC;
    padding: 20px 22px;
}

.selection-confirmation-modal__warning-callout {
    display: flex;
    align-items: flex-start;
    border-left: 5px solid #A10000;
    border-radius: 12px;
    background: #FDECEC;
    padding: 20px 22px;
}

.selection-confirmation-modal__danger-text {
    margin: 0;
    color: #3F4352;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.selection-confirmation-modal__section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.selection-confirmation-modal__section h3 {
    margin: 0;
    color: #171321;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.selection-confirmation-modal__items {
    display: flex;
    max-height: 220px;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.selection-confirmation-modal__items li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 14px 16px;
}

.selection-confirmation-modal__items strong {
    color: #171321;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
}

.selection-confirmation-modal__items span {
    color: #64748B;
    font-size: 13px;
    line-height: 18px;
}

.selection-confirmation-modal__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px 24px;
}

.selection-confirmation-modal__footer-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-left: auto;
}

.selection-confirmation-modal__cancel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    padding: 8px 24px;
    color: #3473CC;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    transition: color 150ms ease;
}

.selection-confirmation-modal__cancel-button:hover:not(:disabled),
.selection-confirmation-modal__cancel-button:focus-visible:not(:disabled) {
    color: #1B5CB8;
    text-decoration: underline;
    outline: 0;
}

.selection-confirmation-modal__cancel-button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.selection-confirmation-modal__close:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 767px) {
    .selection-confirmation-modal {
        align-items: center;
        justify-content: center;
        padding: 16px;
        overflow-y: auto;
    }

    .selection-confirmation-modal__dialog {
        width: min(100%, 560px);
        max-height: min(720px, calc(100dvh - 32px));
        border-radius: 12px;
    }

    .selection-confirmation-modal__footer {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .selection-confirmation-modal__footer-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        margin-left: 0;
        justify-content: flex-start;
    }

    .selection-confirmation-modal__footer-actions > * {
        width: 100%;
        max-width: 100%;
    }

    .selection-confirmation-modal__cancel-button {
        width: 100%;
        justify-content: center;
        border: 1px solid #3473CC;
        border-radius: 12px;
        padding: 12px 16px;
        text-decoration: none;
    }

    .selection-confirmation-modal__footer > button,
    .selection-confirmation-modal__footer > a,
    .selection-confirmation-modal__footer > div {
        width: 100%;
    }

    .selection-confirmation-modal__danger-callout {
        padding: 18px 16px;
    }

    .selection-confirmation-modal__warning-callout {
        padding: 18px 16px;
    }

    .selection-confirmation-modal__danger-text {
        font-size: 16px;
        line-height: 24px;
    }
}

.documento-pontos-actionbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background: #FFFFFF;
}

.documento-pontos-actionbar__new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 44px;
    height: 44px;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #3473CC;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.documento-pontos-actionbar__new:hover,
.documento-pontos-actionbar__new:focus-visible {
    background: #104EA3;
    color: #FFFFFF;
    outline: 0;
}

.documento-pontos-actionbar__new-icon {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
    flex: 0 0 auto;
}

.documento-pontos-actionbar__new-label {
    display: none;
}

.documento-pontos-actionbar .grid-selection-actions {
    padding: 0;
}

.documento-pontos-actionbar .grid-selection-actions__summary {
    margin-left: 10px;
}

.documento-pontos-actionbar .grid-selection-actions__button {
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #64748B;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.documento-pontos-actionbar .grid-selection-actions__icon {
    width: 16px;
    height: 16px;
}

.documento-pontos-actionbar .grid-selection-actions__button:hover:not(:disabled),
.documento-pontos-actionbar .grid-selection-actions__button:focus-visible:not(:disabled) {
    background: #F8FAFC;
    color: #64748B;
}

.documento-pontos-unavailable {
    padding: 24px;
}

.documento-pontos-unavailable__title {
    color: #0F172A;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.documento-pontos-unavailable__text {
    margin-top: 8px;
    max-width: 720px;
    color: #64748B;
    font-size: 14px;
    line-height: 22px;
}

.documento-pontos-create-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
}

.documento-pontos-create-form__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.documento-pontos-create-form__title {
    color: #0F172A;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.documento-pontos-create-form__subtitle {
    margin-top: 4px;
    color: #64748B;
    font-size: 13px;
    line-height: 20px;
}

.documento-pontos-create-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.documento-pontos-create-form__field-error {
    color: #A10000;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin-top: 6px;
}

.documento-pontos-create-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.documento-pontos-create-form__field span {
    color: #334155;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}

.documento-pontos-create-form__field--full {
    grid-column: 1 / -1;
}

.documento-pontos-create-form__control {
    width: 100%;
    min-height: 44px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #0F172A;
    font-size: 14px;
    line-height: 20px;
    padding: 11px 14px;
    outline: 0;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.documento-pontos-create-form__control::placeholder {
    color: #94A3B8;
}

.documento-pontos-create-form__control:focus {
    border-color: #3473CC;
    box-shadow: 0 0 0 3px rgba(52, 115, 204, 0.16);
}

.documento-pontos-create-form__control--invalid,
.documento-pontos-create-form__control--invalid:focus {
    border-color: #A10000;
    box-shadow: 0 0 0 1px rgba(161, 0, 0, 0.15);
}

.documento-pontos-grid__checkbox {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #2F6FDB;
    cursor: pointer;
}

.documento-pontos-grid__checkbox:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.documento-pontos-create-form__textarea {
    min-height: 128px;
    resize: vertical;
}

.documento-pontos-create-form__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.documento-pontos-create-form__primary,
.documento-pontos-create-form__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    transition: background-color 160ms ease, color 160ms ease;
}

.documento-pontos-create-form__primary {
    border: 0;
    background: #3473CC;
    color: #FFFFFF;
}

.documento-pontos-create-form__primary:hover:not(:disabled),
.documento-pontos-create-form__primary:focus-visible:not(:disabled) {
    background: #104EA3;
    outline: 0;
}

.documento-pontos-create-form__secondary {
    border: 0;
    background: transparent;
    color: #64748B;
}

.documento-pontos-create-form__secondary:hover:not(:disabled),
.documento-pontos-create-form__secondary:focus-visible:not(:disabled) {
    background: #F8FAFC;
    color: #334155;
    outline: 0;
}

.documento-pontos-create-form__primary:disabled,
.documento-pontos-create-form__secondary:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (min-width: 768px) {
    .documento-pontos-actionbar__new {
        width: auto;
        height: auto;
        padding: 8px 12px;
    }

    .documento-pontos-actionbar__new-label {
        display: inline;
    }
}

@media (max-width: 767px) {
    .grid-create-menu .grid-create-menu__drawer {
        display: block;
    }

    .grid-view-menu--mobile-drawer .okai-drawer {
        display: block;
    }

    .grid-view-menu--mobile-drawer .grid-view-menu__popup {
        display: none !important;
    }

    .grid-view-menu__root-item--drawer,
    .grid-view-menu__drawer-panel .grid-view-menu__item {
        font-size: 14px;
        line-height: 20px;
    }

    .documento-pontos-create-form {
        padding: 20px;
    }

    .documento-pontos-create-form__grid {
        grid-template-columns: 1fr;
    }

    .documento-pontos-create-form__actions {
        justify-content: stretch;
    }

    .documento-pontos-create-form__primary,
    .documento-pontos-create-form__secondary {
        flex: 1 1 100%;
    }
}

.compliance-grid-toolbar .okai-visao-dropdown.e-control-wrapper,
.compliance-grid-toolbar .okai-visao-dropdown.e-dropdownlist,
.compliance-grid-toolbar .okai-visao-dropdown .e-input-group {
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    max-width: 100%;
    min-height: 46px !important;
}

.compliance-grid-toolbar .okai-visao-dropdown.e-control-wrapper {
    overflow: visible;
}

.compliance-grid-toolbar .okai-visao-dropdown .e-input-group {
    padding: 0 !important;
}

.compliance-grid-toolbar .okai-visao-dropdown .e-input,
.compliance-grid-toolbar .okai-visao-dropdown .e-input-value {
    display: flex !important;
    align-items: center;
    min-height: 46px !important;
    padding: 0 !important;
    line-height: 22px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-grid-toolbar .okai-visao-dropdown .e-input-group-icon,
.compliance-grid-toolbar .okai-visao-dropdown.e-dropdownlist .e-input-group-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-left: 10px;
}

@media (min-width: 640px) {
    .compliance-grid-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, auto);
        align-items: center;
        column-gap: 24px;
        row-gap: 16px;
    }

    .compliance-grid-toolbar__primary {
        display: flex;
        align-items: center;
        gap: 12px;
        width: auto !important;
        min-width: 0;
        overflow: hidden;
    }

    .compliance-grid-toolbar__actions {
        width: auto !important;
        margin-left: 0 !important;
        min-width: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 20px;
        padding-left: 24px;
    }

    .compliance-grid-toolbar__search {
        flex: 1 1 320px;
        width: min(360px, 100%);
        max-width: 100%;
        min-width: 0;
    }

    .grid-selection-actions {
        padding: 16px 24px 0;
    }
}

@media (min-width: 1024px) {
    .compliance-grid-toolbar {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 0;
    }

    .compliance-grid-toolbar__actions {
        flex: 0 0 auto;
        flex-wrap: nowrap;
        gap: 24px;
    }

    .compliance-grid-toolbar__edit {
        white-space: nowrap;
    }

    .compliance-grid-toolbar__search {
        flex: 0 0 360px;
        width: 360px;
        min-width: 320px;
    }
}

@media (max-width: 1023px) {
    .compliance-explorer__main .compliance-grid-toolbar__view,
    .compliance-explorer__main .compliance-grid-toolbar__edit,
    .compliance-explorer__main .compliance-explorer__recommendation-filter-group,
    .compliance-explorer__main .compliance-explorer__profile-filter {
        display: none !important;
    }

    .compliance-explorer__main .compliance-grid-toolbar,
    .compliance-explorer__main .compliance-grid-toolbar__actions {
        display: flex !important;
        width: 100% !important;
    }

    .compliance-explorer__main .compliance-grid-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .compliance-explorer__main .compliance-grid-toolbar__primary,
    .compliance-explorer__main .compliance-grid-toolbar__actions,
    .compliance-explorer__main .compliance-grid-toolbar__search {
        flex: 0 0 auto;
        width: 100% !important;
        min-width: 0;
        max-width: none;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .compliance-grid-toolbar {
        grid-template-columns: max-content minmax(0, 1fr);
        row-gap: 0;
    }

    .compliance-grid-toolbar__primary {
        overflow: visible;
    }

    .compliance-grid-toolbar__actions {
        width: 100% !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 16px;
    }

    .compliance-grid-toolbar__search {
        flex: 0 1 360px;
        width: min(360px, 100%);
    }

    .compliance-explorer__main .compliance-grid-toolbar {
        grid-template-columns: max-content minmax(0, 1fr);
        row-gap: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .compliance-explorer__main .compliance-grid-toolbar__primary {
        overflow: visible;
    }

    .compliance-explorer__main .compliance-grid-toolbar__actions {
        flex-wrap: wrap;
        align-items: center;
        min-width: 0;
        row-gap: 8px;
    }

    .compliance-explorer__main .compliance-grid-toolbar__view,
    .compliance-explorer__main .compliance-grid-toolbar__edit {
        min-height: 42px;
    }

    .compliance-explorer__main .grid-view-menu {
        min-width: 0;
        max-width: 100%;
    }

    .compliance-explorer__main .grid-view-menu__trigger {
        min-height: 42px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .compliance-explorer__main .compliance-grid-toolbar__search {
        flex: 1 1 260px;
        width: auto;
        max-width: 360px;
        min-width: min(260px, 100%);
    }

    .compliance-explorer__main .compliance-grid-toolbar__search-input {
        min-height: 42px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .compliance-explorer__main .compliance-grid-toolbar .okai-visao-dropdown.e-control-wrapper,
    .compliance-explorer__main .compliance-grid-toolbar .okai-visao-dropdown.e-dropdownlist,
    .compliance-explorer__main .compliance-grid-toolbar .okai-visao-dropdown .e-input-group,
    .compliance-explorer__main .compliance-grid-toolbar .okai-visao-dropdown .e-input,
    .compliance-explorer__main .compliance-grid-toolbar .okai-visao-dropdown .e-input-value {
        min-height: 42px !important;
    }

    .compliance-explorer [data-testid="grid-main-host"] .e-grid .e-content .e-rowcell {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        line-height: 20px;
    }

    .compliance-explorer [data-testid="grid-main-host"] .e-grid .e-gridheader th,
    .compliance-explorer [data-testid="grid-main-host"] .e-grid .e-gridheader .e-headercell {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 20px;
    }

    .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link__with-logo {
        gap: 10px;
    }

    .compliance-explorer [data-testid="grid-main-host"] .compliance-grid__logo-frame--inline {
        width: 32px;
        height: 32px;
    }

    .compliance-explorer [data-testid="grid-main-host"] .compliance-grid__logo-frame--inline .compliance-grid__logo-image {
        width: 18px;
        height: 18px;
    }
}

.compliance-projects__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.compliance-projects__list-card {
    background: var(--hub-surface);
    border: 1px solid var(--hub-border);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 0 10px rgba(35, 27, 96, 0.05);
}

.compliance-projects__list-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.compliance-projects__list-card h4 {
    margin: 0;
    color: var(--hub-text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.compliance-projects__list-card p {
    margin: 8px 0 0;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
}

.compliance-task-list .compliance-mobile-item {
    border-top: 1px solid var(--hub-border);
}

.compliance-task-list .compliance-mobile-item:first-child {
    border-top: 0;
}

@media (max-width: 1023px) {
    .compliance-hub-app-host {
        height: auto;
        min-height: calc(100dvh - 70px);
        overflow: visible;
    }

    .compliance-projects__list {
        grid-template-columns: 1fr;
    }

    .compliance-task-list {
        display: none;
    }
}

.compliance-hub-nav-tabs .tab-indicator {
    display: none;
}

.compliance-hub-nav-tabs nav[role="tablist"],
.compliance-hub-nav-tabs .okai-nav-tabs-list {
    gap: 28px;
    padding-left: 0;
    padding-right: 0;
}

.compliance-explorer__layout {
    align-items: stretch;
}

.compliance-explorer__sidebar,
.compliance-explorer__main {
    min-height: 0;
}

.compliance-explorer__sidebar {
    display: flex;
}

.compliance-tree-pane,
.compliance-tree-pane__body,
.compliance-tree-pane__tree {
    min-height: 0;
}

.compliance-explorer__layout {
    grid-template-columns: var(--compliance-explorer-sidebar-width) 8px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 16px;
}

.compliance-explorer__sidebar {
    min-width: 0;
}

.compliance-tree-pane {
    background: #FFFFFF;
}

.compliance-tree-pane__body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.compliance-tree-pane__body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.compliance-tree-pane__body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #CBD5E1;
}

.compliance-tree-pane__body::-webkit-scrollbar-track {
    background: transparent;
}

.compliance-tree-pane input[type="search"]:focus {
    outline: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview.e-treeview {
    --okai-tree-indent: 16px;
    --okai-tree-inline-gap: 5px;
    --okai-tree-chevron-size: 12px;
    --okai-tree-icon-size: 16px;
    --okai-tree-checkbox-size: 16px;
    height: auto;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    color: var(--hub-text);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-parent,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-ul {
    overflow: visible !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview > .e-list-parent,
.compliance-hub-app .compliance-tree-pane .compliance-treeview > .e-ul {
    padding-left: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview > .e-list-parent > .e-list-item + .e-list-item,
.compliance-hub-app .compliance-tree-pane .compliance-treeview > .e-ul > .e-list-item + .e-list-item {
    margin-top: 10px;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-list-parent,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-ul {
    padding-left: var(--okai-tree-indent);
    padding-top: 6px;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-list-parent > .e-list-item + .e-list-item,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-ul > .e-list-item + .e-list-item {
    margin-top: 6px;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item {
    padding: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-fullrow {
    display: block;
    left: 0;
    right: 0;
    width: auto;
    border: 0 !important;
    border-radius: 8px;
    box-shadow: none !important;
    background: transparent !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    min-height: 20px;
    padding: 0;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview--native > .e-list-parent > .e-list-item + .e-list-item,
.compliance-hub-app .compliance-tree-pane .compliance-treeview--native > .e-ul > .e-list-item + .e-list-item {
    margin-top: 6px;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview--native .e-list-item > .e-text-content {
    padding-left: var(--okai-tree-node-indent, 0);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-expandable,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icons-spinner {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    font-size: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-expandable::before,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible::before {
    content: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-expandable {
    transform: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible {
    transform: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .e-list-icon.tree-icon {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-list-icon:not(.tree-icon) {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-checkbox-wrapper,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-css.e-checkbox-wrapper {
    display: inline-flex;
    flex: 0 0 var(--okai-tree-checkbox-size);
    width: var(--okai-tree-checkbox-size) !important;
    min-width: var(--okai-tree-checkbox-size);
    height: var(--okai-tree-checkbox-size);
    margin: 0 var(--okai-tree-inline-gap) 0 0 !important;
    align-items: center;
    justify-content: center;
    line-height: var(--okai-tree-checkbox-size);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-checkbox-wrapper .e-frame,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-css.e-checkbox-wrapper .e-frame {
    width: var(--okai-tree-checkbox-size);
    height: var(--okai-tree-checkbox-size);
    margin: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content:not(:has(> .e-icons.e-icon-expandable, > .e-icons.e-icon-collapsible))::before {
    content: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-list-icon.tree-icon:first-child,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-list-img:first-child {
    margin-left: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content:not(:has(> .e-checkbox-wrapper)):has(> .e-list-icon.tree-icon--home)::before {
    flex: 0 0 0;
    width: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content:not(:has(> .e-checkbox-wrapper)):has(.compliance-treeview__node-icon-slot--home-root)::before {
    flex: 0 0 0;
    width: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-level-1 > .e-text-content > .e-list-icon.tree-icon--home:first-child {
    margin-left: 0 !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .e-list-text {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: auto !important;
    max-width: none;
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(107 114 128);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: inherit;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle-spacer {
    display: inline-flex;
    flex: 0 0 calc(var(--okai-tree-chevron-size) + var(--okai-tree-inline-gap));
    width: calc(var(--okai-tree-chevron-size) + var(--okai-tree-inline-gap));
    min-width: calc(var(--okai-tree-chevron-size) + var(--okai-tree-inline-gap));
    height: 20px;
    margin: 0;
    padding: 0 var(--okai-tree-inline-gap) 0 0;
    align-items: center;
    justify-content: center;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgb(107 114 128);
    cursor: pointer;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle:focus-visible {
    outline: 2px solid rgb(52 115 204 / 55%);
    outline-offset: 1px;
    border-radius: 4px;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle-icon {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: translateY(-1px) rotate(45deg);
    transition: transform 160ms ease-out;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-toggle--expanded .compliance-treeview__node-toggle-icon {
    transform: rotate(225deg);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-level-1 > .e-text-content .e-list-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-content {
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    line-height: 20px;
    vertical-align: top;
    transition: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-checkbox {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin: 0 var(--okai-tree-inline-gap) 0 0;
    accent-color: #3473CC;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-content--not-selectable {
    padding-right: 0;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-icon-slot {
    display: inline-flex;
    flex: 0 0 var(--okai-tree-icon-size);
    width: var(--okai-tree-icon-size);
    min-width: var(--okai-tree-icon-size);
    height: var(--okai-tree-icon-size);
    margin-right: var(--okai-tree-inline-gap);
    align-items: center;
    justify-content: center;
    color: #8A8F9C;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-icon {
    display: block;
    width: var(--okai-tree-icon-size);
    height: var(--okai-tree-icon-size);
    fill: currentColor;
    color: currentColor;
    object-fit: contain;
}

.regulator-tree-sprite {
    --regulator-tree-sprite-x: 0%;
    --regulator-tree-sprite-y: 0%;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .regulator-tree-sprite {
    background-image: url("/images/reguladores/tree-sprite.png");
    background-position: var(--regulator-tree-sprite-x) var(--regulator-tree-sprite-y);
    background-repeat: no-repeat;
    background-size: 800% 500%;
}

.regulator-tree-sprite--brasil { --regulator-tree-sprite-x: 0%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--anbima { --regulator-tree-sprite-x: 14.285714%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--anpd { --regulator-tree-sprite-x: 28.571429%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--b3 { --regulator-tree-sprite-x: 42.857143%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--bacen { --regulator-tree-sprite-x: 57.142857%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--bndes { --regulator-tree-sprite-x: 71.428571%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--bsm { --regulator-tree-sprite-x: 85.714286%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--cade { --regulator-tree-sprite-x: 100%; --regulator-tree-sprite-y: 0%; }
.regulator-tree-sprite--carf { --regulator-tree-sprite-x: 0%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--casa-civil { --regulator-tree-sprite-x: 14.285714%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--cbps { --regulator-tree-sprite-x: 28.571429%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--cfc { --regulator-tree-sprite-x: 42.857143%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--cgu { --regulator-tree-sprite-x: 57.142857%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--cnpc { --regulator-tree-sprite-x: 71.428571%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--cnsp { --regulator-tree-sprite-x: 85.714286%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--coaf { --regulator-tree-sprite-x: 100%; --regulator-tree-sprite-y: 25%; }
.regulator-tree-sprite--confaz { --regulator-tree-sprite-x: 0%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--cpc { --regulator-tree-sprite-x: 14.285714%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--crc-sp { --regulator-tree-sprite-x: 28.571429%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--cvm { --regulator-tree-sprite-x: 42.857143%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--febraban { --regulator-tree-sprite-x: 57.142857%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--fgcoop { --regulator-tree-sprite-x: 71.428571%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--governofederal { --regulator-tree-sprite-x: 85.714286%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--ibracon { --regulator-tree-sprite-x: 100%; --regulator-tree-sprite-y: 50%; }
.regulator-tree-sprite--icp { --regulator-tree-sprite-x: 0%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--ifrs { --regulator-tree-sprite-x: 14.285714%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--iti { --regulator-tree-sprite-x: 28.571429%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--previc { --regulator-tree-sprite-x: 42.857143%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--previdencia-social { --regulator-tree-sprite-x: 57.142857%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--receita { --regulator-tree-sprite-x: 71.428571%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--sped { --regulator-tree-sprite-x: 85.714286%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--susep { --regulator-tree-sprite-x: 100%; --regulator-tree-sprite-y: 75%; }
.regulator-tree-sprite--tcu { --regulator-tree-sprite-x: 0%; --regulator-tree-sprite-y: 100%; }
.regulator-tree-sprite--tesouro-nacional { --regulator-tree-sprite-x: 14.285714%; --regulator-tree-sprite-y: 100%; }

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-icon--open {
    display: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible + .e-list-text .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--closed {
    display: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible + .e-list-text .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--open {
    display: block;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible ~ .e-list-text .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--closed {
    display: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content > .e-icons.e-icon-collapsible ~ .e-list-text .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--open {
    display: block;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview--native .compliance-treeview__node-toggle--expanded ~ .compliance-treeview__node-content .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--closed {
    display: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview--native .compliance-treeview__node-toggle--expanded ~ .compliance-treeview__node-content .compliance-treeview__node-icon-slot--toggle .compliance-treeview__node-icon--open {
    display: block;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content,
.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content {
    background: transparent !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-fullrow {
    background: transparent !important;
    box-shadow: none !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-hover > .e-fullrow {
    background: transparent !important;
    box-shadow: none !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-hover > .e-text-content {
    background: transparent !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active.e-hover > .e-fullrow {
    background: transparent !important;
    box-shadow: none !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active.e-hover > .e-text-content {
    background: transparent !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-hover > .e-text-content .e-list-text {
    color: rgb(52 115 204);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview--native .e-list-item:hover > .e-text-content .e-list-text {
    color: rgb(52 115 204);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active.e-hover > .e-text-content .e-list-text {
    color: rgb(52 115 204);
    font-weight: 600;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content .e-list-text {
    color: rgb(52 115 204);
    font-weight: 600;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content .e-list-icon.tree-icon {
    opacity: 0 !important;
    filter: none;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content .compliance-treeview__node-icon-slot {
    opacity: 1;
    color: rgb(52 115 204);
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-active > .e-text-content > .e-icons.e-icon-collapsible + .e-list-icon.tree-icon--folder {
    opacity: 0 !important;
    filter: none !important;
}

.compliance-hub-app .compliance-tree-pane .compliance-treeview .e-node-focus > .e-text-content {
    box-shadow: none;
}

.compliance-explorer__mobile-sheet-backdrop {
    position: fixed;
    inset: 0;
    z-index: 180;
    border: 0;
    background: rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(4px);
    animation: complianceExplorerBackdropIn 180ms ease;
}

.compliance-explorer__mobile-sheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 181;
    display: flex;
    max-height: min(88dvh, 820px);
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
    background: #FFFFFF;
    box-shadow: 0 -20px 60px rgba(15, 23, 42, 0.16);
    animation: complianceExplorerSheetIn 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.compliance-explorer__mobile-sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px 12px;
    border-bottom: 1px solid #E5E7EB;
}

.compliance-explorer__mobile-sheet-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.compliance-explorer__mobile-sheet-copy span {
    color: #64748B;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.compliance-explorer__mobile-sheet-copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0F172A;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.compliance-explorer__mobile-sheet-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: #F8FAFC;
    color: #475569;
}

.compliance-explorer__mobile-sheet-close img,
.compliance-explorer__mobile-sheet-close svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.compliance-explorer__mobile-sheet-body {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.compliance-explorer__mobile-sheet-body .compliance-tree-pane {
    border-radius: 0;
    box-shadow: none;
}

.compliance-explorer__mobile-drawer-body {
    display: flex;
    min-height: 0;
    height: min(72dvh, 720px);
    flex-direction: column;
}

.compliance-explorer__mobile-drawer-body .compliance-tree-pane {
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 16px;
}

@keyframes complianceExplorerBackdropIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes complianceExplorerSheetIn {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.compliance-explorer .compliance-grid-host > .e-grid,
.compliance-tasks .compliance-grid-host > .e-grid {
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.documento-pontos-grid-card,
.documento-conformidade-grid-card {
    min-height: 0;
}

.documento-conformidade-subtabs-shell {
    overflow: hidden;
}

.documento-conformidade-subtabs {
    -ms-overflow-style: none;
    margin-bottom: -28px;
    overflow-y: hidden;
    padding-bottom: 28px;
    scrollbar-width: none;
}

.documento-conformidade-subtabs::-webkit-scrollbar {
    display: none;
}

.documento-pontos-grid-card .documento-pontos-grid-host,
.documento-conformidade-grid-card .documento-conformidade-grid-host {
    flex: 0 0 auto;
    min-height: 0;
}

.documento-pontos-grid-card .documento-pontos-grid-host > .e-grid,
.documento-conformidade-grid-card .documento-conformidade-grid-host > .e-grid {
    height: auto !important;
}

.documento-pontos-grid-card .compliance-grid--documento-pontos .e-gridcontent,
.documento-pontos-grid-card .compliance-grid--documento-pontos .e-content,
.documento-conformidade-grid-card .compliance-grid--documento-conformidade .e-gridcontent,
.documento-conformidade-grid-card .compliance-grid--documento-conformidade .e-content {
    height: auto !important;
    min-height: 152px;
    max-height: min(56dvh, 520px);
}

.documento-conformidade-grid-card .compliance-grid--documento-conformidade .e-content .e-rowcell:first-child {
    padding-left: 24px !important;
}

.compliance-hub-subgrid-panel {
    min-width: 0;
}

.okai-drawer-lock {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

.okai-drawer.e-sidebar {
    position: fixed !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    bottom: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    top: 0 !important;
    z-index: 1300 !important;
    transition: width 180ms ease, transform 180ms ease;
}

[data-admin-action-bar] .e-content-animation:has(> .okai-drawer.e-sidebar.e-open) {
    transform: none !important;
}

.e-sidebar-overlay {
    z-index: 1299 !important;
}

.okai-drawer.e-sidebar.e-right.e-open {
    right: 0 !important;
    left: auto !important;
    transform: translateX(0) !important;
}

.okai-drawer.okai-drawer--stacked.e-sidebar {
    z-index: 1300 !important;
}

.okai-drawer.e-sidebar .e-sidebar-content {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.okai-drawer__shell {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.okai-drawer__header,
.okai-drawer__footer {
    min-width: 0;
}

.okai-drawer__footer {
    position: relative;
    z-index: 1;
    box-shadow: none;
    background: #ffffff;
}

.okai-drawer__footer-note {
    display: block;
    max-width: 100%;
    text-align: right;
}

.okai-drawer__body--content-sized {
    min-height: 0;
}

.okai-drawer__footer--content-sized {
    margin-top: 20px;
    border-top: 1px solid #e5e7eb;
    box-shadow: none;
}

.okai-drawer__header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.okai-drawer__header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.okai-drawer__title {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.okai-drawer__description {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
}

.okai-drawer__close {
    flex: 0 0 auto;
}

.okai-drawer__body {
    min-width: 0;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.okai-drawer__body > * {
    max-width: 100%;
    min-width: 0;
}

@media (max-width: 767px) {
    .okai-drawer__footer {
        box-shadow: 0 -18px 40px rgba(17, 24, 39, 0.12);
    }

    .okai-drawer__footer-note {
        text-align: center;
    }

    .okai-drawer__footer .action-buttons {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .okai-drawer__footer .action-buttons > * {
        width: 100%;
        max-width: 100%;
    }

    .okai-drawer__footer .action-buttons > .okai-btn--secondary,
    .okai-drawer__footer .action-buttons > .compliance-ghost-action,
    .okai-drawer__footer .action-buttons > .compliance-ghost-action--button {
        order: 1;
    }

    .okai-drawer__footer .action-buttons > .okai-btn--primary,
    .okai-drawer__footer .action-buttons > .compliance-primary-action {
        order: 2;
    }
}

.site-header--tight-start > nav > div {
    padding-left: 24px;
    padding-right: 24px;
}

.header-cart-link {
    position: relative;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.header-cart-link:hover {
    color: #ffffff;
    opacity: 0.8;
}

.header-cart-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: -2px;
}

.header-cart-link svg {
  display: block;
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.header-cart-badge {
    position: absolute;
    top: 0.125rem;
    right: 0.125rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    border-radius: 9999px;
    background: #3473cc;
    color: #ffffff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
}

.compliance-primary-action {
    flex-shrink: 0;
    min-width: max-content;
    white-space: nowrap;
}

.compliance-primary-action--compact {
    padding-left: 14px;
    padding-right: 14px;
}

.compliance-hub-tab-link {
    display: inline-flex;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
    color: var(--hub-text-muted);
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.compliance-hub-tab-link:hover {
    color: var(--hub-text);
}

.compliance-hub-tab-link.is-active {
    border-bottom-color: var(--hub-primary);
    color: var(--hub-primary);
    font-weight: 600;
}

.okai-grid-host {
    isolation: isolate;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.okai-grid-host--loading {
    min-height: clamp(360px, 54dvh, 720px);
    overflow: hidden;
    contain: paint;
}

.okai-grid-host--loading:not(:has(> .okai-grid-loading))::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 6;
    height: 3px;
    background: linear-gradient(90deg, rgba(52, 115, 204, 0), rgba(52, 115, 204, 0.84), rgba(52, 115, 204, 0));
    animation: okai-grid-feedback-loading 900ms ease-in-out infinite;
    pointer-events: none;
}

.okai-grid-host--loading:not(:has(> .okai-grid-loading))::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    border: 1px solid #E5EAF2;
    border-top: 0;
    background: rgba(255, 255, 255, 0.58);
    pointer-events: none;
}

.okai-grid-loading {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid #E5EAF2;
    border-top: 0;
    background: #FFFFFF;
    pointer-events: none;
}

.okai-grid-loading__header {
    display: grid;
    grid-template-columns: minmax(260px, 2.2fr) minmax(120px, 1fr) minmax(120px, 0.9fr);
    gap: 18px;
    align-items: center;
    min-height: 62px;
    padding: 0 18px;
    border-bottom: 1px solid #E5EAF2;
    background: #FFFFFF;
}

.okai-grid-loading__rows {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.okai-grid-loading__row {
    display: grid;
    grid-template-columns: 44px minmax(280px, 2.35fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(96px, 0.72fr);
    gap: 14px;
    align-items: center;
    min-height: 63px;
    padding: 0 18px;
    border-bottom: 1px solid #EEF2F7;
}

.okai-grid-loading__line,
.okai-grid-loading__cell {
    display: block;
    height: 13px;
    min-width: 0;
    border-radius: 999px;
    background: #EDF2F8;
    animation: none;
}

.okai-grid-loading__line--short {
    width: min(100%, 140px);
}

.okai-grid-loading__line--medium {
    width: min(100%, 220px);
}

.okai-grid-loading__cell--checkbox {
    width: 18px;
    height: 18px;
    border-radius: 5px;
}

.okai-grid-loading__cell--primary {
    width: min(100%, 520px);
}

.okai-grid-loading__cell--medium {
    width: min(100%, 220px);
}

.okai-grid-loading__cell--short {
    width: min(100%, 130px);
}

@keyframes okai-grid-loading-shimmer {
    0% {
        background-position: 120% 0;
    }

    100% {
        background-position: -120% 0;
    }
}

@keyframes okai-grid-feedback-loading {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.okai-loading-skeleton {
    width: 100%;
    min-width: 0;
    pointer-events: none;
}

.okai-loading-skeleton__line,
.okai-loading-skeleton__block,
.okai-loading-skeleton__pill {
    display: block;
    min-width: 0;
    background: linear-gradient(90deg, #EDF2F8 0%, #F7FAFD 45%, #EDF2F8 90%);
    background-size: 240% 100%;
    animation: okai-grid-loading-shimmer 1.2s ease-in-out infinite;
}

.okai-loading-skeleton__line {
    height: 13px;
    border-radius: 999px;
}

.okai-loading-skeleton__line--short {
    width: min(46%, 150px);
}

.okai-loading-skeleton__line--medium {
    width: min(68%, 240px);
}

.okai-loading-skeleton__line--wide {
    width: min(100%, 420px);
}

.okai-loading-skeleton__block {
    height: 72px;
    border-radius: 8px;
}

.okai-loading-skeleton__block--input {
    height: 42px;
}

.okai-loading-skeleton__block--meta {
    height: 28px;
}

.okai-loading-skeleton__pill {
    width: 112px;
    height: 28px;
    border-radius: 999px;
}

.okai-loading-skeleton__pill--small {
    width: 32px;
    height: 32px;
}

.okai-loading-skeleton__pill--counter {
    width: 40px;
    height: 22px;
}

.okai-loading-skeleton__pill--tag {
    width: 84px;
    height: 26px;
}

.okai-loading-skeleton__form,
.okai-loading-skeleton__panel-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.okai-loading-skeleton__form-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.okai-loading-skeleton__panel-row {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) minmax(96px, 0.35fr);
    gap: 14px;
    align-items: center;
    min-height: 58px;
    padding: 0 2px;
}

.okai-loading-skeleton__detail {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.okai-loading-skeleton__detail-header {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
}

.okai-loading-skeleton__detail-title {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.okai-loading-skeleton__detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.okai-loading-skeleton__panel,
.okai-loading-skeleton__kanban-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid #E5EAF2;
    border-radius: 8px;
    background: #FFFFFF;
}

.okai-loading-skeleton__kanban-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    width: 100%;
    min-height: 220px;
}

.okai-loading-skeleton__kanban-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 16px;
    border: 1px solid #E5EAF2;
    border-radius: 14px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.okai-loading-skeleton__kanban-column-header {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 40px;
    gap: 12px;
    align-items: center;
}

.okai-loading-skeleton__kanban-column-copy {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.okai-loading-skeleton__kanban-column-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.okai-loading-skeleton__kanban-card {
    position: relative;
    gap: 14px;
    padding: 16px 16px 14px 18px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.okai-loading-skeleton__kanban-card-accent {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 12px 0 0 12px;
    background: linear-gradient(180deg, #DCE6F4 0%, #C9D8EB 100%);
}

.okai-loading-skeleton__kanban-card-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.okai-loading-skeleton__kanban-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.okai-loading-skeleton__kanban-card-date {
    width: min(42%, 128px);
}

@media (max-width: 767px) {
    .okai-loading-skeleton__detail-header {
        flex-direction: column;
    }

    .okai-loading-skeleton__panel-row {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .okai-loading-skeleton__panel-row .okai-loading-skeleton__line--short {
        grid-column: 2;
        width: min(58%, 150px);
    }
}

@media (min-width: 1024px) {
    .compliance-explorer__mobile-tree-trigger,
    .compliance-explorer__mobile-sheet,
    .compliance-explorer__mobile-sheet-backdrop,
    .compliance-explorer__mobile-drawer {
        display: none !important;
    }

    .compliance-explorer__main > .card {
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
    }
}

@media (max-width: 1023px) {
    .compliance-hub-nav-tabs {
        margin-bottom: 14px;
    }

    .compliance-explorer__layout {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .compliance-explorer__resizer {
        display: none;
    }

    .compliance-explorer__sidebar {
        display: none;
        min-width: 0;
    }

    .compliance-explorer__mobile-tree-trigger {
        display: inline-flex;
    }

    .compliance-explorer__main .compliance-grid-toolbar {
        gap: 12px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .compliance-tree-pane__search {
        padding-right: 10px;
        padding-left: 10px;
    }

    .compliance-hub-app .compliance-tree-pane .compliance-treeview.e-treeview {
        padding-right: 10px;
        padding-left: 8px;
    }

    .compliance-hub-app .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content {
        min-height: 42px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .compliance-explorer__mobile-sheet {
        height: min(84dvh, 760px);
        max-height: calc(100dvh - 24px);
    }

    .compliance-explorer__mobile-sheet-body {
        display: flex;
        overflow: hidden;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane > div {
        min-height: 0;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane__body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 12px 14px 18px;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: #CBD5E1 transparent;
        -webkit-overflow-scrolling: touch;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane__body::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane__body::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #CBD5E1;
    }

    .compliance-explorer__mobile-sheet-body .compliance-tree-pane__tree {
        touch-action: pan-y;
    }

    .okai-drawer.compliance-explorer__mobile-drawer.e-sidebar {
        width: 100vw !important;
        max-width: 100vw !important;
        background: #FFFFFF;
        box-shadow: none !important;
    }

    .okai-drawer.compliance-explorer__mobile-drawer.e-sidebar.e-right.e-open {
        right: 0 !important;
        left: 0 !important;
    }

    .okai-drawer.compliance-explorer__mobile-drawer.e-sidebar .e-sidebar-content,
    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__shell {
        background: #FFFFFF;
    }

    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__header {
        flex: 0 0 auto;
        gap: 0;
        padding: 32px 23px 12px !important;
        border-bottom: 0;
        background: #FFFFFF;
    }

    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__title {
        color: #1F1F2D;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        letter-spacing: 0;
    }

    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__description {
        min-width: 0;
        margin-top: 14px !important;
        color: #6D7280;
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__description strong {
        color: #424554;
        font-weight: 600;
    }

    .okai-drawer.compliance-explorer__mobile-drawer .okai-drawer__body {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        padding: 0 23px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        overflow: hidden;
    }

    .compliance-explorer__mobile-drawer-body {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        overflow: hidden;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane__search {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 12px !important;
        padding-left: 0 !important;
        border-bottom-color: #DCE1EC !important;
        background: #FFFFFF !important;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane__search input[type="search"] {
        height: 44px !important;
        min-height: 44px;
        border-color: #DCE1EC !important;
        border-radius: 8px;
        background: #F8F9FC;
        color: #252635;
        font-size: 15px;
        line-height: 22px;
        padding-left: 40px !important;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane__search input[type="search"]::placeholder {
        color: #9AA1B2;
        opacity: 1;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane__search svg {
        width: 17px;
        height: 17px;
        color: #777986;
        fill: currentColor;
        opacity: 1;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
        padding-top: 0 !important;
        border-radius: 0;
        background: #FFFFFF;
        box-shadow: none !important;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane > div {
        min-height: 0;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane__body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-top: 22px !important;
        padding-right: 0 !important;
        padding-bottom: 32px !important;
        padding-left: 0 !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #CBD5E1 transparent;
        -webkit-overflow-scrolling: touch;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview.e-treeview {
        --okai-tree-indent: 17px;
        --okai-tree-inline-gap: 7px;
        --okai-tree-chevron-size: 14px;
        --okai-tree-icon-size: 17px;
        padding: 0 !important;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview > .e-list-parent > .e-list-item + .e-list-item,
    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview > .e-ul > .e-list-item + .e-list-item {
        margin-top: 21px;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item > .e-list-parent,
    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item > .e-ul {
        padding-top: 16px;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item > .e-list-parent > .e-list-item + .e-list-item,
    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item > .e-ul > .e-list-item + .e-list-item {
        margin-top: 12px;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item > .e-text-content {
        min-height: 24px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item .e-list-text,
    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-level-1 > .e-text-content .e-list-text {
        font-size: 15px;
        line-height: 24px;
    }

    .compliance-explorer__mobile-drawer-body .compliance-tree-pane .compliance-treeview .e-list-item .compliance-treeview__node-content {
        line-height: 24px;
    }
}

@media (max-width: 767.98px) {
    html:has(.compliance-hub-app-host),
    body:has(.compliance-hub-app-host) {
        height: auto !important;
        min-height: 100% !important;
        overflow: auto !important;
    }

    .compliance-hub-app-host {
        height: auto;
        min-height: calc(100dvh - 64px);
        overflow: visible;
    }

    .compliance-hub-app {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .compliance-hub-app__content {
        flex: 1 1 auto;
        height: auto;
        min-height: calc(100dvh - 64px);
        padding: 24px;
        overflow: visible;
    }

    .compliance-hub-app__panel,
    .compliance-hub-app__panel--detail {
        flex: 1 1 auto;
        min-height: auto;
        overflow: visible;
    }

    .compliance-tasks,
    .compliance-tasks--detail {
        flex: 1 1 auto;
        height: auto;
        min-height: auto;
        overflow: visible !important;
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
        touch-action: pan-y;
    }

    .compliance-explorer {
        flex: 1 1 0;
        min-width: 0;
        overflow: hidden;
    }

    .compliance-hub-nav-tabs {
        margin-bottom: 16px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .compliance-hub-nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .compliance-hub-nav-tabs nav[role="tablist"],
    .compliance-hub-nav-tabs .okai-nav-tabs-list {
        justify-content: flex-start;
        gap: 22px;
        min-width: max-content;
        padding-right: 0;
        padding-left: 0;
    }

    .compliance-explorer__layout,
    .compliance-explorer__main {
        flex: 1 1 0;
        gap: 16px;
        overflow: hidden;
    }

    .compliance-explorer__layout {
        grid-template-areas: "main";
        grid-template-rows: minmax(0, 1fr);
    }

    .compliance-explorer__mobile-tree-trigger {
        min-height: 52px;
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        padding: 9px 12px;
        border-radius: 14px;
        border: 0;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    }

    .compliance-explorer__mobile-tree-trigger-chevron {
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        min-width: 14px;
    }

    .compliance-explorer__mobile-tree-trigger-copy span {
        font-size: 10px;
        line-height: 14px;
    }

    .compliance-explorer__mobile-tree-trigger-copy strong {
        font-size: 14px;
        line-height: 20px;
    }

    .compliance-explorer__layout,
    .compliance-explorer__main,
    .compliance-explorer__main > .card {
        min-width: 0;
        min-height: 0;
    }

    .compliance-explorer__main > .card {
        flex: 1 1 0;
        overflow: hidden;
    }

    .compliance-explorer__main > .card > div {
        min-height: 0;
        overflow: hidden;
    }

    .compliance-explorer__topbar {
        border-radius: 14px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    }

    .compliance-explorer__topbar > div {
        min-height: auto;
        padding: 10px;
    }

    .compliance-explorer__topbar-content {
        gap: 10px;
    }

    .compliance-explorer__topbar-primary {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        gap: 8px;
        justify-content: flex-start;
    }

    .compliance-explorer__topbar [data-action-bar-overflow-group] {
        flex-wrap: nowrap;
        width: auto;
        min-width: 0;
        overflow: visible;
    }

    .compliance-explorer__profile-filter {
        min-height: 40px;
        padding: 0 6px;
    }

    .compliance-explorer__recommendation-filter-group {
        display: inline-flex;
        flex: 0 1 auto;
        flex-wrap: nowrap;
        width: auto;
        max-width: 100%;
        gap: 4px;
        align-items: center;
    }

    .compliance-explorer__recommendation-filter-group .compliance-explorer-context-menu {
        flex: 0 1 auto;
        width: auto;
        max-width: 24px;
    }

    .compliance-explorer-context-menu__trigger {
        width: 24px;
        min-height: 32px;
        max-width: 24px;
        padding: 0;
    }

    .compliance-explorer-context-menu__popup {
        right: auto;
        left: 0;
        width: min(320px, calc(100vw - 72px));
    }

    .compliance-explorer__topbar .grid-create-menu {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: auto;
        min-width: 44px;
        max-width: none;
        height: 44px;
        min-height: 44px;
        max-height: none;
        padding: 0 14px;
        border: 0;
        border-radius: 12px;
        background: #3473CC;
        box-shadow: none;
        color: #FFFFFF;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger-text,
    .compliance-explorer__topbar .grid-create-menu__trigger-chevron {
        display: inline-flex !important;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger-icon {
        width: 14px;
        height: 14px;
        color: currentColor;
        fill: currentColor;
        flex: 0 0 auto;
    }

    .compliance-explorer__topbar .grid-create-menu__trigger-icon * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .compliance-explorer__topbar .grid-create-menu__popup {
        display: none !important;
    }

    .okai-drawer.grid-create-menu__drawer.e-sidebar {
        width: 100vw;
        max-width: 100vw !important;
        background: #FFFFFF;
        box-shadow: none !important;
    }

    .okai-drawer.grid-create-menu__drawer.e-sidebar.e-right.e-open {
        right: 0 !important;
        left: 0 !important;
    }

    .okai-drawer.grid-create-menu__drawer.e-sidebar .e-sidebar-content,
    .okai-drawer.grid-create-menu__drawer .okai-drawer__shell {
        background: #FFFFFF;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__header {
        flex: 0 0 auto;
        gap: 0;
        padding: 28px 24px 10px !important;
        border-bottom: 0;
        background: #FFFFFF;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__title {
        color: #1F2430;
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        letter-spacing: 0;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__close {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        background: transparent;
        color: #343746;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__close:hover,
    .okai-drawer.grid-create-menu__drawer .okai-drawer__close:focus-visible {
        background: #F4F6FA;
        color: #1F1F2D;
        outline: 0;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__close svg,
    .okai-drawer.grid-create-menu__drawer .okai-drawer__close svg * {
        width: 15px;
        height: 15px;
        color: currentColor;
        fill: currentColor;
    }

    .okai-drawer.grid-create-menu__drawer .okai-drawer__body {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        padding: 0 24px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
        overflow: hidden;
    }

    .compliance-explorer__topbar .grid-create-menu__drawer-scroll {
        margin-right: -8px;
        padding-right: 8px;
    }

    .compliance-explorer__topbar .grid-create-menu__drawer-scroll::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .compliance-explorer__topbar .grid-create-menu__drawer-scroll::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #CBD5E1;
    }

    .compliance-explorer__topbar .grid-create-menu__group {
        gap: 8px;
        padding-top: 14px;
    }

    .compliance-explorer__topbar .grid-create-menu__group:first-child {
        padding-top: 0;
    }

    .compliance-explorer__topbar .grid-create-menu__item {
        padding: 12px 0;
        border-radius: 0;
        border-bottom: 1px solid #EEF2F7;
        background: #FFFFFF;
    }

    .compliance-explorer__topbar .grid-create-menu__item:hover,
    .compliance-explorer__topbar .grid-create-menu__item:focus-visible {
        background: #F8FAFC;
        box-shadow: none;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: auto;
        min-width: 44px;
        max-width: none;
        height: 44px;
        min-height: 44px;
        max-height: none;
        padding: 0 14px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        box-shadow: none;
        color: #64748B;
        white-space: nowrap;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button span:last-child {
        display: inline !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        gap: 10px;
        width: auto;
        min-width: 44px;
        max-width: none;
        height: 44px;
        min-height: 44px;
        max-height: none;
        padding: 0 14px;
        border: 0;
        border-radius: 8px;
        background-color: #3473CC !important;
        background-image: none !important;
        background: #3473CC !important;
        box-shadow: none;
        color: #FFFFFF !important;
        -webkit-appearance: none;
        appearance: none;
        font-size: 14px;
        line-height: 21px;
        font-weight: 600;
        text-decoration: none !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action:hover,
    .compliance-explorer__topbar .compliance-grid-toolbar__create-action:focus-visible {
        background-color: #104EA3 !important;
        background-image: none !important;
        background: #104EA3 !important;
        color: #FFFFFF !important;
        border-color: transparent;
        outline: 0;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action:visited,
    .compliance-explorer__topbar .compliance-grid-toolbar__create-action:active {
        color: #FFFFFF !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action span {
        display: inline !important;
        color: #FFFFFF !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action svg,
    .compliance-explorer__topbar .compliance-grid-toolbar__create-action svg * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):hover,
    .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):focus-visible {
        background: #F8FAFC;
        color: #475569;
        outline: 0;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg,
    .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] {
        color: #FFFFFF !important;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"]:hover,
    .compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"]:focus-visible {
        background: #104EA3 !important;
        color: #FFFFFF !important;
        outline: 0;
    }

    .compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] svg,
    .compliance-explorer__topbar .compliance-toolbar__items > button[data-action-bar-priority="primary"] svg * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu__trigger,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu__trigger,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 44px !important;
        max-width: none !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: none !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: #3473CC !important;
        box-shadow: none !important;
        color: #FFFFFF !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-text,
    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-chevron,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action span,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-text,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-chevron,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action span {
        display: inline-flex !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-icon,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-icon,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon {
        width: 14px !important;
        height: 14px !important;
        color: currentColor !important;
        fill: currentColor !important;
        flex: 0 0 auto !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-icon *,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon *,
    .documento-pontos-grid-card .compliance-explorer__topbar .grid-create-menu__trigger-icon *,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-grid-toolbar__create-action-icon * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]),
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]),
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 44px !important;
        max-width: none !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: none !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #64748B !important;
        white-space: nowrap !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):hover,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):focus-visible,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):hover,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):focus-visible,
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):hover,
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]):focus-visible {
        background: #F8FAFC !important;
        color: #475569 !important;
        outline: 0 !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) > span:last-child,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) > span:last-child,
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) > span:last-child {
        display: inline !important;
    }

    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg,
    .documento-conformidade-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg *,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg,
    .documento-pontos-grid-card .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg *,
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg,
    .compliance-hub-subgrid-panel .compliance-explorer__topbar .compliance-toolbar__items > button:not(.compliance-grid-toolbar__create-action):not(.grid-create-menu__trigger):not([data-action-bar-priority="primary"]) svg * {
        fill: currentColor !important;
        color: currentColor !important;
    }

    .compliance-explorer__main .compliance-grid-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 6px 16px 10px !important;
        gap: 8px 12px;
    }

    .compliance-explorer__main .compliance-grid-toolbar__primary {
        grid-column: 1;
        grid-row: 1;
        width: auto !important;
        min-width: 0;
        max-width: 100%;
    }

    .compliance-explorer__main .compliance-grid-toolbar__actions {
        display: contents !important;
        width: auto !important;
        max-width: 100%;
    }

    .compliance-explorer__main .compliance-grid-toolbar__search {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        max-width: 100%;
    }

    .compliance-explorer__main .compliance-grid-toolbar__edit {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        padding: 0;
        justify-content: center;
        border-radius: 8px;
        color: #6B7280;
    }

    .compliance-explorer__main .compliance-grid-toolbar__edit span {
        display: none !important;
    }

    .compliance-explorer__main .compliance-grid-toolbar__edit svg {
        display: none !important;
    }

    .compliance-explorer__main .compliance-grid-toolbar__edit::before {
        content: "";
        width: 16px;
        height: 16px;
        background: currentColor;
        -webkit-mask: url("/icons/regular/pen-to-square.svg") center / contain no-repeat;
        mask: url("/icons/regular/pen-to-square.svg") center / contain no-repeat;
    }

    .compliance-explorer__main .compliance-grid-toolbar__search-input {
        min-height: 40px;
        height: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .compliance-explorer [data-testid="grid-pagination"] {
        justify-content: center !important;
        padding: 14px 12px 16px !important;
        overflow: hidden;
    }

    .compliance-explorer [data-testid="grid-pagination"] > div:first-child,
    .compliance-explorer [data-testid="grid-pagination"] > div:nth-child(2) {
        display: none !important;
    }

    .compliance-explorer [data-testid="grid-pagination"] > div:last-child {
        margin-right: auto !important;
        margin-left: auto !important;
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .compliance-explorer [data-testid="grid-pagination"] > div:last-child > .mr-4 {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] {
        overflow-x: auto;
        background: #F8FAFC;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-grid,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridcontent,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-table,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-table tbody {
        width: 100% !important;
        max-width: none !important;
        display: revert;
        table-layout: auto;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader {
        display: table-header-group !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-rowcell,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-rowcell * {
        white-space: nowrap !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content {
        overflow-x: auto !important;
        min-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row {
        display: table-row !important;
        grid-template-columns: revert !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        align-items: normal !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell:not(:first-child) {
        display: table-cell !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        padding: 10px 12px !important;
        border: 1px solid #E2E8F0 !important;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell:first-child {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(n+4)::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(4)::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(5)::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(6)::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(7)::before,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-rowcell:nth-child(8)::before {
        content: none !important;
        display: none !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-emptyrow,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-emptycell {
        display: table-row !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading {
        inset: 0 !important;
        border: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: #FFFFFF !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__header {
        display: flex !important;
        gap: 0 !important;
        align-items: center;
        min-height: 54px;
        padding: 0 12px !important;
        border-top: 0;
        border-bottom: 1px solid #E2E8F0;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__rows {
        display: flex !important;
        padding-top: 0;
        gap: 0;
        overflow: hidden;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__row {
        display: flex !important;
        gap: 0 !important;
        align-items: center;
        min-height: 72px;
        padding: 0 12px !important;
        overflow: hidden;
        border-bottom: 1px solid #E2E8F0;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__line,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__cell {
        margin: 0;
        background-color: #E8EEF6;
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 100%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        animation: okai-grid-loading-shimmer 1.2s ease-in-out infinite;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__header .okai-grid-loading__line:nth-child(1) {
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        margin-right: 12px;
        border-radius: 6px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__header .okai-grid-loading__line:nth-child(2) {
        flex: 0 0 82px;
        width: 82px;
        height: 16px;
        border-radius: 999px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__header .okai-grid-loading__line:nth-child(3) {
        flex: 0 0 22px;
        margin-left: auto;
        width: 22px;
        height: 22px;
        border-radius: 7px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__row .okai-grid-loading__cell:nth-child(1) {
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        margin-right: 0;
        border-radius: 6px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__row .okai-grid-loading__cell:nth-child(2) {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 999px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__row .okai-grid-loading__cell:nth-child(3) {
        flex: 1 1 auto;
        width: auto;
        max-width: 100%;
        height: 18px;
        margin-right: 16px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__row .okai-grid-loading__cell:nth-child(n+4) {
        display: none !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-loading__cell--short {
        width: min(100%, 96px);
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridcontent,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content {
        overflow-x: hidden !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: hidden !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-grid {
        height: 100% !important;
        min-height: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridcontent,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content {
        min-height: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content {
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #CBD5E1 transparent;
        -webkit-overflow-scrolling: touch;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: #CBD5E1;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-table,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-table {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] colgroup col:nth-child(2) {
        width: 48px !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] colgroup col:nth-child(3) {
        width: auto !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] colgroup col:nth-child(n+4) {
        display: none !important;
        width: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="4"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="5"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="6"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="7"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="8"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="9"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="10"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="11"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="12"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="4"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="5"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="6"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="7"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="8"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="9"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="10"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="11"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="12"] {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="2"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="2"] {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        padding-right: 0 !important;
        padding-left: 12px !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader th[aria-colindex="3"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content td[aria-colindex="3"] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link__with-logo {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link__text {
        display: block;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link:hover,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .okai-grid-link:focus-visible {
        color: #2A2935 !important;
        text-decoration: none !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="4"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="5"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="6"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="7"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="8"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="9"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="10"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="11"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="12"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="4"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="5"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="6"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="7"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="8"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="9"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="10"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="11"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="12"]:not(:first-child) {
        display: none !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="2"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="2"]:not(:first-child) {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="3"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="3"]:not(:first-child) {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="2"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-gridheader .e-headercell[aria-colindex="3"],
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="2"]:not(:first-child),
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-row .e-rowcell[aria-colindex="3"]:not(:first-child) {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #E2E8F0 !important;
        border-left: 0 !important;
    }

    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-focused,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell.e-focus,
    .compliance-hub-app .compliance-explorer [data-testid="grid-main-host"] .e-content .e-rowcell:focus {
        box-shadow: none !important;
        outline: 0 !important;
    }
}

.okai-assine-page {
    background: #ffffff;
}

.okai-assine-header {
    position: relative;
    overflow: visible;
    filter: drop-shadow(0 18px 34px rgba(17, 24, 39, 0.16));
}

.okai-assine-header__bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgb(74, 131, 212) 0%, rgb(94, 80, 199) 50%, rgb(170, 70, 126) 100%);
}

.okai-assine-header__bg--mobile {
    bottom: -160px;
    clip-path: ellipse(124% 88% at 50% 0%);
    -webkit-clip-path: ellipse(124% 88% at 50% 0%);
}

.okai-assine-header__bg--desktop {
    display: none;
}

.okai-assine-header__content {
    position: relative;
    z-index: 1;
    padding: 3.5rem 1.5rem 7.25rem;
}

.okai-assine-header__intro {
    margin: 0 auto;
    max-width: 60rem;
    text-align: center;
}

.okai-assine-header__title {
    margin: 0 auto;
    text-shadow: 0 4px 20px rgba(241, 232, 255, 0.24);
}

.okai-assine-header__description {
    margin: 0 auto;
}

.okai-assine-header__tabs-shell {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.okai-assine-tablist {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.20);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
}

.okai-assine-tab-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.375rem 1.1rem;
    border-radius: 999px;
    font-size: 0.95rem;
    line-height: 1.2;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.okai-assine-tab-button[aria-selected="true"] {
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

.okai-assine-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.okai-assine-panel.hidden {
    display: none !important;
}

.okai-assine-cards-shell {
    position: relative;
    z-index: 2;
    margin-top: -4rem;
    padding-bottom: 1rem;
}

.okai-assine-cards {
    display: grid;
    gap: 1.25rem;
}

.okai-assine-cards > div {
    display: flex;
    align-self: stretch;
}

.okai-assine-cards > div > * {
    width: 100%;
}

.okai-assine-cards--empresas {
    grid-template-columns: 1fr;
}

.okai-assine-plan-card,
.okai-assine-small-card,
.okai-assine-cta-card {
    height: 100%;
}

.okai-assine-plan-card > card,
.okai-assine-plan-card__frame > card,
.okai-assine-small-card > card,
.okai-assine-cta-card > card {
    display: flex;
    width: 100%;
    height: 100%;
}

.okai-assine-plan-card section,
.okai-assine-small-card section,
.okai-assine-cta-card section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
}

.okai-assine-plan-card section > .flow-root,
.okai-assine-plan-card__frame section > .flow-root,
.okai-assine-small-card section > .flow-root,
.okai-assine-cta-card section > .flow-root {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

.okai-assine-plan-card__frame {
    position: relative;
    height: 100%;
    padding: 2px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgba(94, 80, 199, 0.95), rgba(58, 191, 248, 0.95), rgba(170, 70, 126, 0.95));
}

.okai-assine-plan-card__frame::before {
    content: "";
    position: absolute;
    inset: 16px;
    border-radius: 0.625rem;
    background: radial-gradient(circle, rgba(58, 191, 248, 0.24), transparent 70%);
    filter: blur(24px);
    z-index: 0;
}

.okai-assine-plan-card__frame section {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 1;
    height: 100%;
    border-radius: calc(0.75rem - 2px);
    box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
}

.okai-assine-plan {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1.5rem;
    height: 100%;
    min-height: 100%;
}

.okai-assine-plan__header {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.okai-assine-plan__title {
    margin: 0;
    color: #111827;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.okai-assine-plan__description {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}

.okai-assine-plan__price-wrap {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.okai-assine-plan__price {
    margin: 0;
    color: #0f172a;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.okai-assine-plan__price span {
    font-size: 1rem;
    color: #667085;
    font-weight: 600;
    letter-spacing: 0;
    margin-left: 0.35rem;
}

.okai-assine-plan__price-subtitle,
.okai-assine-plan__price-note {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.okai-assine-plan__features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.8rem;
    flex: 1 1 auto;
    align-content: start;
}

.okai-assine-plan__feature {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #334155;
    line-height: 1.55;
}

.okai-assine-plan__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.08rem;
    border-radius: 999px;
    background: rgb(52, 115, 204);
    color: #ffffff;
    font-size: 0.65rem;
    flex-shrink: 0;
}

.okai-assine-plan__cta {
    margin-top: auto;
    padding-top: 1rem;
}

.okai-assine-header {
    position: relative;
    overflow: visible;
    filter: drop-shadow(0 18px 34px rgba(17, 24, 39, 0.16));
}

.okai-assine-header__bg {
    position: absolute;
    inset-inline: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgb(74, 131, 212) 0%, rgb(94, 80, 199) 50%, rgb(170, 70, 126) 100%);
}

.okai-assine-header__bg--mobile {
    bottom: -160px;
    clip-path: ellipse(124% 88% at 50% 0%);
    -webkit-clip-path: ellipse(124% 88% at 50% 0%);
}

.okai-assine-header__bg--desktop {
    display: none;
}

.okai-assine-header__content {
    position: relative;
    z-index: 1;
    padding: 3.5rem 1.5rem 7.25rem;
}

.okai-assine-header__title {
    text-shadow: 0 4px 20px rgba(241, 232, 255, 0.24);
}

.okai-assine-tablist {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.20);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
}

.okai-assine-tab-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.375rem 1.1rem;
    border-radius: 999px;
    font-size: 0.95rem;
    line-height: 1.2;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.okai-assine-tab-button[aria-selected="true"] {
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

.okai-assine-panel {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.okai-assine-panel.hidden {
    display: none !important;
}

.okai-assine-panel--entering {
    animation: okai-assine-panel-enter 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes okai-assine-panel-enter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.okai-assine-cards-shell {
    position: relative;
    z-index: 2;
    margin-top: -4rem;
    padding-bottom: 3rem;
}

.okai-assine-cards {
    display: grid;
    gap: 1.25rem;
}

.okai-assine-cards > div {
    display: flex;
    align-self: stretch;
}

.okai-assine-cards > div > * {
    width: 100%;
}

.okai-assine-cards--empresas {
    grid-template-columns: 1fr;
}

.okai-assine-plan-card {
    height: 100%;
}

.okai-assine-plan-card > card,
.okai-assine-plan-card__frame > card {
    display: flex;
    width: 100%;
    height: 100%;
}

.okai-assine-plan-card section,
.okai-assine-plan-card__frame section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
}

.okai-assine-plan-card section > .flow-root,
.okai-assine-plan-card__frame section > .flow-root {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
}

.okai-assine-plan-card__frame {
    position: relative;
    height: 100%;
    padding: 2px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, rgba(94, 80, 199, 0.95), rgba(58, 191, 248, 0.95), rgba(170, 70, 126, 0.95));
}

.okai-assine-plan-card__frame::before {
    content: "";
    position: absolute;
    inset: 16px;
    border-radius: 0.625rem;
    background: radial-gradient(circle, rgba(58, 191, 248, 0.24), transparent 70%);
    filter: blur(24px);
    z-index: 0;
}

.okai-assine-plan-card__frame section {
    position: relative;
    z-index: 1;
    border-radius: calc(0.75rem - 2px);
}

.okai-assine-plan {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1.5rem;
    min-height: 100%;
}

.okai-assine-plan__header,
.okai-assine-plan__price-wrap,
.okai-assine-plan__cta {
    display: flex;
    flex-direction: column;
}

.okai-assine-plan__header {
    gap: 0.75rem;
}

.okai-assine-plan__title {
    margin: 0;
    color: #111827;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}

.okai-assine-plan__description,
.okai-assine-plan__price-note,
.okai-assine-plan__price-subtitle {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}

.okai-assine-plan__price-wrap {
    gap: 0.3rem;
}

.okai-assine-plan__price {
    margin: 0;
    color: #0f172a;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.okai-assine-plan__price span {
    margin-left: 0.35rem;
    color: #667085;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
}

.okai-assine-plan__features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.8rem;
    flex: 1 1 auto;
    align-content: start;
}

.okai-assine-plan__feature {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #334155;
    line-height: 1.55;
}

.okai-assine-plan__feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.08rem;
    border-radius: 999px;
    background: rgb(52, 115, 204);
    color: #ffffff;
    font-size: 0.65rem;
    flex-shrink: 0;
}

.okai-assine-plan__cta {
    margin-top: auto;
    padding-top: 1rem;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .okai-assine-header__bg--mobile {
        display: none;
    }

    .okai-assine-header__bg--desktop {
        display: block;
        bottom: -250px;
        clip-path: ellipse(82% 94% at 50% 0%);
        -webkit-clip-path: ellipse(82% 94% at 50% 0%);
    }

    .okai-assine-header__content {
        padding-top: 5.5rem;
        padding-bottom: 8.25rem;
    }

    .okai-assine-cards-shell {
        margin-top: -5.5rem;
        padding-bottom: 5rem;
    }

    .okai-assine-cards--profissionais {
        grid-template-columns: repeat(2, minmax(0, 34rem));
        justify-content: center;
    }

    .okai-assine-cards--empresas {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .okai-assine-panel--entering {
        animation: none;
    }
}

.okai-assine-compare-stack {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
}

.okai-assine-compare-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.okai-assine-compare-section + .okai-assine-compare-section {
    margin-top: 3rem;
}

.okai-assine-compare-section__title {
    margin: 0;
    color: #0f172a;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 600;
}

.okai-assine-compare-shell {
    margin-top: 3rem;
}

.okai-assine-compare-overview {
    overflow-x: auto;
    overflow-y: visible;
    padding: 0.2rem 0.2rem 0.55rem;
}

.okai-assine-compare-overview-table {
    width: 100%;
    min-width: 44rem;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    overflow: visible;
}

.okai-assine-compare-overview-table--6col {
    min-width: 72rem;
}

.okai-assine-compare-overview-table td {
    padding: 0.45rem 1rem 0.6rem;
    overflow: visible;
}

.okai-assine-compare-overview__plan {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
}

.okai-assine-compare-overview__plan-card {
    display: flex;
    min-height: 6.25rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    border-radius: 1.1rem;
    background: #FFFFFF;
    box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
    padding: 1rem 0.85rem 0.95rem;
}

.okai-assine-compare-overview__plan-icon {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #F5F9FF;
    color: #3473CC;
    font-size: 0.95rem;
}

.okai-assine-compare-overview__plan-name {
    color: #3F4352;
    font-size: 1.125rem;
    line-height: 1.45rem;
    font-weight: 600;
    text-align: center;
}

.okai-assine-compare-group {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.okai-assine-compare-group__title {
    margin: 0;
    color: #3F4352;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
}

.okai-assine-compare-table-wrap {
    overflow: visible;
    border-radius: 0.875rem;
    border: 1px solid #E2E4F0;
    background: #ffffff;
    position: relative;
    z-index: 0;
}

.okai-assine-compare-table-scroll {
    overflow-x: auto;
    overflow-y: visible;
    border-radius: inherit;
}

.okai-assine-compare-table {
    width: 100%;
    min-width: 44rem;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.okai-assine-compare-table--3col td:first-child {
    width: 28%;
}

.okai-assine-compare-table--4col td:first-child {
    width: 24%;
}

.okai-assine-compare-table--6col {
    min-width: 72rem;
}

.okai-assine-compare-table--6col td:first-child {
    width: 22%;
}

.okai-assine-compare-table td {
    padding: 0.95rem 1rem;
    border-bottom: 1px solid #E2E4F0;
    vertical-align: top;
    color: #3F4352;
    line-height: 1.55;
}

.okai-assine-compare-table td + td {
    border-left: 1px solid #E2E4F0;
}

.okai-assine-compare-table tbody tr:last-child td {
    border-bottom: 0;
}

.okai-assine-compare-table__feature {
    font-weight: 500;
    color: #2B2632;
}

.okai-assine-compare-table__section-row td {
    padding: 0.8rem 1rem;
    background: #F7F8FC;
    border-bottom: 1px solid #E2E4F0;
    border-left: 0 !important;
}

.okai-assine-compare-table__section-title {
    color: #3F4352;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.okai-assine-compare-table__feature-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.okai-assine-compare-table__feature-label tooltip {
    flex-shrink: 0;
}

.okai-assine-compare-table__feature-label .okai-tooltip > .okai-tooltip__content {
    display: none !important;
}

.okai-assine-compare-tooltip-portal {
    position: fixed;
    left: 1rem;
    top: 1rem;
    width: min(22rem, calc(100vw - 2rem));
    max-width: min(22rem, calc(100vw - 2rem));
    white-space: normal;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #171717;
    font-size: 0.875rem;
    line-height: 1.4;
    filter: drop-shadow(0 8px 24px rgba(15, 23, 42, 0.18));
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.12s ease;
    z-index: var(--okai-z-tooltip);
}

.okai-assine-compare-tooltip-portal.is-visible {
    opacity: 1;
    visibility: visible;
}

.okai-assine-compare-tooltip-portal::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: var(--okai-assine-tooltip-arrow-left, 1rem);
    width: 1rem;
    height: 1rem;
    background: #ffffff;
    transform: rotate(45deg);
}

.okai-assine-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.okai-assine-status--positive {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    border-radius: 999px;
    background: rgb(52, 115, 204);
    color: #ffffff;
    font-size: 0.65rem;
}

.okai-assine-status--negative {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    border-radius: 999px;
    background: #C3C7D5;
    color: #ffffff;
    font-size: 0.65rem;
}

.okai-assine-status--neutral {
    color: #1d4ed8;
}

.okai-assine-status--muted {
    color: #64748b;
}

.okai-assine-feature-grid,
.okai-assine-credits-grid,
.okai-assine-limits-grid {
    display: grid;
    gap: 1rem;
}

.okai-assine-small-card__inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.okai-assine-small-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(94, 80, 199, 0.16));
    color: #2563eb;
    font-size: 1.1rem;
}

.okai-assine-small-card__title {
    margin: 0;
    color: #111827;
    font-size: 1.15rem;
    line-height: 1.3;
}

.okai-assine-small-card__text,
.okai-assine-small-card__meta {
    margin: 0;
    color: #64748b;
    line-height: 1.65;
}

.okai-assine-small-card__meta {
    font-weight: 600;
    color: #2563eb;
}

.okai-assine-credits-grid--cyan .okai-assine-small-card__icon {
    background: #f5f9ff;
    border-radius: 9999px;
    color: #3473CC;
    width: 3.5rem;
    height: 3.5rem;
}

.okai-assine-credits-grid--cyan .okai-assine-small-card__meta {
    color: #3473CC;
    font-weight: 500;
    margin-top: -0.45rem;
}

.okai-assine-credits-grid--cyan .okai-assine-small-card__icon img {
    width: 1.5rem;
    height: 1.5rem;
}

.okai-assine-credits-grid--cyan .okai-assine-small-card__icon img.okai-assine-small-card__icon-img--compact {
    transform: scale(1.5);
    transform-origin: center;
}

@media (min-width: 768px) {
    .okai-assine-feature-grid,
    .okai-assine-limits-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .okai-assine-credits-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .okai-assine-compare-overview {
        padding-bottom: 0.25rem;
    }
}

@media (max-width: 767px) {
    .compliance-kanban-shell {
        display: block;
        flex: 0 0 auto;
        min-height: 0;
    }

    .compliance-status-strip {
        grid-template-columns: 1fr;
    }

    .compliance-status-strip__item {
        width: 100%;
        border-radius: 16px;
        background: #FFFFFF;
        box-shadow: 0 0 10px rgba(35, 27, 96, 0.05);
        overflow: hidden;
    }

    .compliance-status-strip__card {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    .compliance-status-strip__chevron {
        display: block;
    }

    .compliance-status-strip__count {
        display: inline;
    }

    .compliance-swimlane {
        display: none;
    }

    .compliance-status-strip__panel-slot {
        display: block;
        margin-top: 0;
        background: transparent;
    }

    .compliance-status-strip__panel-slot .compliance-kanban-mobile__section {
        display: block;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: hidden;
    }

    .compliance-status-strip__panel-slot .compliance-kanban-mobile__section[hidden] {
        display: none !important;
    }

    .compliance-projects__surface {
        display: block;
        flex: 0 0 auto;
        overflow: visible;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .compliance-projects__board {
        display: contents;
        flex: 0 0 auto;
        overflow: visible;
        padding-bottom: 0;
    }

    .compliance-kanban-desktop {
        display: none !important;
    }

    .compliance-kanban-mobile {
        display: contents !important;
    }

    .compliance-kanban.e-kanban {
        min-width: 0;
    }

    .compliance-kanban.e-kanban .e-kanban-column {
        min-width: 0;
    }

    .compliance-kanban-mobile__card .compliance-project-card__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}


    .compliance-documento-editor-surface {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        contain: inline-size;
    }

    .compliance-documento-okaidocs-frame,
    .compliance-documento-pdf-frame {
        display: block;
        width: 100%;
        min-height: 620px;
        height: min(calc(100dvh - 341px), 859px);
        border: 0;
        background: #ffffff;
    }

    @media (max-width: 767px) {
        .compliance-documento-okaidocs-frame,
        .compliance-documento-pdf-frame {
            min-height: 640px;
            height: 78dvh;
        }
    }

    .workflow-formulario-inline-shell {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .workflow-formulario-inline {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .workflow-formulario-inline__actions {
        width: 100%;
    }

    .workflow-formulario-drawer__actionbar {
        box-shadow: none;
    }

    .workflow-formulario-drawer__actionbar > div {
        justify-content: flex-end;
        padding: 0;
    }

    .workflow-formulario-inline__body {
        min-height: 240px;
        overflow: visible;
        padding: 20px;
    }

    .workflow-timeline-pane {
        min-width: 0;
    }

    .workflow-timeline-list {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        min-width: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .workflow-timeline-list::before {
        display: none;
    }

    .workflow-timeline-item {
        position: relative;
        display: grid;
        grid-template-columns: 1rem minmax(0, 1fr);
        gap: 0.75rem;
        min-width: 0;
    }

    .workflow-timeline-item::before {
        content: "";
        position: absolute;
        top: 0.725rem;
        bottom: calc(-1rem - 0.725rem);
        left: 0.375rem;
        width: 1px;
        background: #e5e7eb;
    }

    .workflow-timeline-item:last-child::before {
        display: none;
    }

    .workflow-timeline-marker {
        position: relative;
        z-index: 1;
        display: block;
        width: 0.75rem;
        height: 0.75rem;
        margin-top: 0.35rem;
        margin-left: 0;
        border: 2px solid #fff;
        border-radius: 999px;
        background: #3473cc;
    }

    .workflow-timeline-content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.5rem;
        min-width: 0;
    }

    .workflow-timeline-main {
        min-width: 0;
        flex: 1 1 16rem;
        max-width: 100%;
    }

    .workflow-timeline-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        min-width: 0;
    }

    .workflow-timeline-title {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .workflow-timeline-time {
        margin-top: 0.1rem;
    }

    .workflow-timeline-details {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 0.75rem;
        row-gap: 0.5rem;
        align-items: baseline;
        margin: 0.5rem 0 0;
        width: 100%;
        max-width: 42rem;
        border: 1px solid #e5e7eb;
        border-radius: 0.75rem;
        background: #f8fafc;
        padding: 0.75rem;
        font-size: 0.8125rem;
        line-height: 1.45;
    }

    .workflow-timeline-details > div {
        display: contents;
    }

    .workflow-timeline-details dt {
        margin: 0;
        color: #697386;
        font-weight: 600;
    }

    .workflow-timeline-details dd {
        margin: 0;
        min-width: 0;
        color: #303244;
        overflow-wrap: anywhere;
    }

    @media (max-width: 520px) {
        .workflow-timeline-content {
            flex-direction: column;
        }

        .workflow-timeline-main {
            flex-basis: auto;
            width: 100%;
        }

        .workflow-timeline-details > div {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 0.15rem;
        }

        .workflow-timeline-details {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    .formulario-admin-native-input {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        background: #fbfcff;
        color: #111827;
        padding: 0.75rem 0.875rem;
        box-shadow: none;
    }

    .formulario-admin-native-input:focus {
        outline: none;
        border-color: #2566c2;
        box-shadow: 0 0 0 1px #2566c2;
    }

    .formulario-admin-textarea {
        min-height: 26rem;
        resize: vertical;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .artefato-admin-native-input {
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        background: #fbfcff;
        color: #111827;
        padding: 0.75rem 0.875rem;
        box-shadow: none;
    }

    .artefato-admin-native-input:focus {
        outline: none;
        border-color: #2566c2;
        box-shadow: 0 0 0 1px #2566c2;
    }

    .artefato-admin-textarea {
        min-height: 24rem;
        resize: vertical;
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .okai-colecao-lookup .e-input-group,
    .okai-colecao-lookup .e-input-group.e-control-wrapper { border-radius: 0.75rem !important; }
    .okai-input, .okai-select { width: 100%; border: 1px solid rgb(209 213 219); border-radius: 0.75rem; padding: 0.65rem 0.85rem; font-size: 0.95rem; line-height: 1.35rem; background: white; }
    .okai-input:focus, .okai-select:focus { outline: none; border-color: rgb(59 130 246); box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12); }
    .okai-icon-button { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; border: 1px solid rgb(229 231 235); color: rgb(82 82 91); background: white; }
    .okai-icon-button:hover:enabled { background: rgb(245 245 245); }
    .okai-icon-button:disabled { opacity: 0.4; cursor: not-allowed; }
    .okai-playlist-item { cursor: grab; transition: border-color 0.15s ease, background-color 0.15s ease, opacity 0.15s ease; }
    .okai-playlist-item:active { cursor: grabbing; }
    .okai-drag-handle { display: inline-flex; align-items: center; justify-content: center; color: rgb(115 115 115); }
    .okai-dropzone-final { border: 1px dashed rgb(209 213 219); border-radius: 0.75rem; padding: 0.75rem; font-size: 0.75rem; color: rgb(115 115 115); transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease; }
    .okai-dropzone-final:hover { border-color: rgb(156 163 175); color: rgb(64 64 64); background: rgb(249 250 251); }

    .okai-querybuilder-shell .okai-querybuilder-native-select {
        width: 100%;
        min-height: 2.5rem;
        border: 1px solid rgb(203 213 225);
        border-radius: 0.75rem;
        background: rgb(255 255 255);
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        color: rgb(15 23 42);
    }

    .okai-querybuilder-shell .okai-querybuilder-native-select--multiple {
        min-height: 7.5rem;
        padding-right: 0.5rem;
    }

    .okai-querybuilder-shell .okai-querybuilder-native-select option {
        color: rgb(15 23 42);
    }

    .okai-querybuilder-shell .okai-querybuilder-chiplist {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        max-height: 10rem;
        overflow: auto;
        border: 1px solid rgb(203 213 225);
        border-radius: 0.75rem;
        background: rgb(255 255 255);
        padding: 0.65rem;
    }

    .okai-querybuilder-shell .okai-querybuilder-chip {
        border: 1px solid rgb(186 230 253);
        border-radius: 999px;
        background: rgb(248 250 252);
        padding: 0.35rem 0.75rem;
        font-size: 0.8rem;
        line-height: 1rem;
        color: rgb(14 116 144);
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: left;
        transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
    }

    .okai-querybuilder-shell .okai-querybuilder-chip--selected {
        border-color: rgb(8 145 178);
        background: rgb(8 145 178);
        color: rgb(255 255 255);
    }

    @media (max-width: 767px) {
        .okai-querybuilder-shell .okai-querybuilder-chiplist {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
            max-height: 14rem;
        }
    }

    .course-notes-editor__toolbar-button {
        border: 0;
        background: transparent;
        color: inherit;
        font-size: inherit;
        line-height: 1;
        padding: 0;
    }

    .course-notes-editor__toolbar-button:disabled {
        cursor: default;
        opacity: 0.45;
    }

    .course-notes-editor__surface {
        overflow-y: auto;
        outline: none;
        white-space: normal;
        word-break: break-word;
    }

    .course-notes-editor__surface[contenteditable="true"] {
        cursor: text;
    }

    .course-notes-editor__surface:empty::before {
        content: attr(data-placeholder);
        color: #9ca3af;
        pointer-events: none;
    }

    .course-notes-editor__surface p,
    .course-notes-editor__surface div {
        margin: 0 0 0.75rem;
    }

    .course-notes-editor__surface p:last-child,
    .course-notes-editor__surface div:last-child {
        margin-bottom: 0;
    }

    .course-notes-editor__surface ul,
    .course-notes-editor__surface ol {
        margin: 0.75rem 0;
        padding-left: 1.5rem;
    }

    .course-notes-editor__surface ul {
        list-style: disc !important;
        list-style-position: inside !important;
    }

    .course-notes-editor__surface ol {
        list-style: decimal !important;
        list-style-position: inside !important;
    }

    .course-notes-editor__surface li {
        display: list-item !important;
        font-weight: inherit;
    }

    .course-notes-editor__surface li + li {
        margin-top: 0.35rem;
    }

    .okai-documento-dropdown-shell {
        cursor: pointer;
    }

    .okai-documento-dropdown.e-dropdownlist,
    .okai-documento-dropdown .e-input-group {
        width: 100%;
    }

    .okai-documento-dropdown.e-control-wrapper {
        border: 1px solid #E5E7EB;
        border-radius: 10px;
        background: #FFFFFF;
        min-height: 44px;
        padding-top: 5px !important;
        box-shadow: none;
    }

    .okai-documento-dropdown.e-control-wrapper.e-popup-open,
    .okai-documento-dropdown.e-control-wrapper.e-input-focus {
        border-radius: 10px !important;
    }

    .okai-documento-dropdown .e-input-group {
        border: 0 !important;
        min-height: 44px;
        background: transparent;
        border-radius: 10px !important;
    }

    .okai-documento-dropdown.e-ddl.e-input-focus,
    .okai-documento-dropdown .e-input-group.e-input-focus {
        border-color: #06B6D4 !important;
        box-shadow: none !important;
        border-radius: 10px !important;
    }

    .okai-documento-dropdown .e-input,
    .okai-documento-dropdown .e-input-value,
    .okai-documento-dropdown .e-placeholder {
        font-family: Poppins, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #111827;
    }

    .okai-documento-dropdown .e-input-group input.e-input,
    .okai-documento-dropdown .e-input-group .e-input-value,
    .okai-documento-dropdown .e-input-group .e-placeholder {
        align-self: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .okai-documento-dropdown.e-ddl.e-input-focus::before,
    .okai-documento-dropdown.e-ddl.e-input-focus::after,
    .okai-documento-dropdown .e-input-group.e-input-focus::before,
    .okai-documento-dropdown .e-input-group.e-input-focus::after {
        background: transparent !important;
    }

    .okai-documento-dropdown.e-dropdownlist .e-input-group-icon,
    .okai-documento-dropdown .e-input-group-icon {
        width: 20px;
        min-width: 20px;
        margin-right: 12px;
        position: relative;
        background: transparent !important;
        color: transparent !important;
        margin-top: -2px !important;
    }

    .okai-documento-dropdown.e-dropdownlist .e-input-group-icon::before,
    .okai-documento-dropdown .e-input-group-icon::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 7px;
        height: 7px;
        border-right: 1.6px solid #6B7280;
        border-bottom: 1.6px solid #6B7280;
        transform: translate(-50%, -65%) rotate(45deg);
    }

    .okai-documento-dropdown.e-popup {
        border-radius: 10px;
        border: 1px solid #E5E7EB;
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
    }

    .okai-documento-dropdown.e-popup .e-list-item {
        font-family: Poppins, sans-serif;
        font-size: 12px;
    }

    .okai-documento-pdf-viewer {
        display: flex;
        flex-direction: column;
        height: min(1350px, 100vh);
        height: min(1350px, 100dvh);
        max-height: 100vh;
        max-height: 100dvh;
    }

    .okai-documento-pdf-toolbar {
        flex: 0 0 auto;
    }

    .okai-documento-iframe {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        border: 0;
    }

    @media (min-width: 1280px) {
        .okai-documento-pdf-viewer {
            height: min(1500px, 100vh);
            height: min(1500px, 100dvh);
        }
    }

    .compliance-documento-pdf-viewer.okai-documento-pdf-viewer {
        height: clamp(360px, calc(100dvh - 285px), 760px);
        max-height: clamp(360px, calc(100dvh - 285px), 760px);
    }

    @media (max-width: 767px) {
        .compliance-documento-pdf-viewer.okai-documento-pdf-viewer {
            height: clamp(320px, calc(100dvh - 235px), 72dvh);
            max-height: clamp(320px, calc(100dvh - 235px), 72dvh);
        }
    }

    #GridColunasVisao.e-grid,
    .colunas-visao-grid.e-grid {
        border: none;
        box-shadow: none;
        max-width: 100%;
    }

    #GridColunasVisao .e-gridheader,
    #GridColunasVisao .e-gridheader .e-headercontent,
    #GridColunasVisao .e-headercontent,
    #GridColunasVisao .e-columnheader,
    #GridColunasVisao .e-columnheaders,
    .colunas-visao-grid .e-gridheader,
    .colunas-visao-grid .e-headercontent,
    .colunas-visao-grid .e-columnheader,
    .colunas-visao-grid .e-columnheaders,
    .colunas-visao-grid .e-groupdroparea,
    .colunas-visao-grid .e-gridpager {
        display: none !important;
        height: 0 !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #GridColunasVisao .e-gridcontent,
    #GridColunasVisao .e-content,
    .colunas-visao-grid .e-gridcontent,
    .colunas-visao-grid .e-content {
        border-top: 0 !important;
        border: none;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .colunas-visao-grid .e-table {
        border-collapse: separate;
        border-spacing: 0 8px;
    }

    .colunas-visao-grid .e-rowcell {
        background: #ffffff;
        border-top: 1px solid #e5e7eb;
        padding: 0.6rem 0.75rem;
    }

    .colunas-visao-grid .e-rowcell:first-child {
        border-left: 1px solid #e5e7eb;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .colunas-visao-grid .e-rowcell:last-child {
        border-right: 1px solid #e5e7eb;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .colunas-visao-grid .e-rowdragdrop,
    .colunas-visao-grid .e-rowdragdropcell {
        width: 32px !important;
        min-width: 32px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .colunas-visao-grid .e-rowdragdrop .e-rowcelldrag,
    .colunas-visao-grid .e-rowdragdrop .e-icon-rowdragicon {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .colunas-visao-grid .e-rowdragdrop .e-rowcelldrag {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .colunas-visao-grid .e-rowdragdrop .e-icon-rowdragicon::before {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    .colunas-visao-grid .e-focused,
    .colunas-visao-grid .e-focus,
    .colunas-visao-grid .e-focused .e-rowcell,
    .colunas-visao-grid .e-focus .e-rowcell,
    .colunas-visao-grid .e-row.e-focused,
    .colunas-visao-grid .e-row.e-focus,
    .colunas-visao-grid .e-rowcell.e-focused,
    .colunas-visao-grid .e-rowcell.e-focus,
    .colunas-visao-grid .e-rowcell:focus,
    .colunas-visao-grid .e-rowcell:focus-visible,
    .colunas-visao-grid .e-rowcell:focus-within,
    .colunas-visao-grid .e-row:focus,
    .colunas-visao-grid .e-row:focus-visible,
    .colunas-visao-grid .e-row:focus-within,
    .colunas-visao-grid .e-active,
    .colunas-visao-grid .e-active .e-rowcell,
    .colunas-visao-grid .e-selectionbackground,
    .colunas-visao-grid .e-cellselectionbackground,
    .colunas-visao-grid .e-gridcontent [tabindex]:focus,
    .colunas-visao-grid .e-gridcontent [tabindex]:focus-visible {
        outline: none !important;
        box-shadow: none !important;
        border-color: #e5e7eb !important;
        outline-color: transparent !important;
        filter: none !important;
    }

    .visao-coluna-select.e-dropdownlist {
        width: 100%;
    }

    .visao-coluna-select .e-input-group,
    .visao-coluna-select.e-dropdownlist .e-input-group {
        border-radius: 10px;
        border: 1px solid #d1d5db;
        padding: 0.45rem 0.75rem;
        background: #fff;
    }

    .adicionar-coluna-btn.e-btn:hover,
    .adicionar-coluna-btn.e-btn:focus,
    .adicionar-coluna-btn.e-btn:active {
        background-color: transparent !important;
        border-color: transparent !important;
        color: #374151 !important;
        box-shadow: none !important;
        outline: none !important;
        text-decoration: underline;
    }

    .adicionar-coluna-btn.e-btn:hover .e-btn-text,
    .adicionar-coluna-btn.e-btn:focus .e-btn-text,
    .adicionar-coluna-btn.e-btn:active .e-btn-text {
        text-decoration: underline;
    }

    .compliance-task-detail > .compliance-card,
    .compliance-task-detail__header {
        width: 100%;
        max-width: 80rem;
        margin-right: auto;
        margin-left: auto;
    }

    .compliance-task-detail__header {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__title-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .compliance-task-detail__breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
        margin: 0;
        padding: 0;
        color: #6b7280;
        font-size: 14px;
        list-style: none;
    }

    .compliance-task-detail__breadcrumb a {
        color: #6b7280;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    .compliance-task-detail__breadcrumb a:hover {
        color: #374151;
    }

    .compliance-task-detail__breadcrumb span[aria-current="page"] {
        color: #6b7280;
    }

    .compliance-task-detail__title {
        margin: 0;
        color: #24243a;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25;
    }

    .compliance-task-detail__subtitle {
        margin: 6px 0 0;
        color: #697386;
        font-size: 16px;
        line-height: 1.5;
    }

    .compliance-task-detail__layout {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(280px, 0.9fr);
        gap: 24px;
        align-items: start;
        width: 100%;
        max-width: 80rem;
        margin-right: auto;
        margin-left: auto;
    }

    .compliance-task-detail__main,
    .compliance-task-detail__sidebar {
        min-width: 0;
    }

    .compliance-task-detail__main {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__sidebar {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__card-header,
    .compliance-task-detail__side-card {
        padding: 20px;
    }

    .compliance-task-detail__card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .compliance-task-detail__timeline-card {
        padding: 20px;
    }

    .compliance-task-detail__card-header h2,
    .compliance-task-detail__side-card h2 {
        margin: 0;
        color: #303244;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__card-header p,
    .compliance-task-detail__muted {
        margin: 8px 0 0;
        color: #4b5563;
        font-size: 14px;
        line-height: 1.6;
    }

    .compliance-task-detail__responsavel {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .compliance-task-detail__avatar {
        display: inline-flex;
        flex: 0 0 28px;
        align-items: center;
        justify-content: center;
        width: 28px;
        min-width: 28px;
        max-width: 28px;
        height: 28px;
        min-height: 28px;
        max-height: 28px;
        aspect-ratio: 1 / 1;
        align-self: center;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 50%;
        background: #eef5ff;
        color: #2566c2;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }

    .compliance-task-detail__responsavel strong {
        display: block;
        color: #303244;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__responsavel-help {
        display: block;
        margin-top: 3px;
        color: #6b7280;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.35;
    }

    .compliance-task-detail__info-list {
        margin: 16px -20px -20px;
        border-top: 1px solid #edf0f4;
    }

    .compliance-task-detail__info-list div {
        display: grid;
        grid-template-columns: minmax(108px, 0.8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid #edf0f4;
        min-height: 58px;
        padding: 12px 20px;
    }

    .compliance-task-detail__info-list .compliance-task-detail__info-list-row--media {
        align-items: center;
    }

    .compliance-task-detail__info-list div:last-child {
        border-bottom: 0;
    }

    .compliance-task-detail__info-list dt {
        color: #3f4454;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__info-list dd {
        min-width: 0;
        margin: 0;
        overflow-wrap: anywhere;
        color: #303244;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.35;
    }

    .compliance-task-detail__item-link {
        color: #2566c2;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 3px;
        transition: color 0.15s ease;
    }

    .compliance-task-detail__item-link:hover {
        color: #163f78;
    }

    .compliance-task-detail__side-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 16px;
    }

    @media (max-width: 1023px) {
        .compliance-task-detail__layout {
            grid-template-columns: 1fr;
        }

        .compliance-task-detail__title-row {
            flex-direction: column;
        }
    }

    .okai-lab-page {
        background:
            radial-gradient(circle at top left, rgba(34, 211, 238, 0.10), transparent 28%),
            radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 24%);
        min-width: 0;
    }

    .okai-lab-shell {
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 18px 44px -34px rgba(15, 23, 42, 0.42);
        backdrop-filter: blur(10px);
        min-width: 0;
    }

    .okai-lab-shell--soft {
        background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
    }

    .okai-lab-hero {
        border: 1px solid rgba(103, 232, 249, 0.42);
        border-radius: 1.15rem;
        padding: 1rem;
        background: linear-gradient(135deg, rgba(236, 254, 255, 0.96) 0%, rgba(248, 250, 252, 0.98) 62%, rgba(255, 255, 255, 0.98) 100%);
    }

    .okai-lab-eyebrow {
        font-size: 0.72rem;
        line-height: 1rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        font-weight: 700;
        color: rgb(14 116 144);
    }

    .okai-lab-stat {
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.84);
        padding: 0.9rem 1rem;
    }

    .okai-lab-stat-label {
        font-size: 0.72rem;
        line-height: 1rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        font-weight: 700;
        color: rgb(100 116 139);
    }

    .okai-lab-stat-value {
        margin-top: 0.35rem;
        font-size: 1.15rem;
        line-height: 1.2;
        font-weight: 700;
        color: rgb(15 23 42);
    }

    .okai-lab-stat-meta {
        margin-top: 0.35rem;
        font-size: 0.78rem;
        line-height: 1.35;
        color: rgb(100 116 139);
    }

    .okai-lab-section {
        display: flex;
        flex-direction: column;
        gap: 0.9rem;
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: 1.1rem;
        background: rgba(255, 255, 255, 0.92);
        padding: 1rem;
    }

    .okai-lab-label {
        display: block;
        margin-bottom: 0.35rem;
        font-size: 0.76rem;
        line-height: 1rem;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: rgb(71 85 105);
    }

    .okai-lab-input,
    .okai-lab-select {
        width: 100%;
        border: 1px solid rgba(148, 163, 184, 0.45);
        border-radius: 0.9rem;
        background: rgba(255, 255, 255, 0.98);
        padding: 0.68rem 0.85rem;
        font-size: 0.92rem;
        color: rgb(15 23 42);
    }

    .okai-lab-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 0.38rem 0.75rem;
        background: rgba(14, 165, 233, 0.10);
        color: rgb(12 74 110);
        font-size: 0.76rem;
        line-height: 1rem;
        font-weight: 700;
    }

    .okai-lab-pill--muted {
        background: rgba(148, 163, 184, 0.13);
        color: rgb(71 85 105);
    }

    .okai-lab-lookup {
        border: 1px solid rgba(186, 230, 253, 0.9);
        border-radius: 1rem;
        background: rgba(248, 250, 252, 0.9);
        padding: 0.85rem;
    }

    .okai-lab-manual-item {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0.8rem;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 1rem;
        background: linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(255, 255, 255, 1) 100%);
        padding: 0.8rem 0.9rem;
    }

    .okai-lab-manual-index {
        flex: 0 0 auto;
        min-width: 3rem;
        border-radius: 999px;
        background: rgba(15, 23, 42, 0.06);
        padding: 0.4rem 0.7rem;
        text-align: center;
        font-size: 0.76rem;
        font-weight: 700;
        color: rgb(51 65 85);
    }

    .okai-lab-mini-button,
    .okai-lab-ghost-button {
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.9);
        padding: 0.42rem 0.78rem;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 700;
        color: rgb(51 65 85);
    }

    .okai-lab-mini-button--danger {
        color: rgb(185 28 28);
        border-color: rgba(252, 165, 165, 0.55);
    }

    .okai-lab-manual-actions {
        display: flex;
        flex: 1 1 100%;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 0.5rem;
    }

    .okai-lab-rulebox {
        border: 1px dashed rgba(14, 165, 233, 0.35);
        border-radius: 1rem;
        background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
        padding: 0.9rem;
    }

    .okai-lab-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border: 1px solid rgba(34, 211, 238, 0.30);
        border-radius: 1.15rem;
        background: linear-gradient(135deg, rgba(236, 254, 255, 0.9) 0%, rgba(255, 255, 255, 0.98) 100%);
        padding: 1rem;
    }

    .okai-lab-primary-button {
        border: none;
        border-radius: 999px;
        background: linear-gradient(135deg, rgb(8 145 178) 0%, rgb(6 182 212) 100%);
        padding: 0.82rem 1.25rem;
        font-size: 0.92rem;
        line-height: 1rem;
        font-weight: 700;
        color: white;
        box-shadow: 0 16px 24px -18px rgba(8, 145, 178, 0.95);
    }

    .okai-lab-grid-header {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1rem 0.8rem;
    }

    .okai-lab-grid-stage {
        height: 100%;
        min-width: 0;
        overflow-x: auto;
    }

    .okai-lab-empty {
        border: 1px dashed rgba(148, 163, 184, 0.38);
        border-radius: 1rem;
        background: rgba(248, 250, 252, 0.88);
        padding: 1rem;
    }

    .okai-lab-preview-mobile {
        display: none;
    }

    .okai-lab-preview-card {
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
        border-bottom: 1px solid rgba(226, 232, 240, 0.9);
        padding: 1rem;
    }

    .okai-lab-preview-card:last-child {
        border-bottom: none;
    }

    .okai-lab-preview-card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .okai-lab-preview-order {
        font-size: 0.82rem;
        line-height: 1rem;
        font-weight: 800;
        color: rgb(12 74 110);
    }

    .okai-lab-preview-title {
        font-size: 1rem;
        line-height: 1.35;
        font-weight: 700;
        color: rgb(15 23 42);
    }

    .okai-lab-preview-meta {
        font-size: 0.76rem;
        line-height: 1.35;
        color: rgb(100 116 139);
        overflow-wrap: anywhere;
    }

    .okai-lab-preview-pairs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .okai-lab-preview-pairs > div {
        display: flex;
        flex-direction: column;
        gap: 0.18rem;
    }

    .okai-lab-preview-pairs dt {
        font-size: 0.72rem;
        line-height: 1rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgb(100 116 139);
    }

    .okai-lab-preview-pairs dd {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.35;
        color: rgb(15 23 42);
        overflow-wrap: anywhere;
    }

    .okai-lab-preview-pairs-full {
        grid-column: 1 / -1;
    }

    @media (max-width: 1279px) {
        .okai-lab-cta,
        .okai-lab-grid-header {
            flex-direction: column;
        }
    }

    @media (max-width: 767px) {
        .okai-lab-shell,
        .okai-lab-shell--soft {
            border-radius: 1rem;
        }

        .okai-lab-hero,
        .okai-lab-section,
        .okai-lab-cta {
            padding: 0.9rem;
        }

        .okai-lab-manual-index {
            min-width: 2.65rem;
        }

        .okai-lab-manual-actions {
            justify-content: stretch;
        }

        .okai-lab-manual-actions > button {
            flex: 1 1 7rem;
        }

        .okai-lab-primary-button {
            width: 100%;
        }

        .okai-lab-grid-header {
            padding-bottom: 0.5rem;
        }

        .okai-lab-grid-stage {
            margin: 0 -0.15rem;
            padding-bottom: 0.15rem;
        }

        .okai-lab-preview-desktop {
            display: none;
        }

        .okai-lab-preview-mobile {
            display: block;
        }

        .okai-lab-preview-card {
            padding: 0.95rem;
        }
    }

    .okai-admin-native-input {
        width: 100%;
        min-height: 40px;
        border: 1px solid #e5e7eb;
        border-radius: 0.5rem;
        background-color: #FBFCFF;
        color: #111827;
        padding: 0.625rem 0.875rem;
        outline: none;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .compliance-hub-documento-formato-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .compliance-hub-documento-formato-grid > div {
        width: 100%;
        min-width: 0;
    }

    @media (min-width: 768px) {
        .compliance-hub-documento-formato-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .okai-admin-native-input::placeholder,
    .compliance-hub-native-textarea::placeholder {
        color: #9ca3af;
        opacity: 1;
    }

    .okai-admin-native-input:focus {
        border-color: #2566C2;
        box-shadow: 0 0 0 1px #2566C2;
    }

    .compliance-hub-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: none !important;
        padding-right: 2.5rem;
    }

    div:has(> .compliance-hub-select) {
        position: relative;
    }

    div:has(> .compliance-hub-select)::after {
        content: "";
        position: absolute;
        top: 3.25rem;
        right: 0.875rem;
        width: 0.9rem;
        height: 0.9rem;
        background-image: url('/icons/regular/chevron-down.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 0.9rem;
        pointer-events: none;
        transition: transform 0.2s ease;
        transform: translateY(-50%);
    }

    div:has(> .compliance-hub-select):focus-within::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .compliance-hub-native-textarea {
        min-height: 120px;
        resize: vertical;
    }

    .compliance-hub-native-textarea {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .compliance-hub-native-textarea,
    .compliance-hub-select {
        line-height: 1.5rem;
    }

    .compliance-hub-documento-dupla-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    .compliance-hub-documento-dupla-grid > * {
        min-width: 0;
    }

    @media (min-width: 768px) {
        .compliance-hub-documento-dupla-grid {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: start;
        }
    }

    .compliance-hub-author-picker {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .compliance-hub-author-picker [hidden] {
        display: none !important;
    }

    .compliance-hub-authors-field {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .compliance-hub-author-control {
        display: flex;
        align-items: stretch;
        gap: 0;
        min-height: 40px;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        border: 1px solid #e2e8f0;
        border-radius: 0.5rem;
        background-color: #FBFCFF;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .compliance-hub-author-control.is-open {
        border-color: #3473CC;
        box-shadow: 0 0 0 1px #3473CC;
    }

    .compliance-hub-author-selection {
        display: flex;
        flex: 1 1 auto;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        width: 100%;
        gap: 0.625rem;
        padding: 0.375rem 0 0.375rem 0.9rem;
        min-width: 0;
        max-width: 100%;
    }

    .compliance-hub-author-chips {
        display: flex;
        flex: 0 1 auto;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        min-width: 0;
        max-width: 100%;
    }

    .compliance-hub-author-chip {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        min-height: 2.125rem;
        max-width: 100%;
        border: 0;
        border-radius: 9999px;
        background: #edf0f7;
        color: #3f3f46;
        font-size: 0.95rem;
        line-height: 1.25rem;
        padding: 0.25rem 0.7rem 0.25rem 0.35rem;
        cursor: pointer;
    }

    .compliance-hub-author-chip:hover {
        background: #e5e7eb;
    }

    .compliance-hub-author-chip-avatar,
    .compliance-hub-author-option-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.75rem;
        height: 1.75rem;
        min-width: 1.75rem;
        border-radius: 9999px;
        overflow: hidden;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0;
        flex-shrink: 0;
    }

    .compliance-hub-author-chip-avatar-image,
    .compliance-hub-author-option-avatar-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .compliance-hub-author-chip-avatar-fallback,
    .compliance-hub-author-option-avatar-fallback {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .compliance-hub-author-chip-label,
    .compliance-hub-author-option-label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .compliance-hub-author-option-label {
        flex: 1 1 auto;
    }

    .compliance-hub-author-chip-remove {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.35rem;
        height: 1.35rem;
        border-radius: 9999px;
        background: rgba(63, 63, 70, 0.14);
        color: #71717a;
        font-size: 1rem;
        line-height: 1;
    }

    .compliance-hub-author-input {
        flex: 1 1 14rem;
        min-width: 12rem;
        border: 0;
        outline: 0;
        color: #3f3f46;
        font-size: 1rem;
        line-height: 1.5rem;
        background: transparent;
        padding: 0.125rem 0;
    }

    .compliance-hub-author-input::placeholder {
        color: #a1a1aa;
    }

    .compliance-hub-author-actions {
        display: inline-flex;
        align-items: center;
        align-self: stretch;
        gap: 0;
        padding: 0 0.6rem 0 0.1rem;
    }

    .compliance-hub-author-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border: 0;
        border-radius: 0.5rem;
        background: transparent;
        color: #71717a;
        cursor: pointer;
        transition: color 0.18s ease, background-color 0.18s ease;
    }

    .compliance-hub-author-action:hover,
    .compliance-hub-author-action:focus-visible {
        background: #f3f4f6;
        color: #3f3f46;
        outline: 0;
    }

    .compliance-hub-author-clear span {
        font-size: 1.45rem;
        line-height: 1;
    }

    .compliance-hub-author-toggle-icon {
        width: 1.25rem;
        height: 1.25rem;
        transition: transform 0.18s ease;
    }

    .compliance-hub-author-control.is-open .compliance-hub-author-toggle-icon {
        transform: rotate(180deg);
    }

    .compliance-hub-author-dropdown {
        position: absolute;
        top: calc(100% + 0.4rem);
        left: 0;
        right: 0;
        z-index: 30;
        display: flex;
        flex-direction: column;
        max-height: 22rem;
        overflow-y: auto;
        border: 1px solid #e5e7eb;
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
        padding: 0.5rem 0;
    }

    .compliance-hub-author-empty {
        padding: 0.85rem 1rem;
        color: #71717a;
        font-size: 0.95rem;
    }

    .compliance-hub-author-option {
        width: 100%;
        border: 0;
        background: transparent;
        color: #3f3f46;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-size: 1rem;
        line-height: 1.4rem;
        text-align: left;
        padding: 0.85rem 1rem;
        cursor: pointer;
        transition: background-color 0.18s ease;
    }

    .compliance-hub-author-option:hover,
    .compliance-hub-author-option:focus-visible {
        background: #f3f4f6;
        outline: 0;
    }

    .compliance-hub-author-option.is-active {
        background: #eff4ff;
        color: #16335f;
    }

    .okai-admin-native-input:disabled,
    .compliance-hub-native-textarea:disabled {
        background-color: #f8fafc;
        color: #94a3b8;
        cursor: not-allowed;
    }

    .audit-lab {
        padding-bottom: 11rem;
        touch-action: pan-y;
    }

    .audit-shell {
        border: 1px solid #dbe4f0;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: none;
    }

    .audit-shell--soft {
        background: #f8fafc;
    }

    .audit-hero {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .audit-eyebrow {
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #7a5c1b;
    }

    .audit-title {
        font-size: 1.35rem;
        font-weight: 700;
        line-height: 1.2;
        color: #0f172a;
    }

    .audit-subtitle {
        font-size: 0.9rem;
        color: #475569;
    }

    .audit-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        border-radius: 999px;
        padding: 0.28rem 0.7rem;
        font-size: 0.72rem;
        font-weight: 700;
        color: #1e293b;
        background: #e2e8f0;
    }

    .audit-pill--muted {
        background: #edf2f7;
        color: #475569;
    }

    .audit-pill--nok {
        background: #fee4e2;
        color: #b42318;
    }

    .audit-main-header {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        justify-content: space-between;
        gap: 0.85rem;
        padding: 1rem 1rem 0.85rem;
        border-bottom: 1px solid #e2e8f0;
    }

    .audit-main-header-content {
        min-width: 0;
        flex: 1 1 320px;
    }

    .audit-main-body {
        display: flex;
        flex-direction: column;
        gap: 0.9rem;
        padding: 0.85rem 1rem 1rem;
    }

    .audit-main-body--preview {
        min-height: 70vh;
    }

    .audit-preview-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .audit-preview-tab {
        border: 1px solid #cbd5e1;
        border-radius: 999px;
        background: #ffffff;
        color: #334155;
        padding: 0.5rem 0.85rem;
        font-size: 0.78rem;
        font-weight: 700;
    }

    .audit-preview-tab--active {
        border-color: #0f766e;
        background: #ccfbf1;
        color: #115e59;
    }

    .audit-link-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: start;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        background: #ffffff;
        color: #0f172a;
        padding: 0.58rem 0.82rem;
        font-size: 0.8rem;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
    }

    .audit-link-button:hover {
        border-color: #94a3b8;
    }

    .audit-preview-shell {
        border: 1px solid #dbe4f0;
        border-radius: 16px;
        overflow: hidden;
        background: #ffffff;
        min-height: 68vh;
    }

    .audit-preview-frame {
        display: block;
        width: 100%;
        min-height: 68vh;
        border: 0;
        background: #ffffff;
    }

    .audit-preview-empty {
        border: 1px solid #dbe4f0;
        border-radius: 16px;
        background: #f8fafc;
        padding: 1rem;
        font-size: 0.9rem;
        color: #475569;
    }

    .audit-section-title {
        font-size: 0.88rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #475569;
    }

    .audit-list-label {
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #64748b;
    }

    .audit-nav-button,
    .audit-save-button,
    .audit-decision {
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        background: #ffffff;
        color: #0f172a;
        padding: 0.6rem 0.82rem;
        font-size: 0.8rem;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: border-color 0.12s ease, background-color 0.12s ease, color 0.12s ease;
    }

    .audit-save-button__spinner {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
        border-radius: 9999px;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-top-color: #ffffff;
        animation: audit-spin 0.7s linear infinite;
    }

    .audit-nav-button:hover,
    .audit-save-button:hover,
    .audit-decision:hover {
        border-color: #94a3b8;
    }

    .audit-nav-button--primary,
    .audit-save-button {
        background: #0f766e;
        border-color: #0f766e;
        color: #ffffff;
    }

    .audit-decision--active {
        border-color: #0f766e;
        box-shadow: inset 0 0 0 1px #0f766e;
    }

    @keyframes audit-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .audit-decision--ok.audit-decision--active {
        background: #ccfbf1;
        color: #115e59;
        border-color: #14b8a6;
        box-shadow: inset 0 0 0 1px #14b8a6;
    }

    .audit-decision--nok.audit-decision--active {
        background: #fee4e2;
        color: #b42318;
        border-color: #f97066;
        box-shadow: inset 0 0 0 1px #f97066;
    }

    .audit-review-panel {
        min-width: min(100%, 360px);
        border: 1px solid #dbe4f0;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.92);
        padding: 1rem;
    }

    .audit-textarea {
        width: 100%;
        min-height: 132px;
        border: 1px solid #cbd5e1;
        border-radius: 18px;
        background: #ffffff;
        padding: 0.9rem 1rem;
        font-size: 0.92rem;
        color: #0f172a;
        resize: vertical;
    }

    .audit-textarea--floating {
        min-height: 48px;
        margin-top: 0;
    }

    .audit-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 0.32rem 0.7rem;
        font-size: 0.75rem;
        font-weight: 600;
    }

    .audit-chip-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
    }

    .audit-chip--reason {
        background: #e0f2fe;
        color: #075985;
    }

    .audit-chip--signal {
        background: #fff7ed;
        color: #9a3412;
    }

    .audit-table-wrap {
        overflow: auto;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
    }

    .audit-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.88rem;
    }

    .audit-table th,
    .audit-table td {
        padding: 0.85rem 0.9rem;
        border-bottom: 1px solid #e2e8f0;
        vertical-align: top;
        text-align: left;
    }

    .audit-table th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f8fafc;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #64748b;
    }

    .audit-table-field {
        width: 220px;
        font-weight: 700;
        color: #0f172a;
    }

    .audit-table-row--warn {
        background: rgba(255, 247, 237, 0.75);
    }

    .audit-field-value {
        color: #0f172a;
        line-height: 1.45;
        white-space: pre-wrap;
        word-break: break-word;
    }

    .audit-field-value--empty {
        color: #94a3b8;
        font-style: italic;
    }

    .audit-field-pre {
        margin: 0;
        max-height: 320px;
        overflow: auto;
        border-radius: 16px;
        background: #0f172a;
        color: #e2e8f0;
        padding: 0.9rem 1rem;
        font-size: 0.8rem;
        line-height: 1.5;
        white-space: pre-wrap;
        word-break: break-word;
    }

    .audit-grid-sections {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    .audit-floating-review {
        position: fixed;
        right: 0.75rem;
        bottom: 0.75rem;
        z-index: 80;
        width: min(100vw - 1.5rem, 520px);
        border: 1px solid #cbd5e1;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: none;
        padding: 0.65rem;
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
    }

    .audit-floating-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.6rem;
    }

    .audit-floating-title {
        font-size: 0.76rem;
        font-weight: 700;
        line-height: 1.35;
        color: #0f172a;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .audit-floating-actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .audit-floating-actions .audit-nav-button,
    .audit-floating-actions .audit-decision {
        width: 100%;
    }

    .audit-icon-button {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
    }

    .audit-floating-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .audit-floating-meta {
        font-size: 0.74rem;
        color: #64748b;
    }

    @media (max-width: 960px) {
        .audit-lab {
            padding-bottom: 9rem;
        }

        .audit-main-body--preview,
        .audit-preview-shell,
        .audit-preview-frame {
            min-height: 58vh;
        }

        .audit-floating-review {
            right: 0.5rem;
            left: 0.5rem;
            bottom: 0.5rem;
            width: auto;
            border-radius: 14px;
            padding: 0.55rem;
            gap: 0.5rem;
        }

        .audit-floating-actions {
            gap: 0.4rem;
        }

        .audit-nav-button,
        .audit-save-button,
        .audit-decision {
            padding: 0.52rem 0.56rem;
            border-radius: 10px;
            font-size: 0.76rem;
        }

        .audit-textarea--floating {
            min-height: 42px;
            padding: 0.55rem 0.65rem;
            font-size: 0.8rem;
        }

        .audit-floating-title {
            font-size: 0.72rem;
        }
    }

.meu-calendario .e-toolbar .e-today,
.meu-calendario .e-toolbar .e-toolbar-item .e-today {
    display: none !important;
}

.meu-calendario.e-schedule .e-month-view .e-appointment {
    min-height: 75px;
    padding: 4px 6px !important;
    margin-left: 3px;
    background-color: #EDF0F7 !important;
    border: none !important;
    border-radius: 6px !important;
    white-space: normal !important;
}

.meu-calendario.e-schedule .e-month-view .e-appointment .e-subject {
    text-align: left !important;
    display: block;
    color: #104EA3 !important;
    font-weight: 600;
    white-space: normal !important;
    line-height: 16px;
    font-size: 13px;
}

.meu-calendario.e-schedule .e-month-view .e-appointment .e-icons {
    display: none !important;
}

.meu-calendario.e-schedule .e-month-view .e-appointment .e-appointment-details {
    padding: 0 !important;
    height: auto !important;
}

.compliance-documento-editor-surface {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        contain: inline-size;
    }

    .compliance-documento-okaidocs-frame,
    .compliance-documento-pdf-frame,
    .compliance-documento-markdown-frame {
        display: block;
        width: 100%;
        min-height: 0;
        height: min(calc(100dvh - 341px), 859px);
        border: 0;
        background: #ffffff;
    }

    @media (max-width: 767px) {
        .compliance-documento-okaidocs-frame,
        .compliance-documento-pdf-frame,
        .compliance-documento-markdown-frame {
            min-height: 0;
            height: 78dvh;
        }
    }

.compliance-task-detail > .compliance-card,
    .compliance-task-detail__header {
        width: 100%;
        max-width: 80rem;
        margin-right: auto;
        margin-left: auto;
    }

    .compliance-task-detail__header {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__title-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .compliance-task-detail__breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 8px;
        margin: 0;
        padding: 0;
        color: #6b7280;
        font-size: 14px;
        list-style: none;
    }

    .compliance-task-detail__breadcrumb a {
        color: #6b7280;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    .compliance-task-detail__breadcrumb a:hover {
        color: #374151;
    }

    .compliance-task-detail__breadcrumb span[aria-current="page"] {
        color: #6b7280;
    }

    .compliance-task-detail__title {
        margin: 0;
        color: #24243a;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25;
    }

    .compliance-task-detail__subtitle {
        margin: 6px 0 0;
        color: #697386;
        font-size: 16px;
        line-height: 1.5;
    }

    .compliance-task-detail__layout {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(280px, 0.9fr);
        gap: 24px;
        align-items: start;
        width: 100%;
        max-width: 80rem;
        margin-right: auto;
        margin-left: auto;
    }

    .compliance-task-detail__main,
    .compliance-task-detail__sidebar {
        min-width: 0;
    }

    .compliance-task-detail__main {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__sidebar {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .compliance-task-detail__card-header,
    .compliance-task-detail__side-card {
        padding: 20px;
    }

    .compliance-task-detail__card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

    .compliance-task-detail__timeline-card {
        padding: 20px;
    }

    .compliance-task-detail__case-items {
        overflow: hidden;
    }

    .compliance-task-detail__case-grid {
        min-height: 420px;
    }

    .compliance-task-detail__case-grid-shell {
        border-top: 1px solid #edf0f4;
    }

    .compliance-task-detail__case-grid-surface {
        border-radius: 0;
    }

    .compliance-task-detail__case-table-wrap {
        overflow-x: auto;
        border-top: 1px solid #edf0f4;
    }

    .compliance-task-detail__case-table {
        width: 100%;
        min-width: 720px;
        border-collapse: collapse;
        font-size: 13px;
    }

    .compliance-task-detail__case-table th,
    .compliance-task-detail__case-table td {
        padding: 12px 16px;
        border-bottom: 1px solid #edf0f4;
        color: #303244;
        text-align: left;
        vertical-align: top;
    }

    .compliance-task-detail__case-table th {
        background: #f8fafc;
        color: #3f4454;
        font-weight: 650;
    }

    .compliance-task-detail__case-table tr:last-child td {
        border-bottom: 0;
    }

    .compliance-task-detail__card-header h2,
    .compliance-task-detail__side-card h2 {
        margin: 0;
        color: #303244;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__card-header p,
    .compliance-task-detail__muted {
        margin: 8px 0 0;
        color: #4b5563;
        font-size: 14px;
        line-height: 1.6;
    }

    .compliance-task-detail__responsavel {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .compliance-task-detail__avatar {
        display: inline-flex;
        flex: 0 0 28px;
        align-items: center;
        justify-content: center;
        width: 28px;
        min-width: 28px;
        max-width: 28px;
        height: 28px;
        min-height: 28px;
        max-height: 28px;
        aspect-ratio: 1 / 1;
        align-self: center;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 50%;
        background: #eef5ff;
        color: #2566c2;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
    }

    .compliance-task-detail__responsavel strong {
        display: block;
        color: #303244;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__responsavel-help {
        display: block;
        margin-top: 3px;
        color: #6b7280;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.35;
    }

    .compliance-task-detail__info-list {
        margin: 16px -20px -20px;
        border-top: 1px solid #edf0f4;
    }

    .compliance-task-detail__info-list div {
        display: grid;
        grid-template-columns: minmax(108px, 0.8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid #edf0f4;
        min-height: 58px;
        padding: 12px 20px;
    }

    .compliance-task-detail__info-list .compliance-task-detail__info-list-row--media {
        align-items: center;
    }

    .compliance-task-detail__info-list div:last-child {
        border-bottom: 0;
    }

    .compliance-task-detail__info-list dt {
        color: #3f4454;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
    }

    .compliance-task-detail__info-list dd {
        min-width: 0;
        margin: 0;
        overflow-wrap: anywhere;
        color: #303244;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.35;
    }

    .compliance-task-detail__item-link {
        color: #2566c2;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 3px;
        transition: color 0.15s ease;
    }

    .compliance-task-detail__item-link:hover {
        color: #163f78;
    }

    .compliance-task-detail__side-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 16px;
    }

    @media (max-width: 1023px) {
        .compliance-task-detail__layout {
            grid-template-columns: 1fr;
        }

        .compliance-task-detail__title-row {
            flex-direction: column;
        }
    }

    @media (max-width: 767.98px) {
        .compliance-task-detail {
            flex: 0 0 auto;
            min-height: auto;
            padding-bottom: 24px;
            overflow: visible;
        }

        .compliance-task-detail > .compliance-card,
        .compliance-task-detail__header,
        .compliance-task-detail__layout {
            max-width: none;
        }

        .compliance-task-detail__layout {
            gap: 16px;
        }

        .compliance-task-detail__card-header,
        .compliance-task-detail__side-card,
        .compliance-task-detail__timeline-card {
            padding: 16px;
        }

        .compliance-task-detail__card-header {
            flex-direction: column;
        }

        .compliance-task-detail__info-list {
            margin: 14px -16px -16px;
        }

        .compliance-task-detail__info-list div {
            grid-template-columns: 1fr;
            align-items: start;
            gap: 4px;
            min-height: 0;
            padding: 12px 16px;
        }

        .compliance-task-detail__case-table {
            min-width: 560px;
        }
    }

[data-compliance-create-scroll-shell] {
        background-color: transparent;
        scrollbar-color: rgba(100, 116, 139, 0.72) transparent;
    }

    [data-compliance-create-document-shell]:has([data-compliance-create-editor-shell]:not(.hidden)) {
        overflow-y: hidden;
        padding-bottom: 0;
    }

    [data-compliance-create-editor-shell] {
        background-color: transparent;
        flex: 0 0 auto;
        overflow: visible;
    }

    [data-compliance-create-editor-shell] .compliance-documento-editor-surface {
        overflow: hidden;
    }

    [data-compliance-create-editor-shell] .compliance-documento-okaidocs-frame,
    [data-compliance-create-editor-shell] .compliance-documento-pdf-frame,
    [data-compliance-create-editor-shell] .compliance-documento-markdown-frame {
        min-height: 0;
        height: clamp(360px, calc(100dvh - 285px), 760px);
    }

    [data-compliance-create-scroll-shell]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    [data-compliance-create-scroll-shell].has-scroll {
        padding-right: 8px;
    }

    @media (min-width: 768px) {
        [data-compliance-create-scroll-shell].has-scroll {
            padding-right: 8px;
        }
    }

    @media (max-width: 767px) {
        [data-compliance-create-editor-shell] .compliance-documento-okaidocs-frame,
        [data-compliance-create-editor-shell] .compliance-documento-pdf-frame,
        [data-compliance-create-editor-shell] .compliance-documento-markdown-frame {
            min-height: 0;
            height: clamp(320px, calc(100dvh - 235px), 72dvh);
        }
    }

.okai-assine-header {
        position: relative;
        overflow: visible;
        filter: drop-shadow(0 18px 34px rgba(17, 24, 39, 0.16));
    }

    .okai-assine-header__bg {
        position: absolute;
        inset-inline: 0;
        top: 0;
        z-index: 0;
        background: linear-gradient(90deg, rgb(74, 131, 212) 0%, rgb(94, 80, 199) 50%, rgb(170, 70, 126) 100%);
    }

    .okai-assine-header__bg--mobile {
        bottom: -160px;
        clip-path: ellipse(124% 88% at 50% 0%);
        -webkit-clip-path: ellipse(124% 88% at 50% 0%);
    }

    .okai-assine-header__bg--desktop {
        display: none;
    }

    .okai-assine-header__content {
        position: relative;
        z-index: 1;
        padding: 3.5rem 1.5rem 7.25rem;
    }

    .okai-assine-header__title {
        text-shadow: 0 4px 20px rgba(241, 232, 255, 0.24);
    }

    .okai-assine-tablist {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        padding: 0.5rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.20);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
        backdrop-filter: blur(18px);
    }

    .okai-assine-tab-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.25rem;
        padding: 0.375rem 1.1rem;
        border-radius: 999px;
        font-size: 0.95rem;
        line-height: 1.2;
        transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    }

    .okai-assine-tab-button[aria-selected="true"] {
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    }

    .okai-assine-panel {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .okai-assine-panel.hidden {
        display: none !important;
    }

    .okai-assine-panel--entering {
        animation: okai-assine-panel-enter 300ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    @keyframes okai-assine-panel-enter {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .okai-assine-cards-shell {
        position: relative;
        z-index: 2;
        margin-top: -4rem;
        padding-bottom: 3rem;
    }

    .okai-assine-cards {
        display: grid;
        gap: 1.25rem;
    }

    .okai-assine-cards > div {
        display: flex;
        align-self: stretch;
    }

    .okai-assine-cards > div > * {
        width: 100%;
    }

    .okai-assine-cards--empresas {
        grid-template-columns: 1fr;
    }

    .okai-assine-plan-card {
        height: 100%;
    }

    .okai-assine-plan-card > card,
    .okai-assine-plan-card__frame > card {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .okai-assine-plan-card section,
    .okai-assine-plan-card__frame section {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
    }

    .okai-assine-plan-card section > .flow-root,
    .okai-assine-plan-card__frame section > .flow-root {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        height: 100%;
    }

    .okai-assine-plan-card__frame {
        position: relative;
        height: 100%;
        padding: 2px;
        border-radius: 0.75rem;
        background: linear-gradient(135deg, rgba(94, 80, 199, 0.95), rgba(58, 191, 248, 0.95), rgba(170, 70, 126, 0.95));
    }

    .okai-assine-plan-card__frame::before {
        content: "";
        position: absolute;
        inset: 16px;
        border-radius: 0.625rem;
        background: radial-gradient(circle, rgba(58, 191, 248, 0.24), transparent 70%);
        filter: blur(24px);
        z-index: 0;
    }

    .okai-assine-plan-card__frame section {
        position: relative;
        z-index: 1;
        border-radius: calc(0.75rem - 2px);
    }

    .okai-assine-plan {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        gap: 1.5rem;
        min-height: 100%;
    }

    .okai-assine-plan__header,
    .okai-assine-plan__price-wrap,
    .okai-assine-plan__cta {
        display: flex;
        flex-direction: column;
    }

    .okai-assine-plan__header {
        gap: 0.75rem;
    }

    .okai-assine-plan__title {
        margin: 0;
        color: #111827;
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .okai-assine-plan__description,
    .okai-assine-plan__price-note,
    .okai-assine-plan__price-subtitle {
        margin: 0;
        color: #667085;
        line-height: 1.65;
    }

    .okai-assine-plan__price-wrap {
        gap: 0.3rem;
    }

    .okai-assine-plan__price {
        margin: 0;
        color: #0f172a;
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 600;
        letter-spacing: -0.04em;
    }

    .okai-assine-plan__price span {
        margin-left: 0.35rem;
        color: #667085;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0;
    }

    .okai-assine-plan__features {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.8rem;
        flex: 1 1 auto;
        align-content: start;
    }

    .okai-assine-plan__feature {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        color: #334155;
        line-height: 1.55;
    }

    .okai-assine-plan__feature-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
        margin-top: 0.08rem;
        border-radius: 999px;
        background: rgb(52, 115, 204);
        color: #ffffff;
        font-size: 0.65rem;
        flex-shrink: 0;
    }

    .okai-assine-plan__cta {
        margin-top: auto;
        padding-top: 1rem;
        gap: 0.75rem;
    }

    .okai-assine-build-section {
        margin-top: 1.75rem;
    }

    .okai-assine-build-frame {
        border-radius: 1.5rem;
        box-shadow: 2px 2px 15px 0 rgba(74, 131, 212, 0.2);
    }

    .okai-assine-build-frame > card {
        display: flex;
        width: 100%;
    }

    .okai-assine-build-frame section {
        display: flex;
        width: 100%;
    }

    .okai-assine-build-frame section > .flow-root {
        width: 100%;
    }

    .okai-assine-build-shell {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        width: 100%;
    }

    .okai-assine-build-shell__intro,
    .okai-assine-build-shell__content {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        min-width: 0;
        width: 100%;
    }

    .okai-assine-build-shell__intro {
        justify-content: center;
        max-width: 25rem;
    }

    .okai-assine-build-section__title {
        margin: 0;
        color: #111827;
        font-size: 1.45rem;
        line-height: 1.25;
        font-weight: 600;
    }

    .okai-assine-build-section__description {
        margin: 0;
        color: #64748b;
        line-height: 1.7;
    }

    .okai-assine-build-card {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }

    .okai-assine-build-card__title {
        margin: 0;
        color: #111827;
        font-size: 1.15rem;
        line-height: 1.35;
        font-weight: 600;
    }

    .okai-assine-build-card__table-wrap {
        width: 100%;
        overflow-x: auto;
        border: 1px solid #D9E3F2;
        border-radius: 1rem;
        background: #FFFFFF;
    }

    .okai-assine-build-card__table {
        width: 100%;
        min-width: 0;
        border-collapse: collapse;
    }

    .okai-assine-build-card__table th,
    .okai-assine-build-card__table td {
        padding: 0.95rem 1.25rem;
        border-bottom: 1px solid #E2E8F0;
        text-align: left;
        vertical-align: middle;
    }

    .okai-assine-build-card__table th {
        color: #475569;
        font-size: 0.85rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        background: #F8FAFC;
    }

    .okai-assine-build-card__table tbody tr:last-child td {
        border-bottom: 0;
    }

    .okai-assine-build-card__table td {
        color: #334155;
        line-height: 1.55;
    }

    .okai-assine-build-card__label {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        flex-wrap: wrap;
    }

    .okai-assine-build-card__label tooltip {
        flex-shrink: 0;
    }

    .okai-assine-plan__price-note .okai-assine-build-card__label {
        flex-wrap: nowrap;
    }

    .okai-assine-build-card__value {
        color: #0f172a;
        font-weight: 600;
    }

    .okai-assine-build-card__action {
        width: 1%;
        white-space: nowrap;
    }

    .okai-assine-build-card__action botao-primario,
    .okai-assine-build-card__action botao-secundario {
        display: inline-block;
    }

    .okai-assine-build-card__microcopy {
        margin: 0;
        color: #64748b;
        line-height: 1.65;
    }

    @media (min-width: 768px) {
        .okai-assine-header__bg--mobile {
            display: none;
        }

        .okai-assine-header__bg--desktop {
            display: block;
            bottom: -250px;
            clip-path: ellipse(82% 94% at 50% 0%);
            -webkit-clip-path: ellipse(82% 94% at 50% 0%);
        }

        .okai-assine-header__content {
            padding-top: 5.5rem;
            padding-bottom: 8.25rem;
        }

        .okai-assine-cards-shell {
            margin-top: -5.5rem;
            padding-bottom: 5rem;
        }

        .okai-assine-cards--profissionais {
            grid-template-columns: repeat(2, minmax(0, 34rem));
            justify-content: center;
        }

        .okai-assine-cards--empresas {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .okai-assine-build-shell {
            display: grid;
            grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
            align-items: stretch;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .okai-assine-panel--entering {
            animation: none;
        }
    }

.okai-assine-compare-stack {
            display: flex;
            flex-direction: column;
            gap: 2.25rem;
        }

        .okai-assine-compare-section {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .okai-assine-compare-section + .okai-assine-compare-section {
            margin-top: 3rem;
        }

        .okai-assine-compare-section__title {
            margin: 0;
            color: #0f172a;
            font-size: 1.875rem;
            line-height: 2.25rem;
            font-weight: 600;
        }

        .okai-assine-compare-shell {
            margin-top: 3rem;
        }

        .okai-assine-compare-stack {
            display: flex;
            flex-direction: column;
            gap: 2.75rem;
        }

        .okai-assine-compare-overview {
            position: sticky;
            top: 0;
            z-index: 12;
            overflow-x: auto;
            overflow-y: visible;
            padding: 0.2rem 0.2rem 0.15rem;
            background: #FFFFFF;
            margin-bottom: -1.25rem;
        }

        .okai-assine-compare-overview-table {
            width: 100%;
            min-width: 44rem;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 0;
            overflow: visible;
        }

        .okai-assine-compare-overview-table--6col {
            min-width: 72rem;
        }

        .okai-assine-compare-overview-table td {
            padding: 0.45rem 1rem 0.6rem;
            overflow: visible;
        }

        .okai-assine-compare-overview__plan {
            padding-top: 0.35rem !important;
            padding-bottom: 0.35rem !important;
        }

        .okai-assine-compare-overview__plan-card {
            display: flex;
            min-height: 6.3rem;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 0.7rem;
            border-radius: 1.1rem;
            background: #F7F8FC;
            border: 1px solid #E2E4F0;
            padding: 0.95rem 0.85rem 1rem;
        }

        .okai-assine-compare-overview__plan-name {
            color: #171717;
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 600;
            text-align: center;
        }

        .okai-assine-compare-overview__plan-button {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .okai-assine-compare-group {
            border-radius: 0.75rem;
            background: #FFFFFF;
            border: 1px solid #E2E4F0;
            overflow: hidden;
        }

        .okai-assine-compare-table-wrap {
            overflow: visible;
            border-radius: 0;
            background: #FFFFFF;
            position: relative;
            z-index: 0;
            box-shadow: none;
        }

        .okai-assine-compare-table-scroll {
            overflow-x: auto;
            overflow-y: visible;
            border-radius: inherit;
        }

        .okai-assine-compare-table {
            width: 100%;
            min-width: 44rem;
            table-layout: fixed;
            border-collapse: separate;
            border-spacing: 0;
        }

        .okai-assine-compare-table--3col td:first-child {
            width: 28%;
        }

        .okai-assine-compare-table--4col td:first-child {
            width: 24%;
        }

        .okai-assine-compare-table--6col {
            min-width: 72rem;
        }

        .okai-assine-compare-table--6col td:first-child {
            width: 22%;
        }

        .okai-assine-compare-table td {
            padding: 0.95rem 1rem;
            border-bottom: 1px solid #E2E4F0;
            vertical-align: top;
            color: #3F4352;
            line-height: 1.55;
        }

        .okai-assine-compare-table tbody tr:last-child td {
            border-bottom: 0;
        }

        .okai-assine-compare-table__section-row td {
            padding: 1rem 1rem 0.95rem;
            background: #F7F8FC;
            border-bottom: 1px solid #E2E4F0;
        }

        .okai-assine-compare-table__feature {
            font-weight: 500;
            color: #2B2632;
        }

        .okai-assine-compare-table__section-title {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            color: #2B2632;
            font-size: 1.25rem;
            line-height: 1.75rem;
            font-weight: 600;
            letter-spacing: -0.01em;
        }

        .okai-assine-compare-table__section-title i {
            color: #3473CC;
            width: 1rem;
            min-width: 1rem;
            font-size: 1rem;
            line-height: 1rem;
            text-align: center;
        }

        .okai-assine-compare-table__feature-label {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            flex-wrap: wrap;
        }

        .okai-assine-compare-table__feature-label tooltip {
            flex-shrink: 0;
        }

        .okai-assine-compare-table__feature-label .okai-tooltip > .okai-tooltip__content {
            display: none !important;
        }

        .okai-assine-compare-tooltip-portal {
            position: fixed;
            left: 1rem;
            top: 1rem;
            width: min(22rem, calc(100vw - 2rem));
            max-width: min(22rem, calc(100vw - 2rem));
            white-space: normal;
            padding: 0.5rem;
            border-radius: 0.5rem;
            background: #ffffff;
            color: #171717;
            font-size: 0.875rem;
            line-height: 1.4;
            filter: drop-shadow(0 8px 24px rgba(15, 23, 42, 0.18));
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.12s ease;
            z-index: var(--okai-z-tooltip);
        }

        .okai-assine-compare-tooltip-portal.is-visible {
            opacity: 1;
            visibility: visible;
        }

        .okai-assine-compare-tooltip-portal::before {
            content: "";
            position: absolute;
            top: -0.5rem;
            left: var(--okai-assine-tooltip-arrow-left, 1rem);
            width: 1rem;
            height: 1rem;
            background: #ffffff;
            transform: rotate(45deg);
        }

        .okai-assine-status {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 1.5rem;
            font-size: 1rem;
            font-weight: 600;
            line-height: 1;
        }

        .okai-assine-status--positive {
            width: 1.25rem;
            height: 1.25rem;
            min-width: 1.25rem;
            border-radius: 999px;
            background: rgb(52, 115, 204);
            color: #ffffff;
            font-size: 0.65rem;
        }

        .okai-assine-status--negative {
            width: 1.25rem;
            height: 1.25rem;
            min-width: 1.25rem;
            border-radius: 999px;
            background: #C3C7D5;
            color: #ffffff;
            font-size: 0.65rem;
        }

        .okai-assine-status--neutral {
            color: #1d4ed8;
        }

        .okai-assine-status--muted {
            color: #64748b;
        }

        .okai-assine-feature-grid,
        .okai-assine-credits-grid,
        .okai-assine-limits-grid {
            display: grid;
            gap: 1rem;
        }

        .okai-assine-small-card__inner {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .okai-assine-small-card__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 3rem;
            height: 3rem;
            border-radius: 1rem;
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(94, 80, 199, 0.16));
            color: #2563eb;
            font-size: 1.1rem;
        }

        .okai-assine-small-card__title {
            margin: 0;
            color: #111827;
            font-size: 1.15rem;
            line-height: 1.3;
        }

        .okai-assine-small-card__text,
        .okai-assine-small-card__meta {
            margin: 0;
            color: #64748b;
            line-height: 1.65;
        }

        .okai-assine-small-card__meta {
            font-weight: 600;
            color: #2563eb;
        }

        @media (min-width: 768px) {
            .okai-assine-feature-grid,
            .okai-assine-limits-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .okai-assine-credits-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        @media (max-width: 767px) {
            .okai-assine-compare-overview {
                padding-bottom: 0.25rem;
            }
        }

        .okai-cursos-pontos-table__body > tr:nth-child(even) {
            background-color: #FAFBFF;
        }