/**
 * Full Evaluation Component Styles
 * 
 * @package ClimateScanner
 * @version 1.0.0
 */

/* ==========================================================================
   Variables and Base Styles
   ========================================================================== */

.full-evaluation {
    /* Usando variáveis corretas do Design System */
    --fe-primary: #60A5FA;
    --fe-secondary: var(--accent-primary-dark, #5766FF);
    --fe-white: var(--neutral-1000);
    --fe-bg-light: #EBEBF5;
    --fe-text-primary: var(--neutral-0);
    --fe-text-secondary: #333455;
    --fe-border: var(--neutral-600);
    
    /* Status Colors - Cores exatas do Figma */
    --fe-status-no: #D85959;
    --fe-status-starting: #FB8D0E;
    --fe-status-almost: #F7D667;
    --fe-status-yes: #6DDB39;
    --fe-status-confidential: #FBDECE;
    --fe-status-not-applicable: #5E960533;
    --fe-status-unassessed: #EBEBF5;

    /* Responsive breakpoints */
    --fe-mobile-breakpoint: 768px;
    
    /* Spacing */
    --fe-spacing-xs: 8px;
    --fe-spacing-sm: 16px;
    --fe-spacing-md: 22px;
    --fe-spacing-lg: 32px;
    --fe-spacing-xl: 48px;
    --fe-spacing-xxl: 64px;
    
    /* Breakpoints */
    --fe-mobile-max: 768px;
}

.full-evaluation {
    padding: 77px var(--fe-spacing-xxl);
    background-color: var(--fe-white);
}

@media (max-width: 1010px) {
    .full-evaluation {
        padding: var(--fe-spacing-lg) var(--fe-spacing-sm);
    }
}

/* ==========================================================================
   Screen 1 - List by Component
   ========================================================================== */

.full-evaluation__screen--1 {
    display: block;
}

/* Controls */
.full-evaluation__controls {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--fe-spacing-lg);
}

.full-evaluation__switch-view {
    display: flex;
    align-items: center;
    gap: var(--fe-spacing-xs);
}

.full-evaluation__switch-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--fe-text-primary);
    margin-right: var(--fe-spacing-sm);
}

.full-evaluation__switch-buttons {
    display: flex;
    gap: var(--fe-spacing-xs);
}

.full-evaluation__switch-btn {
    border: 1px solid var(--black-90-light) !important;
    background-color: var(--fe-white) !important;
    color: var(--black-90-light);
    box-shadow: none !important;
}
.full-evaluation__switch-btn * {
    pointer-events: none;
}
.full-evaluation__switch-btn path {
    fill: var(--black-90-light) !important;
}

.full-evaluation__switch-btn:hover {
    background-color: var(--fe-primary);
    color: var(--fe-white);
}

.full-evaluation__switch-btn--active {
    background-color: var(--fe-primary) !important;
    color: var(--fe-white) !important;
    box-shadow: none !important;
    border: none !important;
}
.full-evaluation__switch-btn--active:hover {
    background-color: var(--fe-primary) !important;
    color: var(--fe-white) !important;
    box-shadow: none !important;
    border: none !important;
}
.full-evaluation__switch-btn--active path {
    fill: var(--fe-white) !important;
}

.full-evaluation__tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}
.full-evaluation__tab-title {
    font-size: 20px;
    width: 100%;
    margin-bottom: 0;
}
.full-evaluation__tab-section h4 {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 12px;
}


.full-evaluation__switch-icon {
    width: 24px;
    height: 24px;
}

/* Hide sun chart button on mobile */
@media (max-width: 1010px) {
    .full-evaluation__controls {
        display: none;
    }
}

/* Mobile Tabs */
.full-evaluation__mobile-tabs {
    display: none;
    margin-bottom: var(--fe-spacing-lg);
    border-bottom: 1px solid rgba(22, 13, 130, 0.12);
}

.full-evaluation__mobile-tab {
    padding: 12px 0;
    margin-right: var(--fe-spacing-lg);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    font-weight: 400;
    color: var(--fe-text-primary);
    cursor: pointer;
    transition: all 0.3s ease;
}

.full-evaluation__mobile-tab.active {
    border-bottom-color: var(--fe-text-primary);
    font-weight: 600;
}

