/* Informații Publice Component Styles */
/* Following DESIGN.MD: No hard borders, tonal shifts, ambient shadows, xl rounded corners */

.informatii-publice-page {
    background-color: var(--surface);
    color: var(--on-surface);
}

.informatii-publice-page .bg-primary-fixed {
    background-color: var(--primary-fixed);
}

.informatii-publice-page .text-on-primary-fixed-variant {
    color: var(--on-primary-fixed-variant);
}

.informatii-publice-page .text-primary {
    color: var(--primary);
}

.informatii-publice-page .text-on-surface-variant {
    color: var(--on-surface-variant);
}

.informatii-publice-page .bg-surface-container-lowest {
    background-color: var(--surface-container-lowest);
}

.informatii-publice-page .text-on-surface {
    color: var(--on-surface);
}

.informatii-publice-page .bg-surface-container-high {
    background-color: var(--surface-container-high);
}

.informatii-publice-page .bg-surface-container-low\/50 {
    background-color: rgba(243, 244, 245, 0.5);
}

.informatii-publice-page .text-primary-fixed-dim {
    color: var(--primary-fixed-dim);
}

.informatii-publice-page .border-outline-variant\/10 {
    border-color: rgba(192, 201, 187, 0.1);
}

.informatii-publice-page .border-outline-variant\/20 {
    border-color: rgba(192, 201, 187, 0.2);
}

.informatii-publice-page .hover\:border-primary\/30:hover {
    border-color: rgba(0, 69, 13, 0.3);
}

.informatii-publice-page .divide-outline-variant\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(192, 201, 187, 0.1);
}

.informatii-publice-page .hover\:border-primary-fixed:hover {
    border-color: var(--primary-fixed);
}

.informatii-publice-page .shadow-sm {
    box-shadow: 0 8px 24px rgba(25, 28, 29, 0.04);
}

.informatii-publice-page .shadow-md {
    box-shadow: 0 8px 24px rgba(25, 28, 29, 0.06);
}

.informatii-publice-page .hover\:shadow-md:hover {
    box-shadow: 0 8px 24px rgba(25, 28, 29, 0.06);
}

.informatii-publice-page .rounded-xl {
    border-radius: 1.5rem;
}

.informatii-publice-page .rounded-3xl {
    border-radius: 1.5rem;
}

.informatii-publice-page .rounded-full {
    border-radius: 9999px;
}

.informatii-publice-page .bg-primary-fixed\/20 {
    background-color: rgba(172, 244, 164, 0.2);
}

.informatii-publice-page .hover\:bg-primary:hover {
    background-color: var(--primary);
}

.informatii-publice-page .hover\:text-white:hover {
    color: #ffffff;
}

.informatii-publice-page .hover\:text-primary:hover {
    color: var(--primary);
}

.informatii-publice-page .hover\:bg-surface-container-low:hover {
    background-color: var(--surface-container-low);
}

.informatii-publice-page .group:hover .group-hover\:scale-110 {
    transform: scale(1.1);
}

.informatii-publice-page .hover\:translate-x-1:hover {
    transform: translateX(0.25rem);
}

.informatii-publice-page .tracking-tighter {
    letter-spacing: -0.02em;
}

.informatii-publice-page .tracking-wide {
    letter-spacing: 0.025em;
}

.informatii-publice-page .tracking-wider {
    letter-spacing: 0.05em;
}

.informatii-publice-page .tracking-widest {
    letter-spacing: 0.1em;
}

.informatii-publice-page .tracking-tight {
    letter-spacing: -0.01em;
}

.informatii-publice-page .leading-relaxed {
    line-height: 1.6;
}

.informatii-publice-page .leading-snug {
    line-height: 1.375;
}

.informatii-publice-page .bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.informatii-publice-page .from-primary {
    --tw-gradient-from: var(--primary);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 69, 13, 0));
}

.informatii-publice-page .via-transparent {
    --tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(0, 0, 0, 0));
}

.informatii-publice-page .to-transparent {
    --tw-gradient-to: transparent;
}

.informatii-publice-page .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.informatii-publice-page table {
    font-family: 'Manrope', sans-serif;
}

.informatii-publice-page tbody tr {
    transition: background-color 0.2s ease;
}

.informatii-publice-page .bg-emerald-100 {
    background-color: #d1fae5;
}

.informatii-publice-page .text-emerald-800 {
    color: #065f46;
}

.informatii-publice-page .bg-zinc-100 {
    background-color: #f4f4f5;
}

.informatii-publice-page .text-zinc-800 {
    color: #27272a;
}

@media (max-width: 768px) {
    .informatii-publice-page h1 {
        font-size: 2.5rem;
    }
    
    .informatii-publice-page h2 {
        font-size: 1.875rem;
    }
    
    .informatii-publice-page .overflow-x-auto {
        -webkit-overflow-scrolling: touch;
    }
}

.informatii-publice-page .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.informatii-publice-page .transition-colors {
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

.informatii-publice-page .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}