/* /nutri_menus/static/src/css/lopd.css */
 :root{--color-primary: var(--nutri-primary, #0054a6); --color-primary-dark: var(--nutri-primary, #002855); --color-secondary: var(--nutri-secondary, #84bd00); --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827;}.oa_lopd_page{background-color: var(--color-gray-50); min-height: 100vh; padding-bottom: 5rem;}.hero_section{background-color: var(--color-primary-dark); color: white; overflow: hidden; height: 16rem;}@media (min-width: 992px){.hero_section{height: 20rem;}}.hero_overlay{position: absolute; inset: 0;}.hero_overlay img{width: 100%; height: 100%; object-fit: cover; opacity: 0.2;}.hero_gradient{background: linear-gradient(90deg, var(--color-primary) 0%, rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.8) 50%, transparent 100%);}.hero_content{position: relative; z-index: 10; max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; height: 100%;}.badge_tag{display: inline-flex; align-items: center; gap: 0.5rem; background-color: var(--color-secondary); color: white; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; width: fit-content;}.hero_title{font-size: 2rem; font-weight: 700; margin-bottom: 1rem;}@media (min-width: 992px){.hero_title{font-size: 3rem;}}.hero_description{color: #bfdbfe; max-width: 42rem; font-size: 1.125rem; line-height: 1.75;}.main_content_wrapper{margin-top: -2rem; position: relative; z-index: 20;}.sidebar_card{background-color: white; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid var(--color-gray-100); overflow: hidden; top: 6rem;}.sidebar_header{background-color: var(--color-gray-50); padding: 1rem 1.5rem; border-bottom: 1px solid var(--color-gray-100);}.sidebar_title{font-weight: 700; color: var(--color-gray-800); font-size: 1rem;}.sidebar_nav{padding: 0.5rem;}.category_btn{width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; transition: all 0.2s ease; margin-bottom: 0.25rem; text-align: left; background: transparent; border: none; border-left: 4px solid transparent; color: var(--color-gray-600); cursor: pointer;}.category_btn:hover{background-color: var(--color-gray-50);}.category_btn.active{background-color: #f0f9ff; color: var(--color-primary); border-left-color: var(--color-primary);}.category_icon{color: var(--color-gray-400); transition: color 0.2s ease;}.category_btn.active .category_icon{color: var(--color-primary);}.category_btn:hover .category_icon{color: var(--color-gray-600);}.chevron_icon{font-size: 0.875rem; opacity: 0; transition: opacity 0.2s ease;}.category_btn.active .chevron_icon{opacity: 1;}.info_box{padding: 1rem; margin: 1rem; margin-top: 1.5rem; background-color: #eff6ff; border-radius: 0.5rem; border: 1px solid #dbeafe;}.info_title{font-size: 0.75rem; font-weight: 700; color: var(--color-primary); text-transform: uppercase; margin-bottom: 0.5rem;}.info_text{font-size: 0.875rem; color: var(--color-gray-600); margin-bottom: 0.75rem; line-height: 1.5;}.info_link{font-size: 0.875rem; color: var(--color-primary); text-decoration: underline; font-weight: 600;}.toolbar_card{background-color: white; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid var(--color-gray-100); margin-bottom: 1.5rem;}.toolbar_title{font-size: 1.5rem; font-weight: 700; color: var(--color-gray-800);}.toolbar_description{font-size: 0.875rem; color: var(--color-gray-500);}.search_wrapper{position: relative;}.search_input{width: 100%; padding: 0.625rem 0.75rem 0.625rem 2.5rem; border: 1px solid var(--color-gray-200); border-radius: 0.5rem; font-size: 0.875rem; transition: all 0.2s ease;}.search_input:focus{outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.1);}.search_icon{position: absolute; left: 1.25rem; top: 50%; transform: translateY(-50%); color: var(--color-gray-400); pointer-events: none;}.documents_grid{display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.5rem;}@media (min-width: 768px){.documents_grid{grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1200px){.documents_grid{grid-template-columns: repeat(2, 1fr);}}.document_card_wrapper{width: 100%;}.document_card{background-color: white; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid var(--color-gray-100); overflow: hidden; height: 100%; transition: all 0.2s ease;}.document_card:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: translateY(-2px);}.card_header{background-color: var(--color-gray-50); padding: 0.75rem 1rem; border-bottom: 1px solid var(--color-gray-100); display: flex; align-items: center; justify-content: space-between;}.document_type_badge{background-color: var(--color-primary); color: white; padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 600; text-transform: uppercase;}.download_count{font-size: 0.75rem; color: var(--color-gray-500);}.card_body{padding: 1.5rem;}.document_title{font-size: 1.125rem; font-weight: 600; color: var(--color-gray-800); margin-bottom: 0.5rem; line-height: 1.4;}.document_description{font-size: 0.875rem; color: var(--color-gray-600); line-height: 1.5; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.document_meta{display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: var(--color-gray-500); margin-bottom: 1rem;}.download_btn{background-color: var(--color-primary); color: white; border: none; padding: 0.625rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.2s ease; text-decoration: none;}.download_btn:hover{background-color: var(--color-primary-dark); color: white; text-decoration: none; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(var(--nutri-primary-rgb, 0, 84, 166), 0.3);}.empty_state{text-align: center; padding: 4rem 0;}.empty_icon{margin-bottom: 1rem;}.empty_icon i{font-size: 5rem; color: var(--color-gray-300); opacity: 0.25;}.empty_title{font-size: 1.25rem; font-weight: 600; color: var(--color-gray-500); margin-bottom: 0.5rem;}.empty_description{font-size: 0.875rem; color: var(--color-gray-500);}.d-none{display: none !important;}.bg-gray-50{background-color: var(--color-gray-50);}@keyframes fadeIn{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: translateY(0);}}.document_card_wrapper{animation: fadeIn 0.3s ease-out;}