@media (max-width: 1010px) {
    .full-evaluation__mobile-tabs {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Eixos Grid */
.full-evaluation__eixos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--fe-spacing-lg);
    margin-bottom: var(--fe-spacing-xl);
}

@media (max-width: 1010px) {
    .full-evaluation__eixos-grid {
        grid-template-columns: 1fr;
        gap: var(--fe-spacing-md);
    }
    
    .full-evaluation__eixo {
        /* display: none; */
    }
    
    .full-evaluation__eixo[data-eixo="governance"] {
        display: block;
    }
    
    .full-evaluation__eixo.active {
        display: block;
    }
}

/* Eixo Component */
.full-evaluation__eixo {
    display: flex;
    flex-direction: column;
    gap: var(--fe-spacing-sm);
}

.full-evaluation__eixo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--fe-bg-light);
    padding: var(--fe-spacing-sm);
    padding-top: var(--fe-spacing-md);
    padding-bottom: var(--fe-spacing-md);
    border-radius: 8px;
    border: 1px solid var(--fe-bg-light);
}

.full-evaluation__eixo-title {
    font-size: 16px;
    font-weight: 900;
    color: var(--fe-text-secondary);
    margin: 0 0 0 0;
}

/* Indicators */
.full-evaluation__indicators {
    display: flex;
    flex-direction: column;
}

.full-evaluation__indicator {
    background-color: var(--fe-white);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.full-evaluation__indicator:hover {
    background-color: var(--neutral-900);
}

.full-evaluation__indicator-main {
    position: relative;
    /* width: 100%; */
}

.full-evaluation__indicator-main .full-evaluation__indicator-title {
    /* width: 100%; */
}

/* Indicador sem sub-componentes (link simples) */
.full-evaluation__indicator-link,
.full-evaluation__indicator-title--no-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fe-spacing-sm);
    padding: var(--fe-spacing-sm);
    text-decoration: none;
    font-size: 12px;
    color: #4F46E5;
}
.full-evaluation__indicator-title--no-link {
    padding-top: 3px;
    padding-bottom: 3px;
}

.full-evaluation__indicator-toggle + .full-evaluation__indicator-link,
.full-evaluation__indicator-toggle + .full-evaluation__indicator-title--no-link {
    padding-left: 23px !important;
}

.full-evaluation__indicator-title {
    font-size: 12px;
    line-height: 1.33;
    color: #4F46E5;
    margin: 0;
    width: calc( 100% - 170px - 16px );
}

/* Título sem link (componentes com apenas setores, sem dados próprios) */
.full-evaluation__indicator-title--no-link {
    color: var(--fe-text-primary);
    cursor: pointer; /* Herda o cursor pointer do header */
}

.full-evaluation__indicator--has-children .full-evaluation__indicator-title {
    width: 100%;
}

/* Indicador com sub-componentes (accordion) */
.full-evaluation__indicator--has-children {
    background-color: transparent;
}

.full-evaluation__indicator--has-children:hover {
    background-color: transparent;
}

.full-evaluation__indicator-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fe-spacing-sm);
    padding: var(--fe-spacing-sm);
    background-color: var(--fe-white);
    border-radius: 8px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.full-evaluation__indicator-header:hover {
    background-color: var(--neutral-900);
}

/* Link dentro do header mantém seu cursor */
.full-evaluation__indicator-header .full-evaluation__indicator-link {
    cursor: pointer;
}

.full-evaluation__indicator-toggle {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    flex: 1;
    text-align: left;
    color: #4F46E5;
    font-size: 12px;
    font-family: inherit;
    transition: all 0.3s ease;

    background: transparent !important;
    padding: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) translateX(-4px) !important;
    box-shadow: none !important;
    border: none !important;
}

.full-evaluation__indicator-toggle * {
    pointer-events: none;
}

.full-evaluation__indicator-toggle:hover {
    color: #3730A3;
}

.full-evaluation__indicator-toggle .full-evaluation__indicator-title {
    width: auto;
    flex: 1;
}

.full-evaluation__indicator-arrow {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    pointer-events: none;
}

.full-evaluation__indicator-arrow path {
    fill: currentColor;
}

.full-evaluation__indicator-toggle[aria-expanded="true"] .full-evaluation__indicator-arrow {
    transform: rotate(180deg);
}

/* Conteúdo do accordion (sub-componentes) */
.full-evaluation__indicator-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.full-evaluation__indicator-content-inner {
    padding-left: 23px;
    padding-top: 0;
}

.full-evaluation__sub-indicator {
    background-color: var(--fe-white);
    border-radius: 8px;
    margin-bottom: 0;
    transition: background-color 0.3s ease;
}

.full-evaluation__sub-indicator:hover {
    background-color: var(--neutral-900);
}

.full-evaluation__sub-indicator-link,
.full-evaluation__sub-indicator-title--no-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fe-spacing-sm);
    padding: var(--fe-spacing-sm);
    text-decoration: none;
    font-size: 12px;
    color: #4F46E5;
}
.full-evaluation__sub-indicator-title--no-link {
    padding: 0;
}

.full-evaluation__sub-indicator-title {
    font-size: 12px;
    line-height: 1.33;
    color: #4F46E5;
    margin: 0;
    width: calc( 100% - 170px - 16px );
}
.full-evaluation__sub-indicator--subsetor .full-evaluation__sub-indicator-title {
    padding-left: 16px;
}

/* ==========================================================================
   Progress Bar Component
   ========================================================================== */

.full-evaluation__progress-bar {
    position: relative;
    height: 24px;
    width: 170px;
}

.full-evaluation__progress-segments {
    display: flex;
    height: 24px;
    border: 1px solid #9498B8;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--fe-white);
    gap: 2px;
    padding: 1px;
}

.full-evaluation__progress-segment {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.02em;
    border-radius: 2px;
    transition: background-color 0.3s ease;
}

.full-evaluation__progress-segment.active {
    background-color: var(--fe-status-no);
}

/* Status-specific colors */
.full-evaluation__progress-bar--no .full-evaluation__progress-segment.active {
    background-color: var(--fe-status-no);
}

.full-evaluation__progress-bar--starting .full-evaluation__progress-segment.active {
    background-color: var(--fe-status-starting);
}

.full-evaluation__progress-bar--almost .full-evaluation__progress-segment.active {
    background-color: var(--fe-status-almost);
}

.full-evaluation__progress-bar--yes .full-evaluation__progress-segment.active {
    background-color: var(--fe-status-yes);
}

.full-evaluation__progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    font-weight: 400;
    color: transparent;
}
.full-evaluation__progress-bar--no .full-evaluation__progress-segment:nth-child(1) .full-evaluation__progress-text,
.full-evaluation__progress-bar--starting .full-evaluation__progress-segment:nth-child(2) .full-evaluation__progress-text,
.full-evaluation__progress-bar--almost .full-evaluation__progress-segment:nth-child(3) .full-evaluation__progress-text,
.full-evaluation__progress-bar--yes .full-evaluation__progress-segment:nth-child(4) .full-evaluation__progress-text {
    color: var(--fe-text-primary);
}

.full-evaluation__progress-segment--exception .full-evaluation__progress-text {
    color: var(--fe-text-primary);
}

.full-evaluation__world-position {
    position: absolute;
    top: 23px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.full-evaluation__world-arrow {
    font-size: 8px;
    color: var(--fe-text-primary);
    margin-bottom: -8px;
}

.full-evaluation__world-label {
    font-size: 10px;
    font-weight: 400;
    color: var(--fe-text-primary);
    padding: 1px 3px;
    border-radius: 2px;
    white-space: nowrap;
}

/* ==========================================================================
   Screen 2 - Indicator Details
   ========================================================================== */

.full-evaluation__screen--2 {
    display: none;
}

/* Breadcrumb */
.full-evaluation__breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: var(--fe-spacing-lg);
    font-size: 16px;
}

.full-evaluation__breadcrumb-link {
    color: var(--fe-text-primary);
    text-decoration: underline;
}

.full-evaluation__breadcrumb-link:hover {
    color: var(--success-300);
}

.full-evaluation__breadcrumb-separator {
    color: var(--fe-text-secondary);
    margin: 0 4px;
}

.full-evaluation__breadcrumb-current {
    color: var(--fe-text-primary);
}

/* Main Layout */
.full-evaluation__main {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: var(--fe-spacing-lg);
}

@media (max-width: 1010px) {
    .full-evaluation__main {
        grid-template-columns: 1fr;
        gap: var(--fe-spacing-md);
    }
}

/* Sidebar */
.full-evaluation__sidebar {
    position: sticky;
    top: var(--fe-spacing-lg);
    height: fit-content;
}

.full-evaluation__sidebar-mobile {
    display: none;
}

@media (max-width: 1010px) {
    .full-evaluation__sidebar-desktop {
        display: none;
    }
    .full-evaluation__sidebar-mobile {
        display: block;
    }
}

/* Desktop Menu - Accordion Style */
.full-evaluation__menu {
    background-color: #F8F8FC;
    border: 1px solid #EBEBF5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 2px 8px rgba(0, 16, 53, 0.1);
}

.full-evaluation__menu-section {
    /* border-bottom: 1px solid var(--fe-border); */
}

.full-evaluation__menu-section:last-child .full-evaluation__menu-list {
    padding-bottom: 12px;
}

.full-evaluation__menu-header {
    justify-content: flex-start !important;
    width: 100%;
    padding: 8px !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.full-evaluation__menu-header:hover {
    background-color: var(--fe-bg-light);
}

.full-evaluation__menu-header.active {
    background-color: var(--fe-primary);
    color: var(--fe-white);
}

.full-evaluation__menu-title {
    flex: 1;
    text-align: left;
}

.full-evaluation__menu-arrow {
    transition: transform 0.3s ease;
}

.full-evaluation__menu-header.active .full-evaluation__menu-arrow {
    transform: rotate(180deg);
}

.full-evaluation__menu-content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.full-evaluation__menu-list {
    list-style: none;
    margin: 0;
    padding: 0 9px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.full-evaluation__menu-item {
    padding: 0 0;
    margin: 0 0;
}

.full-evaluation__menu-item:last-child {
    border-bottom: none;
}

.full-evaluation__menu-link {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 8px;
    text-decoration: none;
    color: var(--fe-text-primary);
    transition: background-color 0.3s ease;
}

.full-evaluation__menu-link:hover {
    background-color: var(--fe-bg-light);
}

.full-evaluation__menu-item.active .full-evaluation__menu-link {
    background-color: var(--neutral-800);
    font-weight: 700;
}

.full-evaluation__menu-indicator-title {
    flex: 1;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

/* Título sem link no menu (componentes com apenas setores, sem dados próprios) */
.full-evaluation__menu-indicator-title--no-link {
    color: var(--fe-text-primary);
    cursor: default;
    padding: 4px 10px;
    display: block;
}

.full-evaluation__menu-item--has-sectors .full-evaluation__menu-indicator-title {
    padding: 4px 10px;
    margin-bottom: 0;
}
.full-evaluation__menu-item--has-sectors .full-evaluation__menu-link {
    /* padding-left: 32px; */
}
.full-evaluation__menu-sectors {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.full-evaluation__menu-sectors .full-evaluation__menu-link {
    padding-left: 32px;
}
.full-evaluation__menu-item--has-sectors .full-evaluation__menu-link .full-evaluation__menu-indicator-title {
    padding: 0 0;
}
.full-evaluation__menu-indicator-title + .full-evaluation__menu-sectors {
    margin-bottom: 0;
    margin-top: 8px;
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.full-evaluation__menu-item--has-sectors .full-evaluation__menu-indicator-title.full-evaluation__menu-item--yes,
.full-evaluation__menu-item--has-sectors .full-evaluation__menu-indicator-title.full-evaluation__menu-item--no {
    padding: 0 0;
}

.full-evaluation__menu-indicator-status {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
}

/* Status colors for menu items */
.full-evaluation__menu-item--no .full-evaluation__menu-indicator-status {
    background-color: var(--fe-status-no);
    color: white;
}

.full-evaluation__menu-item--starting .full-evaluation__menu-indicator-status {
    background-color: var(--fe-status-starting);
    color: white;
}

.full-evaluation__menu-item--almost .full-evaluation__menu-indicator-status {
    background-color: var(--fe-status-almost);
    color: var(--fe-text-primary);
}

.full-evaluation__menu-item--yes .full-evaluation__menu-indicator-status {
    background-color: var(--fe-status-yes);
    color: white;
}

/* Mobile Select */
.full-evaluation__mobile-select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--fe-border);
    border-radius: 8px;
    font-size: 16px;
    background-color: var(--fe-white);
    color: var(--fe-text-primary);
}

/* Content Area */
.full-evaluation__content {
    display: flex;
    flex-direction: column;
    gap: var(--fe-spacing-lg);
}

/* Content Header */
.full-evaluation__content-header {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: var(--fe-spacing-md);
    text-align: center;
}

@media (max-width: 1010px) {
    .full-evaluation__content-header {
        flex-direction: column;
        text-align: center;
        position: relative;
    }
}

.full-evaluation__content-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1;
    align-items: center;
}

.full-evaluation__content-title {
    width: calc( 100% - 78px - 16px );
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--fe-text-primary);
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}

.full-evaluation__content-description {
    width: 100%;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
    color: var(--fe-text-primary);
    margin: var(--fe-spacing-sm) 0 0 0;
}

.full-evaluation__content-score {
    flex-shrink: 0;
}

.full-evaluation__score-circle,
.full-evaluation__tab-score-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    color: #1E1F3B;
}

.full-evaluation__score-circle--no,
.full-evaluation__tab-score-label--no {
    background-color: var(--fe-status-no);
}
.full-evaluation__score-circle--starting,
.full-evaluation__tab-score-label--starting {
    background-color: var(--fe-status-starting);
}
.full-evaluation__score-circle--almost,
.full-evaluation__tab-score-label--almost {
    background-color: var(--fe-status-almost);
}
.full-evaluation__score-circle--yes,
.full-evaluation__tab-score-label--yes {
    background-color: var(--fe-status-yes);
}

.full-evaluation__score-circle--confidential,
.full-evaluation__tab-score-label--confidential {
    background-color: var(--fe-status-confidential);
    font-size: 11px;
    padding: 5px;
}

.full-evaluation__score-circle--not-applicable,
.full-evaluation__tab-score-label--not-applicable,
.full-evaluation__tab-score-label--not_applicable {
    background-color: var(--fe-status-not-applicable);
    font-size: 11px;
    padding: 5px;
}

.full-evaluation__score-circle--unassessed,
.full-evaluation__tab-score-label--unassessed {
    background-color: var(--fe-status-unassessed);
    font-size: 11px;
    padding: 5px;
}

.full-evaluation__score-value {
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}

.full-evaluation__score-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

/* Tabs */
.full-evaluation__tabs {
    background-color: var(--fe-white);
    border-radius: 8px;
}

.full-evaluation__tabs-nav {
    display: flex;
}

.full-evaluation__tab-letter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 12px;
    width: 47px;
    height: 44px;
    background: rgba(2, 132, 199, 0.1);
    border-radius: 8px;
    color: #474B69;
    font-size: 32px;
    font-weight: 700;
}

@media (max-width: 1010px) {
    .full-evaluation__tabs-nav {
        flex-direction: column;
        border-bottom: none;
    }
}

.full-evaluation__tab-btn {
    flex: 1;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(22, 13, 130, 0.12) !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: var(--fe-text-primary);
    border-radius: 0 !important;
    box-shadow: none !important;
}

.full-evaluation__tab-btn.active {
    border-bottom: 2px solid var(--neutral-100) !important;
    font-weight: 700 !important;
}

.full-evaluation__tabs-content {
    padding: var(--fe-spacing-md);
    box-shadow: 0px 18px 30px rgba(0, 16, 53, 0.1);
    margin-top: 32px;
    border-radius: 8px;
}
.full-evaluation__tabs-content.full-evaluation__tabs-content--global {
    padding: 16px;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 4px 9px -2px rgba(3, 19, 48, 0.11), 0px 2px 6px -2px rgba(3, 19, 48, 0.06);
    border-radius: 12px;
}

.full-evaluation__tab-panel {
    display: none;
}

.full-evaluation__tab-panel.active {
    display: block;
}

.full-evaluation__responsibility-for-assessment {
    padding: var(--fe-spacing-sm) var(--fe-spacing-md);
    color: var(--fe-text-primary);
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    background: #F8F8FC;
    border-radius: 16px;
    margin: 32px auto 0;
    width: fit-content;
}

/* Navigation */
.full-evaluation__navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fe-spacing-sm);
    margin-top: var(--fe-spacing-xl);
}

.full-evaluation__nav-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.full-evaluation__nav-btn:hover:not(:disabled) {
    background-color: var(--fe-bg-light);
}

.full-evaluation__nav-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.full-evaluation__nav-icon {
    width: 24px;
    height: 24px;
}

/* ==========================================================================
   Responsibility Notice
   ========================================================================== */

.full-evaluation__responsibility {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--fe-spacing-xl);
}

.full-evaluation__responsibility-content {
    padding: var(--fe-spacing-sm) var(--fe-spacing-md);
    color: var(--fe-text-primary);
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33;
}

/* ==========================================================================
   Animation Classes
   ========================================================================== */

.animar {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

.animar.animar--active {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   Loading States
   ========================================================================== */

.full-evaluation__loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    font-size: 16px;
    color: var(--fe-text-secondary);
}

.full-evaluation__error {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    font-size: 16px;
    color: var(--fe-status-no);
    text-align: center;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.full-evaluation__hidden {
    display: none !important;
}

.full-evaluation__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 1540px) {
    .full-evaluation > .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1340px) {
    .full-evaluation {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ==========================================================================
   Mobile Responsive Design - Baseado no Figma
   ========================================================================== */



@media (max-width: 1010px) {
    .full-evaluation {
        padding: 20px;
    }
    
    .full-evaluation__container {
        flex-direction: column;
        gap: var(--fe-spacing-sm);
    }
    
    /* Hide switch view on mobile - conforme Figma */
    .full-evaluation__switch-view {
        display: none;
    }
    
    /* Mobile tab navigation - estilo Figma */
    .full-evaluation__mobile-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid rgba(22, 13, 130, 0.12);
        margin-bottom: 32px;
        width: 100%;
        overflow: visible;
    }
    
    .full-evaluation__mobile-tab {
        width: fit-content !important;
        padding: 12px 16px;
        border: none !important;
        border-bottom: 2px solid transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        color: var(--fe-text-primary);
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.67;
        text-align: center;
        white-space: nowrap;
        margin-right: 0;
        margin-bottom: -1px;
        flex: 0;
        transition: all 0.3s ease;
    }
    
    .full-evaluation__mobile-tab.active {
        color: var(--fe-text-primary);
        border-bottom-color: var(--fe-text-primary) !important;
        font-weight: 400;
    }
    
    .full-evaluation__tabs {
        box-shadow: none;
        max-width: 800px;
        width: auto !important;
    }
    .full-evaluation__tab-btn {
        text-align: left !important;
        justify-content: flex-start !important;
        font-size: 12px !important;
        border-bottom: none !important;
        border-left: none !important;
        border-radius: 6px !important;
        padding: 14px 16px !important;
    }

    .full-evaluation__tab-btn.active {
        border-bottom: none !important;
        background-color: #414293 !important;
        color: var(--fe-white) !important;
    }

    .full-evaluation__tabs-content {
        padding: 12px;
        margin-top: 16px;
    }

    .full-evaluation__content {
        gap: 0;
    }

    .full-evaluation__content-text {
        padding-bottom: 16px;
    }

    .full-evaluation__content-title {
        text-align: left;
        font-size: 24px;
        line-height: 1.25;
    }
    .full-evaluation__content-description {
        font-size: 12px;
        text-align: left;
    }

    .full-evaluation__score-value {
        font-size: 20px;
    }
    .full-evaluation__score-label {
        font-size: 12px;
    }

    .full-evaluation__breadcrumb {
        font-size: 12px;
    }

    .full-evaluation__tab-letter {
        font-size: 20px;
        padding: 8px;
        width: 31px;
        height: 36px;
    }
    .full-evaluation__tab-title {
        font-size: 14px;
    }
    .full-evaluation__tab-header {
        margin-bottom: 16px;
    }
    .full-evaluation__tab-section,
    .full-evaluation__tab-section p,
    .full-evaluation__tab-section ul,
    .full-evaluation__tab-section ol {
        font-size: 12px;
    }
    .full-evaluation__tab-section h4 {
        font-size: 12px;
        margin-top: 16px;
        margin-bottom: 8px;
    }

    /* Stack eixos vertically */
    .full-evaluation__eixos {
        grid-template-columns: 1fr;
        gap: var(--fe-spacing-sm);
        width: 353px;
        margin: 0 auto;
    }
    
    .full-evaluation__eixo {
        /* display: none; */
    }
    
    .full-evaluation__eixo.active {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    
    /* Mobile eixo header */
    .full-evaluation__eixo-header {
        padding: 18px 12px;
        border-radius: 6px;
        background: var(--neutral-800);
    }
    
    .full-evaluation__eixo-title {
        font-size: 12px;
        line-height: 1.67;
    }
    
    /* Mobile indicator items */
    .full-evaluation__indicators {
        margin-top: 6px;
        gap: 6px;
    }
    .full-evaluation__indicator {
        gap: 6px;
    }

    .full-evaluation__indicator-link,
    .full-evaluation__indicator-title--no-link {
        padding: 16px 12px;
    }
    
    .full-evaluation__indicator-title {
        font-size: 10px;
        line-height: 1.6;
        font-weight: 400;
    }
    
    /* Mobile progress bars */
    .full-evaluation__progress {
        height: 24px;
        border-radius: 2px;
    }
    
    .full-evaluation__progress-segment {
        border-radius: 2px 0px 0px 2px;
    }
    
    .full-evaluation__progress-segment:last-child {
        border-radius: 0px 2px 2px 0px;
    }
    
    .full-evaluation__progress-label {
        font-size: 10px;
        line-height: 1;
    }

    /* Tela 2 Mobile - Select dropdown */
    .full-evaluation__screen--2 .full-evaluation__sidebar {
        /* display: none; */
    }
    .full-evaluation__screen--2 .full-evaluation__sidebar-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px;
        gap: 4px;
        background: #EBEBF5;
        border-radius: 6px;
        margin-bottom: 6px;
    }
    .full-evaluation__screen--2 .full-evaluation__sidebar-mobile h4 {
        font-weight: 700;
        font-size: 12px;
        line-height: 1.66;
        color: #030217;
        margin-bottom: 0;
    }
    .full-evaluation__mobile-select {
        display: block;
        width: 100%;
        border-radius: 6px;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.66;
        color: #474B69;
        padding: 12px 38px 12px 16px !important;
        border: 1px solid rgba(22, 13, 130, 0.12);
        border-radius: 6px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #FFFFFF url(../../../assets/images/icons/select-field-chevron.svg) calc( 100% - 16px ) center no-repeat !important;
        background-size: 20px 40px !important;
    }
    
    /* Tela 2 Mobile - Abas empilhadas */
    .full-evaluation__tabs {
        flex-direction: column;
        width: 353px;
        margin: 0 auto;
    }
    
    .full-evaluation__tab {
        align-self: stretch;
        padding: 12px 0px;
        text-align: left;
        border-radius: 6px;
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .full-evaluation__tab.active {
        background: var(--accent-primary-dark);
        color: var(--fe-white);
    }
    
    /* Mobile content adjustments */
    .full-evaluation__detail-content {
        width: 353px;
        margin: 0 auto;
        padding: 12px;
    }
    
    .full-evaluation__detail-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .full-evaluation__detail-score {
        width: 78px;
        height: 78px;
        align-self: center;
    }
}

@media (max-width: 768px) {
    .full-evaluation__indicator-main {
        width: 100%;
    }
    .full-evaluation__eixo-header {
        flex-direction: column;
        padding-top: 12px;
    }
    .full-evaluation__eixo-title {
        width: 100%;
        padding-bottom: 8px;
    }
    .full-evaluation__indicator-link,
    .full-evaluation__indicator-title--no-link {
        padding: 12px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .full-evaluation__indicator-link .full-evaluation__indicator-title,
    .full-evaluation__indicator-title--no-link .full-evaluation__indicator-title,
    .full-evaluation__indicator-link .full-evaluation__progress-bar,
    .full-evaluation__indicator-title--no-link .full-evaluation__progress-bar {
        width: 100%;
    }
    .full-evaluation__mobile-tab {
        font-size: 12px !important;
    }
    .full-evaluation__responsibility-for-assessment {
        width: auto;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
        border-radius: 0;
        font-size: 12px;
    }
    
    /* Accordion mobile adjustments */
    .full-evaluation__indicator-content-inner {
        padding-left: 32px;
    }
    
    .full-evaluation__indicator-header,
    .full-evaluation__sub-indicator-link,
    .full-evaluation__sub-indicator-title--no-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .full-evaluation__indicator-header {
        padding: 0 12px 12px;
    }
    
    .full-evaluation__indicator-toggle {
        /* width: 100%; */
    }
    
    .full-evaluation__indicator-header .full-evaluation__progress-bar,
    .full-evaluation__sub-indicator-link .full-evaluation__progress-bar,
    .full-evaluation__sub-indicator-title--no-link .full-evaluation__progress-bar {
        width: 100%;
        /* max-width: 170px; */
    }
    
    .full-evaluation__indicator-toggle .full-evaluation__indicator-title,
    .full-evaluation__sub-indicator-title {
        width: 100%;
    }
}

/* Simplified List Styles */
.full-evaluation__simplified-content {
    padding: var(--spacing-md);
}

/* .full-evaluation__stages-section {
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-lg);
    background: var(--cor-fundo-card, #ffffff);
    border-radius: var(--border-radius-md);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} */

.full-evaluation__stages-section h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #1F1E1F;
    margin-bottom: 16px;
}

.full-evaluation__stages-legend {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
}

.full-evaluation__stage-item {
    display: flex;
    align-items: center;
    padding: 7px 6px;
    gap: 4px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
}

.full-evaluation__stage-color {
    width: 7.5px;
    height: 7.5px;
    border-radius: 50%;
    overflow: hidden;
    background: #6DDB39;
}

.full-evaluation__stage-label {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    color: #010814;
}

/* Items Section */
.full-evaluation__items-section {
    border-top: 1.5px solid #EAEAEA;
}

.full-evaluation__items-section h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    color: var(--cor-texto-primaria, #1e293b);
}

.full-evaluation__items-grid {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 16px;
}

.full-evaluation__item-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.full-evaluation__item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.full-evaluation__item-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.full-evaluation__item-badge--yes {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
}

.full-evaluation__item-badge--almost {
    background: rgba(255, 183, 77, 0.1);
    color: #FFB74D;
}

.full-evaluation__item-badge--starting {
    background: rgba(255, 241, 118, 0.2);
    color: #F57C00;
}

.full-evaluation__item-badge--no {
    background: rgba(239, 83, 80, 0.1);
    color: #EF5350;
}

.full-evaluation__item-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #515052;
    margin-bottom: 0;
}

.full-evaluation__item-score {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.full-evaluation__item-score-value {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--cor-primaria, #667eea);
}

.full-evaluation__item-score-max {
    font-size: 1rem;
    color: var(--cor-texto-secundaria, #64748b);
}

/* Responsive adjustments for simplified list */
@media (max-width: 768px) {
    .full-evaluation__chart-container {
        flex-direction: column;
        gap: var(--spacing-lg);
    }
    
    .full-evaluation__stages-legend {
        grid-template-columns: 1fr;
        width: 100%;
    }
    
    .full-evaluation__items-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .full-evaluation__items-grid {
        gap: 8px;
    }
    .full-evaluation__item-card {
        flex-direction: column;
        gap: 0;
    }
    .full-evaluation__item-title,
    .full-evaluation__item-rule,
    .full-evaluation__progress-bar,
    .full-evaluation__progress-segments {
        width: 100%;
    }
}

/* ==========================================================================
   Evidence List Styles
   ========================================================================== */

.full-evaluation__evidence-list {
    /* list-style: none; */
    margin: 0;
    /* padding: 0; */
}

.full-evaluation__evidence-list li {
    /* display: block; */
    margin: 0;
    /* padding: 0; */
}

.full-evaluation__evidence-list li:not(:last-child)::after {
    content: '';
    display: block;
    height: 0;
    /* margin: 0; */
    /* padding: 0; */
}

.full-evaluation__evidence-link {
    word-break: break-word;
}