@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('./primeicons-DMOk5skT.eot');
    src: url('./primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('./primeicons-C6QP2o4f.woff2') format('woff2'), url('./primeicons-WjwUDZjB.woff') format('woff'), url('./primeicons-MpK4pl85.ttf') format('truetype'), url('./primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.loader[data-v-d6d3240f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  min-height: 200px;
}
.loading-spinner[data-v-d6d3240f] {
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 1rem;
  object-fit: contain;
  display: block;
}
.loading-message[data-v-d6d3240f] {
  margin: 0;
  margin-top: 0.5rem;
  color: #4A4F55;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

/* Figma Footer Styles */
.figma-footer[data-v-42e0fe7c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 30px 24px;
  background: #2CD5C4;
  box-shadow: 0px -4px 4px 0px rgba(183, 183, 183, 0.25);
  width: 100%;
  min-height: 60px; /* Ensure minimum height for proper vertical centering */
  flex-shrink: 0; /* Prevent footer from shrinking */
  position: relative; /* Ensure stable positioning */
}
.figma-footer-text[data-v-42e0fe7c] {
  font-weight: 500;
  font-size: 14px;
  color: #001E62;
  line-height: 1.1428571428571428em;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.figma-footer-text a[data-v-42e0fe7c] {
  color: #001E62;
  text-decoration: underline;
  margin: 0 4px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.figma-footer-text a[data-v-42e0fe7c]:hover {
  opacity: 0.8;
}
.figma-footer-text a[data-v-42e0fe7c]:focus {
  outline: 2px solid #001E62;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Responsive design */
@media (max-width: 768px) {
.figma-footer[data-v-42e0fe7c] {
    padding: 20px 15px;
    min-height: 50px;
}
.figma-footer-text[data-v-42e0fe7c] {
    font-size: 12px;
    line-height: 1.3em;
}
.figma-footer-text a[data-v-42e0fe7c] {
    margin: 0 2px;
}
}
@media (max-width: 480px) {
.figma-footer[data-v-42e0fe7c] {
    padding: 15px 10px;
    min-height: 40px;
}
.figma-footer-text[data-v-42e0fe7c] {
    font-size: 11px;
    word-break: break-word;
}

  /* Stack links vertically on very small screens */
.figma-footer-text a[data-v-42e0fe7c] {
    display: inline-block;
    margin: 2px 4px;
}
}

/* High contrast mode */
@media (prefers-contrast: high) {
.figma-footer[data-v-42e0fe7c] {
    background: #1a9d8f; /* Darker background for better contrast */
}
.figma-footer-text a[data-v-42e0fe7c] {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
}

/* Print styles */
@media print {
.figma-footer[data-v-42e0fe7c] {
    background: white !important;
    color: black !important;
    box-shadow: none !important;
    border-top: 1px solid #000;
}
.figma-footer-text[data-v-42e0fe7c],
  .figma-footer-text a[data-v-42e0fe7c] {
    color: black !important;
}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
.figma-footer-text a[data-v-42e0fe7c] {
    transition: none;
}
}

.header[data-v-6a2fb8c8] {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
}

/* Figma Header Styles */
.figma-header[data-v-6a2fb8c8] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 32px 24px;
  background: #fff;
  width: 100%;
  max-width: 1440px;
  height: 90px;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
  margin: 0 auto;
  gap: 0;
  overflow: hidden;
  box-sizing: border-box;
}

/* Header Columns */
.header-left[data-v-6a2fb8c8] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  margin-left: -24px;
  padding-left: 24px;
}
.header-middle[data-v-6a2fb8c8] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}
.header-right[data-v-6a2fb8c8] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 47px;
  min-width: 0;
  overflow: hidden;
  margin-right: -24px;
  padding-right: 24px;
}
.grant-maker-logo-container[data-v-6a2fb8c8] {
  width: 132px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.grant-maker-logo[data-v-6a2fb8c8] {
  width: 132px;
  height: 48px;
  object-fit: contain;
  display: block;
}
.proposal-central-logo-container[data-v-6a2fb8c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.proposal-central-logo[data-v-6a2fb8c8] {
  height: 38px;
  width: 249.71px;
  display: block;
}
.figma-help-btn[data-v-6a2fb8c8] {
  font-weight: 500;
  font-size: 16px;
  color: #001e62;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 16px;
  height: 38px;
  border-radius: 100px;
  transition: background 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.figma-help-btn[data-v-6a2fb8c8]:hover {
  background: rgba(74, 79, 85, 0.1);
}
.figma-user-profile[data-v-6a2fb8c8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: auto;
  flex-shrink: 0;
  min-width: 0;
}
.figma-user-info[data-v-6a2fb8c8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.figma-user-name[data-v-6a2fb8c8] {
  font-weight: 400;
  font-size: 14px;
  color: #4a4f55;
  white-space: nowrap;
  cursor: pointer;
}
.figma-impersonation-indicator[data-v-6a2fb8c8] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 12px;
  line-height: 1.2;
}
.impersonation-text[data-v-6a2fb8c8] {

  font-weight: 600;
  color: #dc2626;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.impersonator-name[data-v-6a2fb8c8] {

  font-weight: 400;
  color: #991b1b;
  font-style: italic;
}
.figma-user-avatar[data-v-6a2fb8c8] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.figma-stop-impersonation-link[data-v-6a2fb8c8] {
  color: #636363;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  background: transparent;
  border: none;
  transition: color 0.2s ease;
}
.figma-stop-impersonation-link[data-v-6a2fb8c8]:active {
  color: #636363;
}
.figma-logout-btn[data-v-6a2fb8c8] {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 16px;
}
.figma-logout-btn[data-v-6a2fb8c8]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  transform: scale(1.05);
}
.figma-logout-btn[data-v-6a2fb8c8]:active {
  transform: scale(0.95);
}

/* Responsive design */
@media (min-width: 1600px) {
.figma-header[data-v-6a2fb8c8] {
    max-width: 100%;
    padding: 32px 48px;
}
}
@media (max-width: 1440px) {
.figma-header[data-v-6a2fb8c8] {
    max-width: 100%;
}
}
@media (max-width: 1200px) {
.header-right[data-v-6a2fb8c8] {
    gap: 24px;
}
}
@media (max-width: 1024px) {
.header-right[data-v-6a2fb8c8] {
    gap: 20px;
}
}
@media (max-width: 900px) {
.header-right[data-v-6a2fb8c8] {
    gap: 16px;
}
}
@media (max-width: 768px) {
.figma-header[data-v-6a2fb8c8] {
    padding: 16px 12px;
    height: auto;
    grid-template-columns: auto 1fr auto;
}
.header-left[data-v-6a2fb8c8] {
    margin-left: -12px;
    padding-left: 12px;
}
.header-right[data-v-6a2fb8c8] {
    margin-right: -12px;
    padding-right: 12px;
}
.grant-maker-logo-container[data-v-6a2fb8c8] {
    width: auto;
    height: auto;
}
.grant-maker-logo[data-v-6a2fb8c8] {
    width: auto;
    height: 36px;
}
.proposal-central-logo[data-v-6a2fb8c8] {
    width: auto;
    height: 32px;
}
.header-right[data-v-6a2fb8c8] {
    gap: 12px;
}
.figma-help-btn[data-v-6a2fb8c8] {
    padding: 0 12px;
    font-size: 14px;
}
.figma-user-name[data-v-6a2fb8c8] {
    font-size: 14px;
}
}
@media (max-width: 480px) {
.figma-header[data-v-6a2fb8c8] {
    padding: 12px;
    height: auto;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
}
.header-left[data-v-6a2fb8c8] {
    margin-left: -12px;
    padding-left: 12px;
}
.header-right[data-v-6a2fb8c8] {
    margin-right: -12px;
    padding-right: 12px;
}
.grant-maker-logo[data-v-6a2fb8c8] {
    width: auto;
    height: 28px;
}
.proposal-central-logo[data-v-6a2fb8c8] {
    width: auto;
    height: 28px;
}
.header-right[data-v-6a2fb8c8] {
    gap: 8px;
}
.figma-user-profile[data-v-6a2fb8c8] {
    gap: 6px;
}
.figma-user-name[data-v-6a2fb8c8] {
    display: none;
    /* Hide username on very small screens */
}
.figma-help-btn[data-v-6a2fb8c8] {
    padding: 0 8px;
    font-size: 12px;
    white-space: nowrap;
}
}
@media (max-width: 360px) {
.figma-header[data-v-6a2fb8c8] {
    grid-template-columns: auto 1fr auto;
    gap: 4px;
}
.header-left[data-v-6a2fb8c8] {
    margin-left: -12px;
    padding-left: 12px;
}
.header-right[data-v-6a2fb8c8] {
    margin-right: -12px;
    padding-right: 12px;
    gap: 6px;
}
.figma-user-profile[data-v-6a2fb8c8] {
    gap: 4px;
}
.figma-help-btn[data-v-6a2fb8c8] {
    padding: 0 6px;
    font-size: 11px;
}
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
.figma-help-btn[data-v-6a2fb8c8],
  .figma-stop-impersonation-link[data-v-6a2fb8c8],
  .figma-logout-btn[data-v-6a2fb8c8] {
    transition: none;
}
.figma-stop-impersonation-link[data-v-6a2fb8c8]:hover,
  .figma-logout-btn[data-v-6a2fb8c8]:hover {
    transform: none;
}
.figma-stop-impersonation-link[data-v-6a2fb8c8]:active,
  .figma-logout-btn[data-v-6a2fb8c8]:active {
    transform: none;
}
}

/* High contrast mode */
@media (prefers-contrast: high) {
.figma-help-btn[data-v-6a2fb8c8] {
    border: 1px solid #001e62;
}
.figma-stop-impersonation-link[data-v-6a2fb8c8] {
    text-decoration: underline;
}
.figma-logout-btn[data-v-6a2fb8c8] {
    border-width: 2px;
}
}

.primevue-navigation[data-v-d491eb2b] {
  background: #fff;
  box-shadow: 0 4px 4px rgba(228, 228, 228, 0.25);
  min-height: 48px;
  width: 100%;
  position: relative;
  z-index: 10001;
}
[data-v-d491eb2b] .custom-menubar {
  border: none;
  border-radius: 0;
  background: transparent;
}
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) {
  padding-left: 0;
  padding-right: 0;
}
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  gap: 0;
  margin: 0;
  padding: 0 12px 0 0;
}
/* Minimal spacing on header items – bring them close together */
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list > .p-menubar-item {
  margin: 0;
  min-width: 0;
  flex-shrink: 0;
}
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list > .p-menubar-item:not(:last-child) > .p-menubar-item-content {
  border-right: 1px solid #e0e0e0;
  margin-right: 6px;
}
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {
  padding-left: 4px;
  padding-right: 4px;
  min-width: 0;
}
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list::-webkit-scrollbar {
  display: none;
}

/* Figma All Menu: Nunito Sans SemiBold 13px, line-height 16px, #001e62 */
[data-v-d491eb2b] .custom-menubar .p-menubar-item-link,[data-v-d491eb2b] .custom-menubar .p-menuitem-link,
.menu-item-link[data-v-d491eb2b] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #001e62;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

/* Figma: active/hover #2cd5c4 (icon inherits via color) */
[data-v-d491eb2b] .custom-menubar .p-menubar-item-link:hover,[data-v-d491eb2b] .custom-menubar .p-menuitem-link:hover,[data-v-d491eb2b] .custom-menubar .p-menubar-item-active > .p-menubar-item-content .p-menubar-item-link,[data-v-d491eb2b] .custom-menubar .p-menubar-item-active > .p-menubar-item-content .p-menuitem-link {
  color: #2cd5c4;
}

/* Figma: Drop icon 16px; flip up when submenu open */
/* Level icons: header = none | menu item (1st dropdown) = full dot | sub menu item (nested) = outlined circle */
.menu-item-leading-dot[data-v-d491eb2b] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  flex-shrink: 0;
  /* Default: outlined circle for nested sub menu items */
  background: transparent;
  border: 2px solid #2cd5c4;
}
/* Menu item (first level in dropdown only, e.g. Committee Reports): full green dot */
[data-v-d491eb2b] .custom-menubar .p-menubar-root-list > .p-menubar-item > .p-menubar-submenu > .p-menubar-item > .p-menubar-item-content .menu-item-leading-dot {
  background: #2cd5c4;
  border: none;
}
.menu-item-link[data-v-d491eb2b] {
  gap: 10px;
}
/* Header items: minimal gap so headers fit without scroll */
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list .p-menubar-item-content .p-menubar-item-link,[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list .p-menubar-item-content .menu-item-link {
  gap: 15px;
  padding-left: 0;
  padding-right: 0;
}
.submenu-arrow[data-v-d491eb2b] {
  font-size: 13px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: inherit;
}
[data-v-d491eb2b] .custom-menubar .p-menubar-root-list .p-menubar-item-active .p-menubar-submenu-icon,[data-v-d491eb2b] .custom-menubar .p-menubar-root-list .p-menubar-item-active .submenu-arrow {
  transform: rotate(180deg);
  color: inherit;
}
[data-v-d491eb2b] .custom-menubar .p-menubar-submenu,[data-v-d491eb2b] .custom-menubar .p-submenu-list {
  min-width: 180px;
}
[data-v-d491eb2b] .custom-menubar .p-menubar-submenu.submenu-align-left-root,[data-v-d491eb2b] .custom-menubar .p-submenu-list.submenu-align-left-root {
  left: auto !important;
  right: 0 !important;
}
[data-v-d491eb2b] .custom-menubar .p-menubar-submenu.submenu-align-left-nested,[data-v-d491eb2b] .custom-menubar .p-submenu-list.submenu-align-left-nested {
  left: auto !important;
  right: 100% !important;
}
@media (min-width: 1201px) and (max-width: 1397px) {
[data-v-d491eb2b] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list {
    padding-left: 8px;
    padding-right: 20px;
}
[data-v-d491eb2b] .custom-menubar .p-menubar-item-link,[data-v-d491eb2b] .custom-menubar .p-menuitem-link,
  .menu-item-link[data-v-d491eb2b] {
    font-size: 12px;
}
}
@media (max-width: 1200px) {
.primevue-navigation[data-v-d491eb2b] {
    min-height: 44px;
}
}
.app-navigation .container[data-v-d491eb2b]{
  margin: 0 !important;
  padding: 0 !important;
}
[data-v-d491eb2b] .p-menubar-item-content{
  padding-left: 5px;
  padding-right: 5px;
}


/* Reset page margin; allow page to grow with content so footer doesn't overlap */
html,body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}
#app {
  min-height: 100vh;
  /* Do not set height or flex here - let #app grow with content so long pages
     (e.g. Researcher Profile) don't get the footer overlapping the content */
}

/* this is globally setting font family even inside prime vue components */
[data-v-cdc16bfe],.p-component,.p-inputtext,.p-select,.p-select-filter,.p-select-overlay,.p-select-list,.p-select-option,.p-multiselect,.p-multiselect-filter,.p-multiselect-overlay,.p-multiselect-list,.p-datepicker,.p-datepicker-calendar-container,.p-calendar,.p-dialog,.p-dialog-content,.p-dialog-header,.p-dialog-footer,.p-multiselect-empty-message,.p-toast,.p-toast .p-toast-message,.p-toast .p-toast-message-content,.p-toast .p-toast-summary,.p-toast .p-toast-detail {
  font-family: "Nunito Sans" !important;
}
.p-dialog-close-button:focus-visible{
  outline: none !important;
}

/* Dialogs/modals: z-index is set by PrimeVue config (main.ts) so they sit above header and stack correctly. */

/* Ensure toast messages appear above dialogs */
.p-toast {
  z-index: 100060 !important;
}
.p-toast .p-toast-message {
  z-index: 100060 !important;
}

/* Ensure overlays (dropdowns, datepickers) appear above dialogs when a dialog is open */
body:has(.p-dialog-mask) .p-select-overlay,body:has(.p-dialog-mask) .p-multiselect-overlay,body:has(.p-dialog-mask) .p-autocomplete-panel,body:has(.p-dialog-mask) .p-datepicker-panel,body:has(.p-dialog-mask) .p-calendar-panel {
  z-index: 100051 !important;
}

/* Container for consistent alignment across all sections */
.container[data-v-cdc16bfe] {
  margin: 0 auto;
  padding: 0 24px;
}

/* Responsive container adjustments */
@media (max-width: 1440px) {
.container[data-v-cdc16bfe] {
    padding: 0 16px;
}
}
@media (max-width: 768px) {
.container[data-v-cdc16bfe] {
    padding: 0 12px;
}
}
.header[data-v-cdc16bfe] {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
}
.logo-group[data-v-cdc16bfe] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.logo[data-v-cdc16bfe] {
  height: 36px;
  width: auto;
  display: block;
}
.altum-logo[data-v-cdc16bfe] {
  max-width: 90px;
}
.debug-info[data-v-cdc16bfe] {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
.main-menu[data-v-cdc16bfe] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px 10px 24px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.menu-btn[data-v-cdc16bfe] {
  background: #fff;
  border: 1.5px solid #2d3a5a;
  color: #2d3a5a;
  border-radius: 14px;
  padding: 10px 24px;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  margin: 0 2px;
  transition: background 0.2s, color 0.2s, border 0.2s;
  outline: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu-btn span[data-v-cdc16bfe] {
  margin-left: 8px;
  font-size: 0.95em;
  display: inline-flex;
  align-items: center;
}
.menu-btn[data-v-cdc16bfe]:hover,
.menu-btn[data-v-cdc16bfe]:focus {
  background: #f7f8fa;
  color: #1a237e;
  border-color: #1a237e;
}
.menu-dropdown[data-v-cdc16bfe] {
  position: relative;
  display: inline-block;
}
.menu-dropdown .dropdown-content[data-v-cdc16bfe] {
  display: none;
  position: absolute;
  left: 0;
  top: 110%;
  min-width: 170px;
  background: #fff;
  border: 1.5px solid #2d3a5a;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.08);
  z-index: 100;
  flex-direction: column;
  padding: 6px 0;
}
.menu-dropdown:hover .dropdown-content[data-v-cdc16bfe],
.menu-dropdown:focus-within .dropdown-content[data-v-cdc16bfe] {
  display: flex;
}
.dropdown-content a[data-v-cdc16bfe] {
  color: #2d3a5a;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
  border-radius: 8px;
  font-size: 1rem;
  transition: background 0.2s, color 0.2s;
}
.dropdown-content a[data-v-cdc16bfe]:hover {
  background: #f7f8fa;
  color: #1a237e;
}

/* Submenu Styles */
.submenu[data-v-cdc16bfe] {
  position: relative;
}
.submenu-label[data-v-cdc16bfe] {
  color: #2d3a5a;
  padding: 10px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.submenu-label .arrow[data-v-cdc16bfe] {
  font-size: 0.8rem;
  margin-left: 8px;
  transition: transform 0.2s;
}
.submenu-label[data-v-cdc16bfe]:hover {
  background: #f7f8fa;
  color: #1a237e;
}
.submenu:hover .submenu-label .arrow[data-v-cdc16bfe] {
  transform: rotate(90deg);
}
.submenu-content[data-v-cdc16bfe] {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 170px;
  background: #fff;
  border: 1.5px solid #2d3a5a;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(44, 62, 80, 0.08);
  z-index: 101;
  flex-direction: column;
  padding: 6px 0;
}
.submenu:hover .submenu-content[data-v-cdc16bfe] {
  display: flex;
}
.submenu-content a[data-v-cdc16bfe] {
  color: #2d3a5a;
  padding: 10px 18px;
  text-decoration: none;
  display: block;
  border-radius: 8px;
  font-size: 1rem;
  transition: background 0.2s, color 0.2s;
}
.submenu-content a[data-v-cdc16bfe]:hover {
  background: #f7f8fa;
  color: #1a237e;
}

/* Figma Header Styles */
.figma-header[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px;
  background: #fff;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
  width: 100%;
  min-width: 320px;
}
.figma-logo-group[data-v-cdc16bfe] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 249.71px;
}
.proposal-central-logo[data-v-cdc16bfe] {
  height: 38px;
  width: auto;
  display: block;
}
.figma-header-right[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 47px;
  width: 431px;
}
.figma-help-btn[data-v-cdc16bfe] {
  font-weight: 500;
  font-size: 16px;
  color: #001e62;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0 16px;
  height: 38px;
  border-radius: 100px;
  transition: background 0.2s;
}
.figma-help-btn[data-v-cdc16bfe]:hover {
  background: rgba(74, 79, 85, 0.1);
}
.figma-user-profile[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.figma-user-name[data-v-cdc16bfe] {
  font-weight: 400;
  font-size: 16px;
  color: #4a4f55;
}
.figma-user-avatar[data-v-cdc16bfe] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.figma-logout-btn[data-v-cdc16bfe] {
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 16px;
}
.figma-logout-btn[data-v-cdc16bfe]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  transform: scale(1.05);
}
.figma-logout-btn[data-v-cdc16bfe]:active {
  transform: scale(0.95);
}

/* Figma Footer Styles */
.figma-footer[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 30px 10px;
  background: #2cd5c4;
  box-shadow: 0px -4px 4px 0px rgba(183, 183, 183, 0.25);
  width: 100%;
}
.figma-footer-text[data-v-cdc16bfe] {
   font-weight: 500;
  font-size: 14px;
  color: #001e62;
  line-height: 1.14em;
  text-align: center;
}
.figma-footer-text a[data-v-cdc16bfe] {
  color: #001e62;
  text-decoration: underline;
  margin: 0 4px;
}

/* Landing Header Styles (Figma Landing) */

/* Figma Landing Header refined styles */
.landing-header[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 227px;
  padding: 15px 0;
  background: #fff;
  width: 100%;
  min-width: 320px;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
}
.landing-header-logo-part[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  padding-left: 40px;
  width: 392px;
}
.altum-logo-stack[data-v-cdc16bfe] {
  display: flex;
  flex-direction: column;
  width: 54.31px;
  height: 60.82px;
  justify-content: flex-start;
}
.logo-container[data-v-cdc16bfe] {
  display: flex;
  align-items: center;
  height: 38px;
}
.landing-header-menu-part[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 31px;
  padding-right: 40px;
}
.landing-header-menu-list[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0px;
}
.landing-header-menu-item[data-v-cdc16bfe] {
    font-weight: 500;
  font-size: 16px;
  color: #001e62;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 10px;
  transition: background 0.2s, color 0.2s;
  border-right: 1px solid #e6e7e8;
}
.landing-header-menu-item[data-v-cdc16bfe]:last-child {
  border-right: none;
}
.landing-header-menu-item[data-v-cdc16bfe]:hover {
  background: #f7f8fa;
  color: #2cd5c4;
}
.landing-header-contact[data-v-cdc16bfe] {

  font-weight: 700;
  font-size: 16px;
  color: #001e62;
  background: #2cd5c4;
  border: none;
  border-radius: 10px;
  padding: 15px 20px;
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.2s, color 0.2s;
  margin-left: 31px;
}
.landing-header-contact[data-v-cdc16bfe]:hover {
  background: #001e62;
  color: #fff;
}
.landing-header-logo-part-horizontal[data-v-cdc16bfe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding-left: 40px;
}
.altum-logo-horizontal[data-v-cdc16bfe] {
  height: 48px;
  width: auto;
  display: block;
}

/* Additional custom styles can be added here if needed */

/* Exclude grid action buttons from global button styles */
[data-v-cdc16bfe] .p-button:not(.exclude-base-report-table-styles) {
  display: flex;
  height: 42px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}
[data-v-cdc16bfe] .p-button:not(.exclude-base-report-table-styles) .p-button-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 14px;
}
[data-v-cdc16bfe] .p-button:not(.exclude-base-report-table-styles):disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
  background-color:#51565C !important;
}

/* App Layout Structure - sticky footer: at bottom of viewport when short, after content when long */
.app-layout[data-v-cdc16bfe] {
  /* Remove min-height: 100vh when in iframe to prevent infinite height growth */
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* When content is short, footer sits at bottom of viewport */
  width: 100%;
  /* No flex:1 - layout grows with content so footer never overlaps (e.g. Researcher Profile) */
  /* Default page background (same as eligibility) – used by .app-main and inherited by new pages */
  --app-page-background: var(--p-surface-50, #f0f2f5);
}

/* Reset default margins and padding for layout elements */
.app-layout nav[data-v-cdc16bfe],
.app-layout main[data-v-cdc16bfe],
.app-layout header[data-v-cdc16bfe],
.app-layout footer[data-v-cdc16bfe] {
  margin: 0;
  padding: 0;
}

/* Header Section */
.app-header[data-v-cdc16bfe] {
  background: #fff;
  border-bottom: 1px solid #DBDCDD;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
  position: sticky;
  top: 0;
  z-index: 10004;
}

/* Navigation Section */
.app-navigation[data-v-cdc16bfe] {
  background: #fff;
  border-bottom: 1px solid #DBDCDD;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
  /* position: sticky; */
  top: 0;
  z-index: 1000;
  margin: 0;
  padding: 0;
}

/* Main Content Section – default page background applied here for all pages and new pages */
.app-main[data-v-cdc16bfe] {
  flex: 1;
  padding: 24px 0 80px 0; /* Extra bottom padding so content (e.g. form buttons) isn't flush under footer */
  min-height: 0; /* Allow flex item to shrink below content size */
  position: relative; /* Ensure stable positioning */
  background-color: var(--app-page-background);
}

/* Keep a stable content area only when not inside an iframe */
.app-main--standalone[data-v-cdc16bfe] {
  min-height: 420px;
}

/* Grant Opportunities: same tone as modules/opportunities page (--go-bg) so flex area isn’t a contrasting band */
.app-main--grant-opportunities[data-v-cdc16bfe] {
  background-color: #f5f5f7;
}

/* Footer Section */
.app-footer[data-v-cdc16bfe] {
  background: #2CD5C4;
  margin-top: auto;
  box-shadow: 0px -4px 4px 0px rgba(183, 183, 183, 0.25);
  flex-shrink: 0; /* Prevent footer from shrinking */
  position: relative; /* Ensure footer stays in document flow */
}

/* Route Loading Overlay */
.route-loading-overlay[data-v-cdc16bfe] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  z-index: 9999;
}

/* Default: center position */
.route-loading-overlay.loader-position-center[data-v-cdc16bfe] {
  align-items: center;
}

/* Top position */
.route-loading-overlay.loader-position-top[data-v-cdc16bfe] {
  align-items: flex-start;
  padding-top: 2rem;
}

/* Bottom position */
.route-loading-overlay.loader-position-bottom[data-v-cdc16bfe] {
  align-items: flex-end;
  padding-bottom: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.app-main[data-v-cdc16bfe] {
    padding: 16px 0 60px 0;
}
}
.p-toast-message-content[data-v-cdc16bfe]{
  display: flex;
  flex-direction: column;
}

.base-input-text[data-v-f5c4d0a7] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.base-input-text__label[data-v-f5c4d0a7] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  color: #4A4F55;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 0px;
}
.base-input-text__required[data-v-f5c4d0a7] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-input-text__input-container[data-v-f5c4d0a7] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DBDCDD;
  border-radius: 8px;
  padding: 8px 10px;
  gap: 10px;
  height: 42px;
  box-sizing: border-box;
}
.base-input-text__input-container--with-icon[data-v-f5c4d0a7] {
  position: relative;
}
.base-input-text__input-container--icon-left .base-input-text__input[data-v-f5c4d0a7] {
  padding-left: 2.5rem;
}
.base-input-text__input-container--icon-right .base-input-text__input[data-v-f5c4d0a7] {
  padding-right: 2.5rem;
}
.base-input-text__input[data-v-f5c4d0a7] {
  width: 100%;  
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  /* Figma: value #090909 vs placeholder #99a5c0 — keep entered text clearly darker */
  color: #090909;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.2s ease-in-out;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.base-input-text__input[data-v-f5c4d0a7]::placeholder {
  color: #99a5c0;
  opacity: 1;
}
.base-input-text__input--error[data-v-f5c4d0a7] {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-input-text__input--error[data-v-f5c4d0a7]:focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-input-text__icon[data-v-f5c4d0a7] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--text-color-secondary, #6b7280);
  z-index: 1;
}
.base-input-text__icon--left[data-v-f5c4d0a7] {
  left: 0.75rem;
}
.base-input-text__icon--right[data-v-f5c4d0a7] {
  right: 0.75rem;
}
.base-input-text__error[data-v-f5c4d0a7] {
  font-size: 0.75rem;
  color: var(--danger-500, #ef4444);
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-input-text__helper[data-v-f5c4d0a7] {
  font-size: 0.75rem;
  color: var(--text-color-secondary, #6b7280);
  margin-top: 0.25rem;
}

/* Disabled state */
.base-input-text--disabled .base-input-text__label[data-v-f5c4d0a7] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-text--disabled .base-input-text__input-container[data-v-f5c4d0a7] {
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-text--disabled .base-input-text__input[data-v-f5c4d0a7] {
  background-color: transparent;
  color: var(--text-color-disabled, #9ca3af);
}

/* Readonly state */
.base-input-text--readonly .base-input-text__input-container[data-v-f5c4d0a7] {
  background-color: var(--surface-ground, #f9fafb);
}

/* Focus states */
.base-input-text__input-container[data-v-f5c4d0a7]:focus-within {
  outline: none;
  border-color: var(--primary-500, #3b82f6);
  box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.25);
}

/* Hover states */
.base-input-text__input-container[data-v-f5c4d0a7]:hover:not(.base-input-text--disabled) {
  border-color: var(--primary-400, #60a5fa);
}

/* Icon hover effect */
.base-input-text__icon[data-v-f5c4d0a7]:hover {
  color: var(--primary-500, #3b82f6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.base-input-text[data-v-f5c4d0a7] {
    max-width: 100%;
}
.base-input-text__label[data-v-f5c4d0a7] {
    font-size: 12px;
}
.base-input-text__input[data-v-f5c4d0a7] {
    font-size: 12px;
}
.base-input-text__error[data-v-f5c4d0a7],
  .base-input-text__helper[data-v-f5c4d0a7] {
    font-size: 0.7rem;
}
}

.base-textarea[data-v-3d5e03cd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.base-textarea__label[data-v-3d5e03cd] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  color: #4A4F55;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 0px;
}
.base-textarea__required[data-v-3d5e03cd] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-textarea__textarea-container[data-v-3d5e03cd] {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DBDCDD;
  border-radius: 8px;
  padding: 8px 10px;
  gap: 10px;
  min-height: 42px;
  box-sizing: border-box;
}
.base-textarea__textarea-container--with-icon[data-v-3d5e03cd] {
  position: relative;
}
.base-textarea__textarea-container--icon-left .base-textarea__textarea[data-v-3d5e03cd] {
  padding-left: 2.5rem;
}
.base-textarea__textarea-container--icon-right .base-textarea__textarea[data-v-3d5e03cd] {
  padding-right: 2.5rem;
}
.base-textarea__textarea[data-v-3d5e03cd] {
  width: 100%;  
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  color: #6E7277;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.2s ease-in-out;
  padding: 0;
  margin: 0;
  resize: none;
  font-family: inherit;
}
.base-textarea__textarea--error[data-v-3d5e03cd] {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-textarea__textarea--error[data-v-3d5e03cd]:focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-textarea__icon[data-v-3d5e03cd] {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--text-color-secondary, #6b7280);
  z-index: 1;
  padding-top: 0.5rem;
}
.base-textarea__icon--left[data-v-3d5e03cd] {
  left: 0.75rem;
}
.base-textarea__icon--right[data-v-3d5e03cd] {
  right: 0.75rem;
}
.base-textarea__error[data-v-3d5e03cd] {
  font-size: 0.75rem;
  color: var(--danger-500, #ef4444);
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-textarea__helper[data-v-3d5e03cd] {
  font-size: 0.75rem;
  color: var(--text-color-secondary, #6b7280);
  margin-top: 0.25rem;
}

/* Disabled state */
.base-textarea--disabled .base-textarea__label[data-v-3d5e03cd] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-textarea--disabled .base-textarea__textarea-container[data-v-3d5e03cd] {
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-textarea--disabled .base-textarea__textarea[data-v-3d5e03cd] {
  background-color: transparent;
  color: var(--text-color-disabled, #9ca3af);
  cursor: not-allowed;
}

/* Readonly state */
.base-textarea--readonly .base-textarea__textarea-container[data-v-3d5e03cd] {
  background-color: var(--surface-ground, #f9fafb);
}

/* Focus states */
.base-textarea__textarea-container[data-v-3d5e03cd]:focus-within {
  outline: none;
  border-color: var(--primary-500, #3b82f6);
  box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.25);
}

/* Hover states */
.base-textarea__textarea-container[data-v-3d5e03cd]:hover:not(.base-textarea--disabled) {
  border-color: var(--primary-400, #60a5fa);
}

/* Icon hover effect */
.base-textarea__icon[data-v-3d5e03cd]:hover {
  color: var(--primary-500, #3b82f6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.base-textarea[data-v-3d5e03cd] {
    max-width: 100%;
}
.base-textarea__label[data-v-3d5e03cd] {
    font-size: 12px;
}
.base-textarea__textarea[data-v-3d5e03cd] {
    font-size: 12px;
}
.base-textarea__error[data-v-3d5e03cd],
  .base-textarea__helper[data-v-3d5e03cd] {
    font-size: 0.7rem;
}
}

.base-select-wrapper[data-v-ed0e3632] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-right: 5px;
}
.base-select-label[data-v-ed0e3632] {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-color);
  margin-bottom: 0.25rem;
}
.p-select-list[data-v-ed0e3632]{
  margin: unset !important;
}
.base-select-label[data-v-ed0e3632]:empty {
  display: none;
}

/* Custom styling can be added here */
.base-select-wrapper[data-v-ed0e3632] .p-select {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DBDCDD;
  border-radius: 8px;
  padding: 8px 10px;  
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  color: #6E7277;
  height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.base-select-wrapper[data-v-ed0e3632] .p-select.p-invalid {
  border-color: var(--red-500);
}
.base-select-wrapper[data-v-ed0e3632] .p-select:focus {
  box-shadow: 0 0 0 0.2rem var(--primary-200);
  border-color: var(--primary-500, #3b82f6);
}
.base-select-wrapper[data-v-ed0e3632] .p-select:hover:not(.p-disabled) {
  border-color: var(--primary-400, #60a5fa);
}

/* Multi-select specific styling */
.base-select-wrapper[data-v-ed0e3632] .p-select.p-select-multiple .p-select-label {
  padding: 0.375rem 0.75rem;
}

/* Loading state styling */
.base-select-wrapper[data-v-ed0e3632] .p-select.p-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}

/* Fix for long option labels */
.base-select-wrapper[data-v-ed0e3632] .p-select-option {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
  padding: 0.75rem 1rem !important;
  min-height: auto !important;
}
.base-select-wrapper[data-v-ed0e3632] .p-select-list {
  max-width: none !important;
  min-width: 300px !important;
}
.base-select-wrapper[data-v-ed0e3632] .p-select-overlay {
  max-width: 500px !important;
  width: auto !important;
  padding: 0 !important;
}

/* Fix for selected value display */
.base-select-wrapper[data-v-ed0e3632] .p-select-label {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
  color: #6E7277;  
  font-size: 14px;
  font-weight: 400;
}
[data-v-ed0e3632] .p-select-dropdown {
  background: rgba(145, 145, 145, 0.10) !important;
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  align-self: center;
  margin-right: 5px;
  color: #001E62;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 2px;
}
[data-v-ed0e3632] .p-select-dropdown:hover {
  background: rgba(145, 145, 145, 0.15) !important;
}
[data-v-ed0e3632] .p-select-dropdown:focus {
  box-shadow: none;
}

.base-checkbox-wrapper[data-v-4cf87b6a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.base-checkbox-wrapper.base-checkbox--label-left[data-v-4cf87b6a] {
  flex-direction: row;
}
.base-checkbox-wrapper.base-checkbox--label-right[data-v-4cf87b6a] {
  flex-direction: row;
}
.base-checkbox-label[data-v-4cf87b6a] {
  cursor: pointer;
  user-select: none;
  font-size: 0.875rem;
  line-height: 1.25;
}
.base-checkbox--disabled .base-checkbox-label[data-v-4cf87b6a] {
  cursor: not-allowed;
  opacity: 0.6;
}
.base-checkbox--readonly .base-checkbox-label[data-v-4cf87b6a] {
  cursor: default;
}

/* Ensure proper spacing */
.base-checkbox-label--left[data-v-4cf87b6a] {
  margin-right: 0.25rem;
}
.base-checkbox-label--right[data-v-4cf87b6a] {
  margin-left: 0.25rem;
}

/* Ensure icon-only buttons properly center the icon */
[data-v-9bedbe54] .p-button.p-button-icon-only,[data-v-9bedbe54] .p-button.icon-only-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ensure icon is centered within icon-only buttons */
[data-v-9bedbe54] .p-button.p-button-icon-only .p-button-icon,[data-v-9bedbe54] .p-button.icon-only-button .p-button-icon {
  margin: 0 !important;
}

/* Grid action button - circular design from Figma */
/* UNSCOPED to override global App.css button styles */
/* Using .grid-action-button class for specificity */
.grid-action-button.p-button,
.grid-action-button.p-button.p-button-icon-only,
.grid-action-button.p-button.icon-only-button,
.exclude-base-report-table-styles.p-button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  padding: 2px !important;
  border-radius: 100px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background-color: rgba(74, 79, 85, 0.1) !important;
  border: 1px solid transparent !important;
}

/* Outlined buttons (edit, view, remove) - light gray background */
.grid-action-button.p-button.p-button-outlined,
.grid-action-button.p-button.p-button-text,
.grid-action-button.p-button.p-button-outlined.icon-only-button,
.grid-action-button.p-button.p-button-text.icon-only-button {
  background-color: rgba(74, 79, 85, 0.1) !important;
  border-color: rgba(74, 79, 85, 0.1) !important;
  color: #001E62 !important;
}
.grid-action-button.p-button.p-button-outlined:hover,
.grid-action-button.p-button.p-button-text:hover,
.grid-action-button.p-button.p-button-outlined.icon-only-button:hover,
.grid-action-button.p-button.p-button-text.icon-only-button:hover {
  background-color: #001E62 !important;
  border-color: #001E62 !important;
  color: #FFFFFF !important;
  transform: scale(1.05) !important;
  box-shadow: 0 2px 4px rgba(0, 30, 98, 0.2) !important;
  transition: all 0.2s ease !important;
}

/* Icon color when outlined buttons are hovered */
.grid-action-button.p-button.p-button-outlined:hover .p-button-icon,
.grid-action-button.p-button.p-button-text:hover .p-button-icon,
.grid-action-button.p-button.p-button-outlined.icon-only-button:hover .p-button-icon,
.grid-action-button.p-button.p-button-text.icon-only-button:hover .p-button-icon {
  color: #FFFFFF !important;
}


/* Icon styling - 16px size with smooth appearance */
.grid-action-button.p-button .p-button-icon,
.grid-action-button.p-button.p-button-icon-only .p-button-icon,
.grid-action-button.p-button.icon-only-button .p-button-icon {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #001E62 !important;
}

/* Custom icon styling using img tags */
.grid-action-button-wrapper {
  position: relative;
  display: flex;
}
.grid-action-button.has-custom-icon .p-button-icon {
  display: none !important;
}
.custom-icon {
  width: 26px;
  height: 26px;
  pointer-events: none;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* Delete button icon - white color */
.grid-action-button-delete.p-button .p-button-icon,
.grid-action-button-delete.p-button.p-button-icon-only .p-button-icon,
.grid-action-button-delete.p-button.p-button-danger .p-button-icon {
  color: #FFFFFF !important;
}

/* Override any default PrimeVue button styles that might interfere */
.grid-action-button.p-button:not(.p-button-outlined):not(.p-button-text) {
  background-color: rgba(74, 79, 85, 0.1) !important;
}
.grid-action-button.p-button.p-button-outlined .p-button-icon,
.grid-action-button.p-button.p-button-text .p-button-icon {
  color: #001E62 !important;
}
.reset-icon{
  height: 15px !important;
  width: 15px !important;
}
.cross-icon{
  height: 20px !important;
  width: 20px !important;
}


/* Delete button - filled red background */
.grid-action-button-delete.p-button.p-button-danger,
.grid-action-button-delete.p-button.p-button-danger.p-button-icon-only,
.grid-action-button-delete.p-button.p-button-danger.icon-only-button,
.grid-action-button-delete.p-button.p-button-danger.exclude-base-report-table-styles {
  background-color: #E74444 !important;
  border-color: #E74444 !important;
  color: #FFFFFF !important;
}
.grid-action-button-delete.p-button.p-button-danger:hover,
.grid-action-button-delete.p-button.p-button-danger.p-button-icon-only:hover,
.grid-action-button-delete.p-button.p-button-danger.icon-only-button:hover {
  background-color: #E74444 !important;
  border-color: #E74444 !important;
  color: #FFFFFF !important;
  transform: scale(1.05) !important;
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3) !important;
  transition: all 0.2s ease !important;
}

/* Ensure delete button stays filled red even if outlined/text classes are applied */
.grid-action-button-delete.p-button.p-button-danger.p-button-outlined,
.grid-action-button-delete.p-button.p-button-danger.p-button-text,
.grid-action-button-delete.p-button.p-button-danger.p-button-outlined.icon-only-button,
.grid-action-button-delete.p-button.p-button-danger.p-button-text.icon-only-button {
  background-color: #E74444 !important;
  border-color: #E74444 !important;
  color: #FFFFFF !important;
}

/* Reset button specific styles */
.p-button[data-v-f7f7bb7a] {
  background-color: transparent !important;
  color: #001e62 !important;
  outline-color: transparent !important;
}
.p-button[data-v-f7f7bb7a]:hover {
  background-color: #001e62 !important;
  color: white !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
.p-button[data-v-f7f7bb7a]:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0, 30, 98, 0.2) !important;
}
.p-button.p-button-secondary[data-v-f7f7bb7a] {
  background-color: transparent !important;
  color: #001e62 !important;
  border: 2px solid #001e62 !important;
}
.p-button.p-button-secondary[data-v-f7f7bb7a]:hover {
  background-color: #001e62 !important;
  color: white !important;
}
.p-button.p-button-outlined[data-v-f7f7bb7a] {
  background-color: transparent !important;
  border: 2px solid #001e62 !important;
}
.p-button.p-button-outlined[data-v-f7f7bb7a]:hover {
  background-color: #001e62 !important;
  color: white !important;
}

.tooltip-container[data-v-cedfa345] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.tooltip-content-trigger[data-v-cedfa345] {
  display: inline-flex;
  cursor: help;
}
.tooltip-trigger[data-v-cedfa345] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #001E62;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 12px;
  cursor: help;
  transition: all 0.2s ease;
}
.tooltip-trigger[data-v-cedfa345]:hover {
  background-color: #003285;
  transform: scale(1.1);
}
.tooltip-trigger i[data-v-cedfa345] {
  font-size: 10px !important;
  font-weight: 700;
}

/* Custom tooltip styles matching Figma design */
.custom-tooltip[data-v-cedfa345] {
  position: fixed;
  background: #FFFFFF;
  border-radius: 0px 8px 8px 8px;
  box-shadow: 0px 4px 12px 0px rgba(109, 109, 109, 0.25);
  padding: 16px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 9999;
  pointer-events: auto;
}

/* When tooltip is positioned to the left, flip border-radius */
.custom-tooltip.tooltip-left[data-v-cedfa345] {
  border-radius: 8px 0px 8px 8px;
}
.tooltip-header[data-v-cedfa345] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tooltip-icon-container[data-v-cedfa345] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #001E62;
  border-radius: 50%;
  padding: 2px;
}
.tooltip-header-icon[data-v-cedfa345] {
  color: #FFFFFF !important;
  font-size: 12px;
  font-weight: bold;
}
.tooltip-header-custom-icon[data-v-cedfa345] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.tooltip-header-text[data-v-cedfa345] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #001E62;
}
.tooltip-content[data-v-cedfa345] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #51565C;
}

/* Custom scrollbar for tooltip */
.custom-tooltip[data-v-cedfa345]::-webkit-scrollbar {
  width: 6px;
}
.custom-tooltip[data-v-cedfa345]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.custom-tooltip[data-v-cedfa345]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.custom-tooltip[data-v-cedfa345]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.branding-panel[data-v-6645311f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 60px;
  position: relative;
  overflow: hidden;
}
.branding-panel[data-v-6645311f]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 50%, rgba(44, 213, 196, 0.08) 0%, transparent 60%);
  pointer-events: none;
}
.brand-logo[data-v-6645311f] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: auto;
}
.branding-panel--compact .brand-logo[data-v-6645311f] {
  margin-bottom: 0;
}
.brand-logo__icon[data-v-6645311f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background-color: #001e62;
  border-radius: 12px;
  padding: 9px;
}
.brand-logo__text[data-v-6645311f] {
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
}
.brand-logo__suffix[data-v-6645311f] {
  color: #2cd5c4;
}
.hero[data-v-6645311f] {
  margin-bottom: 48px;
}
.hero__title[data-v-6645311f] {
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  margin: 0 0 24px;
  max-width: 740px;
}
.hero__highlight[data-v-6645311f] {
  color: #2cd5c4;
}
.hero__description[data-v-6645311f] {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.6;
  max-width: 740px;
  margin: 0;
  opacity: 0.85;
}
.features[data-v-6645311f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 48px;
  max-width: 740px;
}
.feature-card[data-v-6645311f] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: background 0.2s ease;
}
.feature-card[data-v-6645311f]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.feature-card__icon[data-v-6645311f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: #2cd5c4;
  border-radius: 8px;
}
.feature-card__icon i[data-v-6645311f] {
  font-size: 18px;
  color: #001e62;
}
.feature-card__title[data-v-6645311f] {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 2px;
}
.feature-card__description[data-v-6645311f] {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.7;
  margin: 0;
}
.stats[data-v-6645311f] {
  display: flex;
  gap: 32px;
  max-width: 740px;
}
.stat-item[data-v-6645311f] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.stat-item__value[data-v-6645311f] {
  font-size: 30px;
  font-weight: 700;
  color: #2cd5c4;
  line-height: 1.2;
}
.stat-item__label[data-v-6645311f] {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.7;
}
@media (max-width: 1200px) {
.branding-panel[data-v-6645311f] {
    padding: 40px;
}
.hero__title[data-v-6645311f] {
    font-size: 40px;
}
.features[data-v-6645311f] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 960px) {
.branding-panel[data-v-6645311f] {
    padding: 40px 24px;
}
.hero__title[data-v-6645311f] {
    font-size: 36px;
}
.stats[data-v-6645311f] {
    flex-wrap: wrap;
}
}
@media (max-width: 600px) {
.branding-panel[data-v-6645311f] {
    padding: 24px 16px;
}
.hero__title[data-v-6645311f] {
    font-size: 28px;
}
.hero__description[data-v-6645311f] {
    font-size: 16px;
}
}

.login-page[data-v-92564816] {
  display: flex;
  min-height: 100vh;
  background-color: #001e62;
  font-family: 'Nunito Sans', sans-serif;
}
.login-panel[data-v-92564816] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 480px;
  min-width: 480px;
  padding: 60px 40px;
}
.login-card[data-v-92564816] {
  width: 100%;
  max-width: 448px;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
}
.login-panel__footer[data-v-92564816] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  width: 100%;
  max-width: 448px;
}
.contact-support[data-v-92564816] {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.pc-account-hint[data-v-92564816] {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.pc-account-hint__link[data-v-92564816] {
  font-weight: 600;
  color: #2cd5c4;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.pc-account-hint__link[data-v-92564816]:hover {
  opacity: 0.85;
}
.contact-support__link[data-v-92564816] {
  font-weight: 600;
  color: #2cd5c4;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.contact-support__link[data-v-92564816]:hover {
  opacity: 0.85;
}
.login-card__header[data-v-92564816] {
  margin-bottom: 32px;
}
.login-card__title[data-v-92564816] {
  font-size: 28px;
  font-weight: 700;
  color: #090909;
  margin: 0 0 8px;
}
.login-card__subtitle[data-v-92564816] {
  font-size: 16px;
  font-weight: 400;
  color: #51565c;
  margin: 0;
}
.login-form[data-v-92564816] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.password-field[data-v-92564816] {
  position: relative;
}
.password-toggle[data-v-92564816] {
  position: absolute;
  right: 12px;
  bottom: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #99a5c0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.password-toggle[data-v-92564816]:hover {
  color: #001e62;
}
.session-reset__account[data-v-92564816] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.session-reset__account-label[data-v-92564816] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.session-reset__account-value[data-v-92564816] {
  font-size: 16px;
  font-weight: 500;
  color: #090909;
  word-break: break-word;
}
.error-message[data-v-92564816] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
}
.status-block[data-v-92564816] {
  padding: 16px;
  text-align: center;
  color: #51565c;
}
.status-block__text[data-v-92564816] {
  font-size: 16px;
}
[data-v-92564816] .sign-in-button {
  width: 100%;
  background-color: #001e62 !important;
  border-color: #001e62 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  justify-content: center;
}
.back-link[data-v-92564816] {
  margin: 24px 0 0;
  font-size: 16px;
}
.back-link--top[data-v-92564816] {
  margin: 0 0 8px;
}
.back-link__a[data-v-92564816] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #001e62;
  font-weight: 600;
  text-decoration: none;
}
.back-link__a[data-v-92564816]:hover {
  text-decoration: underline;
}
@media (max-width: 960px) {
.login-page[data-v-92564816] {
    flex-direction: column;
}
.login-panel[data-v-92564816] {
    width: 100%;
    min-width: unset;
    padding: 40px 24px;
}
}

.login-page[data-v-3201540d] {
  min-height: 100vh;
  display: flex;
  background: #001e62;
  font-family: 'Nunito Sans', sans-serif;
}
.login-panel[data-v-3201540d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 480px;
  min-width: 480px;
  padding: 60px 40px;
}
.confirm-account-card[data-v-3201540d] {
  width: 100%;
  max-width: 448px;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.auth-sub-panel__back[data-v-3201540d] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 0;
  background: none;
  font-size: 15px;
  font-weight: 600;
  color: #001e62;
  font-family: inherit;
  text-decoration: none;
}
.auth-sub-panel__back[data-v-3201540d]:hover {
  opacity: 0.85;
}
.confirm-account-card__title[data-v-3201540d] {
  margin: 0;
  font-size: 30px;
  color: #090909;
}
.confirm-account-card__status[data-v-3201540d] {
  margin: 0;
  color: #4b5563;
}
.confirm-account-card__message[data-v-3201540d] {
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 14px;
}
.confirm-account-card__message--success[data-v-3201540d] {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}
.confirm-account-card__message--error[data-v-3201540d] {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}
@media (max-width: 960px) {
.login-page[data-v-3201540d] {
    flex-direction: column;
}
.login-panel[data-v-3201540d] {
    width: 100%;
    min-width: unset;
    padding: 40px 24px;
}
}
@media (max-width: 600px) {
.login-panel[data-v-3201540d] {
    padding: 24px 16px;
}
.confirm-account-card[data-v-3201540d] {
    padding: 24px;
    border-radius: 16px;
}
}

.auth-sub-panel[data-v-51561d98] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auth-sub-panel__back[data-v-51561d98] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #001e62;
  font-family: inherit;
}
.auth-sub-panel__back[data-v-51561d98]:hover {
  opacity: 0.85;
}
.login-card__header[data-v-51561d98] {
  margin-bottom: 0;
}
.login-card__title[data-v-51561d98] {
  font-size: 32px;
  font-weight: 700;
  color: #090909;
  margin: 0 0 8px;
}
.login-card__subtitle[data-v-51561d98] {
  font-size: 18px;
  font-weight: 400;
  color: #51565c;
  margin: 0;
}
.account-flow__panel[data-v-51561d98] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account-flow__message[data-v-51561d98] {
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.account-flow__message--success[data-v-51561d98] {
  background-color: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}
.account-flow__message--error[data-v-51561d98] {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}
.readonly-field[data-v-51561d98] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #d6dbe6;
  border-radius: 8px;
  background-color: #f8fafc;
  padding: 10px 12px;
}
.readonly-field__label[data-v-51561d98] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.readonly-field__value[data-v-51561d98] {
  font-size: 15px;
  color: #111827;
  word-break: break-word;
}
.account-flow__hint[data-v-51561d98] {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}
[data-v-51561d98] .account-flow__button {
  width: 100%;
  justify-content: center;
}
.confirm-success-footer[data-v-51561d98] {
  margin: 8px 0 0;
  text-align: center;
}
.confirm-success-footer__back[data-v-51561d98] {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #001e62;
  font-family: inherit;
  text-decoration: underline;
}
.confirm-success-footer__back[data-v-51561d98]:hover {
  opacity: 0.85;
}
@media (max-width: 600px) {
.login-card__title[data-v-51561d98] {
    font-size: 24px;
}
}

.auth-sub-panel[data-v-5b868984] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auth-sub-panel__back[data-v-5b868984] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #001e62;
  font-family: inherit;
}
.auth-sub-panel__back[data-v-5b868984]:hover {
  opacity: 0.85;
}
.login-card__header[data-v-5b868984] {
  margin-bottom: 0;
}
.login-card__title[data-v-5b868984] {
  font-size: 32px;
  font-weight: 700;
  color: #090909;
  margin: 0 0 8px;
}
.login-card__subtitle[data-v-5b868984] {
  font-size: 18px;
  font-weight: 400;
  color: #51565c;
  margin: 0;
  line-height: 24px;
}
.forgot-lock[data-v-5b868984] {
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
}
.forgot-lock__circle[data-v-5b868984] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #e8f4f3;
}
.forgot-lock__svg[data-v-5b868984] {
  display: block;
}
.account-flow__panel[data-v-5b868984] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.account-flow__message[data-v-5b868984] {
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.account-flow__message--success[data-v-5b868984] {
  background-color: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}
.account-flow__message--warning[data-v-5b868984] {
  background-color: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
}
.account-flow__message--error[data-v-5b868984] {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}
.readonly-field[data-v-5b868984] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid #d6dbe6;
  border-radius: 8px;
  background-color: #f8fafc;
  padding: 10px 12px;
}
.readonly-field__label[data-v-5b868984] {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.readonly-field__value[data-v-5b868984] {
  font-size: 15px;
  color: #111827;
  word-break: break-word;
}
[data-v-5b868984] .forgot-password__submit {
  width: 100%;
  background-color: #001e62 !important;
  border-color: #001e62 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  justify-content: center;
  margin-top: 4px;
  box-shadow: 0 4px 12px 0 rgba(109, 109, 109, 0.25);
}
[data-v-5b868984] .forgot-password__submit:hover {
  background-color: #001a55 !important;
  border-color: #001a55 !important;
}
[data-v-5b868984] .forgot-password__submit:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 30, 98, 0.3) !important;
}
@media (max-width: 600px) {
.login-card__title[data-v-5b868984] {
    font-size: 24px;
}
}

.auth-sub-panel[data-v-3982cbc6] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.auth-sub-panel__back[data-v-3982cbc6] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #001e62;
  font-family: inherit;
}
.auth-sub-panel__back[data-v-3982cbc6]:hover {
  opacity: 0.85;
}
.login-card__header[data-v-3982cbc6] {
  margin-bottom: 0;
}
.login-card__title[data-v-3982cbc6] {
  font-size: 32px;
  font-weight: 700;
  color: #090909;
  margin: 0 0 8px;
}
.login-card__subtitle[data-v-3982cbc6] {
  font-size: 18px;
  font-weight: 400;
  color: #51565c;
  margin: 0;
}
.account-flow__panel[data-v-3982cbc6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.account-flow__grid[data-v-3982cbc6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.account-flow__message[data-v-3982cbc6] {
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.account-flow__message--success[data-v-3982cbc6] {
  background-color: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}
.account-flow__message--error[data-v-3982cbc6] {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}
.registration-terms-well[data-v-3982cbc6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #d6dbe6;
  border-radius: 10px;
  background-color: #f8fafc;
}
.registration-terms-well__text[data-v-3982cbc6] {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #445168;
}
[data-v-3982cbc6] .account-flow__button {
  width: 100%;
  justify-content: center;
}
@media (max-width: 600px) {
.login-card__title[data-v-3982cbc6] {
    font-size: 24px;
}
.account-flow__grid[data-v-3982cbc6] {
    grid-template-columns: 1fr;
}
}

.login-sign-in[data-v-8b63d132] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.login-card__header[data-v-8b63d132] {
  margin-bottom: 32px;
}
.login-card__title[data-v-8b63d132] {
  font-size: 32px;
  font-weight: 700;
  color: #090909;
  margin: 0 0 8px;
}
.login-card__subtitle[data-v-8b63d132] {
  font-size: 18px;
  font-weight: 400;
  color: #51565c;
  margin: 0;
}
.login-form[data-v-8b63d132] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.password-field[data-v-8b63d132] {
  position: relative;
}
.password-toggle[data-v-8b63d132] {
  position: absolute;
  right: 12px;
  bottom: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #99a5c0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: color 0.2s ease;
}
.password-toggle[data-v-8b63d132]:hover {
  color: #001e62;
}
.password-toggle i[data-v-8b63d132] {
  font-size: 16px;
}
.error-message[data-v-8b63d132] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
}
.error-message i[data-v-8b63d132] {
  font-size: 16px;
  flex-shrink: 0;
}
[data-v-8b63d132] .sign-in-button {
  width: 100%;
  background-color: #001e62 !important;
  border-color: #001e62 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  justify-content: center;
}
[data-v-8b63d132] .sign-in-button:hover {
  background-color: #001845 !important;
  border-color: #001845 !important;
}
[data-v-8b63d132] .sign-in-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 30, 98, 0.3) !important;
}
.login-help-links[data-v-8b63d132] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
}
.login-help-links__item + .login-help-links__item[data-v-8b63d132]::before {
  content: '|';
  margin: 0 10px;
  color: #99a5c0;
}
.login-help-links__link[data-v-8b63d132] {
  font-weight: 600;
  color: #001e62;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.login-help-links__link[data-v-8b63d132]:hover {
  opacity: 0.7;
}
@media (max-width: 600px) {
.login-card__title[data-v-8b63d132] {
    font-size: 24px;
}
.login-card__subtitle[data-v-8b63d132] {
    font-size: 16px;
}
.login-help-links[data-v-8b63d132] {
    font-size: 15px;
}
}

.login-page[data-v-cedf02fc] {
  display: flex;
  min-height: 100vh;
  background-color: #001e62;
  font-family: 'Nunito Sans', sans-serif;
}
.login-panel[data-v-cedf02fc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 480px;
  min-width: 480px;
  padding: 60px 40px;
}
.login-card[data-v-cedf02fc] {
  width: 100%;
  max-width: 448px;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
}
.login-panel__footer[data-v-cedf02fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  width: 100%;
  max-width: 448px;
}
.contact-support[data-v-cedf02fc] {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.pc-account-hint[data-v-cedf02fc] {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.pc-account-hint__link[data-v-cedf02fc] {
  font-weight: 600;
  color: #2cd5c4;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.pc-account-hint__link[data-v-cedf02fc]:hover {
  opacity: 0.85;
}
.contact-support__link[data-v-cedf02fc] {
  font-weight: 600;
  color: #2cd5c4;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}
.contact-support__link[data-v-cedf02fc]:hover {
  opacity: 0.85;
}
@media (max-width: 960px) {
.login-page[data-v-cedf02fc] {
    flex-direction: column;
}
.login-panel[data-v-cedf02fc] {
    width: 100%;
    min-width: unset;
    padding: 40px 24px;
}
}
@media (max-width: 600px) {
.login-panel[data-v-cedf02fc] {
    padding: 24px 16px;
}
.login-card[data-v-cedf02fc] {
    padding: 24px;
    border-radius: 16px;
}
}

.chat-card[data-v-e277ce5d] {
  height: 100%;
  border: 1px solid var(--p-surface-200);
  overflow: hidden;
}
.chat-wrapper[data-v-e277ce5d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 400px;
  max-height: calc(100vh - 400px);
  margin: -1rem;
}
.chat-header[data-v-e277ce5d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
}
.chat-header-left[data-v-e277ce5d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.chat-icon[data-v-e277ce5d] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #3b82f6, #4f46e5);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.chat-icon i[data-v-e277ce5d] {
  color: white;
}
.chat-title[data-v-e277ce5d] {
  font-weight: 700;
  color: var(--p-surface-900);
  margin: 0;
  font-size: 1rem;
}
.chat-subtitle[data-v-e277ce5d] {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  margin: 0;
}
.chat-typing-badge[data-v-e277ce5d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.chat-messages[data-v-e277ce5d] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 0;
  background: linear-gradient(to bottom, var(--p-surface-50), transparent);
}
.chat-empty-state[data-v-e277ce5d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 1.5rem 0;
}
.chat-empty-icon[data-v-e277ce5d] {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  background-color: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.chat-empty-icon i[data-v-e277ce5d] {
  font-size: 1.5rem;
  color: #3b82f6;
}
.chat-empty-text[data-v-e277ce5d] {
  font-size: 0.875rem;
  color: var(--p-surface-600);
  margin-bottom: 1rem;
}
.chat-suggestions[data-v-e277ce5d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  max-width: 20rem;
}
.chat-suggestion-btn[data-v-e277ce5d] {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  border-radius: 9999px;
  background-color: var(--p-surface-100);
  color: var(--p-surface-600);
  border: 1px solid var(--p-surface-200);
  cursor: pointer;
  transition: all 0.15s;
}
.chat-suggestion-btn[data-v-e277ce5d]:hover {
  background-color: #eff6ff;
  color: var(--p-primary-700);
  border-color: var(--p-primary-200);
}
.chat-message-row[data-v-e277ce5d] {
  display: flex;
  gap: 0.5rem;
}
.chat-message-user[data-v-e277ce5d] {
  justify-content: flex-end;
}
.chat-message-bot[data-v-e277ce5d] {
  justify-content: flex-start;
}
.chat-avatar-bot[data-v-e277ce5d] {
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--p-primary-500), var(--p-primary-600)) !important;
  color: white !important;
}
.chat-avatar-user[data-v-e277ce5d] {
  flex-shrink: 0;
  background-color: var(--p-surface-200) !important;
  color: var(--p-surface-600) !important;
}
.chat-bubble[data-v-e277ce5d] {
  padding: 0.625rem 1rem;
  border-radius: 1rem;
  max-width: 85%;
  font-size: 0.875rem;
  line-height: 1.5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.chat-bubble-user[data-v-e277ce5d] {
  background-color: var(--p-primary-500);
  color: white;
  border-bottom-right-radius: 0.25rem;
}
.chat-bubble-bot[data-v-e277ce5d] {
  background-color: var(--p-surface-100);
  color: var(--p-surface-800);
  border-bottom-left-radius: 0.25rem;
  border: 1px solid var(--p-surface-200);
}
.chat-bubble-text[data-v-e277ce5d] {
  white-space: pre-wrap;
}
.chat-typing-dots[data-v-e277ce5d] {
  display: flex;
  gap: 0.375rem;
}
.typing-dot[data-v-e277ce5d] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--p-surface-400);
  animation: bounce-e277ce5d 1.4s infinite ease-in-out;
}
.chat-input-area[data-v-e277ce5d] {
  padding: 1rem;
  border-top: 1px solid var(--p-surface-200);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.chat-input-wrapper[data-v-e277ce5d] {
  flex: 1;
}
.chat-input[data-v-e277ce5d] {
  width: 100%;
  border-radius: 0.75rem !important;
  padding-right: 3rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.chat-send-btn[data-v-e277ce5d] {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 0.75rem !important;
}
@keyframes bounce-e277ce5d {
0%, 60%, 100% {
    transform: translateY(0);
}
30% {
    transform: translateY(-4px);
}
}

.survey-card[data-v-d5ec6a5b] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--p-surface-200);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Select uses appendTo="self" in the survey dialog; avoid clipping the options panel */
.survey-card[data-v-d5ec6a5b] .p-card-body,
.survey-card[data-v-d5ec6a5b] .p-card-content {
  overflow: visible;
}
.survey-body .form-field[data-v-d5ec6a5b],
.survey-body .form-group-fields[data-v-d5ec6a5b],
.survey-body .form-group[data-v-d5ec6a5b] {
  overflow: visible;
}
.survey-header[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--p-surface-200);
  background: linear-gradient(to right, #eff6ff, #f0f9ff);
}
.survey-header-left[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.survey-header-icon[data-v-d5ec6a5b] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background-color: var(--p-primary-500);
  display: flex;
  align-items: center;
  justify-content: center;
}
.survey-header-icon i[data-v-d5ec6a5b] {
  color: white;
  font-size: 1.125rem;
}
.survey-title[data-v-d5ec6a5b] {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--p-surface-900);
  margin: 0;
}
.survey-subtitle[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  color: var(--p-surface-600);
  margin: 0;
}
.survey-autofill-bar[data-v-d5ec6a5b] {
  padding: 0.75rem 1rem;
  background-color: #eef2ff;
  border-bottom: 1px solid #c7d2fe;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.survey-autofill-info[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #4338ca;
}
.survey-body[data-v-d5ec6a5b] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0.5rem;
  min-width: 0;
}
.form-field[data-v-d5ec6a5b] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
  min-width: 0;
  max-width: 100%;
}
.form-label[data-v-d5ec6a5b] {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-surface-700);
  margin-bottom: 0.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.form-required[data-v-d5ec6a5b] {
  color: #ef4444;
}
.form-checkbox-row[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.form-checkbox-label[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  color: var(--p-surface-600);
  overflow-wrap: break-word;
  word-wrap: break-word;
  min-width: 0;
}
.form-help-text[data-v-d5ec6a5b] {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.form-group[data-v-d5ec6a5b] {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
  min-width: 0;
  max-width: 100%;
}
.form-group-title[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-800);
  margin: 0 0 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.form-group-fields[data-v-d5ec6a5b] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

/* No visible questions: avoid a large gap under the section title (e.g. section 4 when rules hide all fields). */
.form-group--no-visible-fields .form-group-title[data-v-d5ec6a5b] {
  margin-bottom: 0;
}
.form-group--no-visible-fields[data-v-d5ec6a5b] {
  padding-bottom: 0.75rem;
}

/* Prevent long labels/values from expanding the survey past the modal width */
.survey-field-control[data-v-d5ec6a5b] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.form-field[data-v-d5ec6a5b] .p-select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.form-field[data-v-d5ec6a5b] .p-select-label {
  flex: 1 1 0%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-field[data-v-d5ec6a5b] .p-inputtext,
.form-field[data-v-d5ec6a5b] .p-inputnumber-input {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.form-field[data-v-d5ec6a5b] .p-datepicker {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.survey-status-panel[data-v-d5ec6a5b] {
  margin-top: 1.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
}
.survey-status-header[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.survey-status-label[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-700);
}
.survey-status-reasons[data-v-d5ec6a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.survey-status-reasons-title[data-v-d5ec6a5b] {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--p-surface-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.survey-status-reasons-list[data-v-d5ec6a5b] {
  list-style: disc;
  padding-left: 1rem;
  margin: 0;
}
.survey-status-reasons-list li[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  color: var(--p-surface-600);
}

/* Fallback when the schema has no Group nodes: keep a single outer card. */
.observations-standalone.form-group[data-v-d5ec6a5b] {
  margin-top: 0.5rem;
  padding: 0;
  overflow: hidden;
}
.observations-form-fields[data-v-d5ec6a5b] {
  padding: 0 1rem 1rem;
  min-width: 0;
}
.observations-toggle[data-v-d5ec6a5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1rem;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s;
}
.observations-toggle[data-v-d5ec6a5b]:hover {
  background-color: var(--p-surface-100);
}
.observations-toggle i[data-v-d5ec6a5b] {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  flex-shrink: 0;
}
.observations-toggle-text[data-v-d5ec6a5b] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--p-surface-700);
}
.observations-badge[data-v-d5ec6a5b] {
  margin-left: auto;
}
.observations-hint[data-v-d5ec6a5b] {
  margin-bottom: 0.5rem;
}

/* w-full is not guaranteed globally; textarea defaults to a narrow intrinsic width without this. */
.observations-textarea[data-v-d5ec6a5b] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: block;
  font-size: 0.875rem;
  min-height: 120px;
}
.survey-actions[data-v-d5ec6a5b] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--p-surface-200);
}

.layout-wrapper[data-v-b535d030] {
  width: 100%;
  min-height: calc(100vh - 200px);
  background-color: var(--p-surface-50);
}
.layout-content[data-v-b535d030] {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
}
@media (min-width: 640px) {
.layout-content[data-v-b535d030] {
    padding: 1.5rem 1.5rem;
}
}
@media (min-width: 1024px) {
.layout-content[data-v-b535d030] {
    padding: 1.5rem 2rem;
}
}
.layout-input-section[data-v-b535d030] {
  margin-bottom: 1.5rem;
}
.layout-results-section[data-v-b535d030] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  animation: fadeIn-b535d030 0.4s ease-out forwards;
}
@media (min-width: 1024px) {
.layout-results-section[data-v-b535d030] {
    grid-template-columns: 7fr 5fr;
}
}
.results-panel[data-v-b535d030],
.chat-panel[data-v-b535d030] {
  min-width: 0;
}
@keyframes fadeIn-b535d030 {
from {
    opacity: 0;
    transform: translateY(12px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.results-card[data-v-75624098] {
  height: 100%;
  border: 1px solid var(--p-surface-200);
  overflow: hidden;
}
.results-wrapper[data-v-75624098] {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: -1rem;
}
.results-header[data-v-75624098] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
}
.results-header-left[data-v-75624098] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.results-icon[data-v-75624098] {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.results-icon i[data-v-75624098] {
  color: white;
}
.results-title[data-v-75624098] {
  font-weight: 700;
  color: var(--p-surface-900);
  margin: 0;
  font-size: 1rem;
}
.results-subtitle[data-v-75624098] {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  margin: 0;
}
.results-loading-indicator[data-v-75624098] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--p-primary-600);
  font-size: 0.875rem;
  font-weight: 500;
}
.results-content[data-v-75624098] {
  flex: 1;
  overflow: auto;
  padding: 1rem;
  min-height: 0;
}
.results-loading-state[data-v-75624098] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 3rem 0;
}
.results-loading-text[data-v-75624098] {
  margin-top: 1rem;
  color: var(--p-surface-700);
  font-weight: 500;
}
.results-loading-subtext[data-v-75624098] {
  font-size: 0.875rem;
  color: var(--p-surface-500);
  margin-top: 0.25rem;
}
.analysis-content[data-v-75624098] {
  min-height: 300px;
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
.analysis-content[data-v-75624098]::-webkit-scrollbar {
  width: 6px;
}
.analysis-content[data-v-75624098]::-webkit-scrollbar-track {
  background: transparent;
}
.analysis-content[data-v-75624098]::-webkit-scrollbar-thumb {
  background-color: var(--p-surface-300);
  border-radius: 3px;
}
.analysis-content[data-v-75624098]::-webkit-scrollbar-thumb:hover {
  background-color: var(--p-primary-400);
}
.results-empty-state[data-v-75624098] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 3rem 0;
  text-align: center;
}
.results-empty-icon[data-v-75624098] {
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background-color: var(--p-surface-100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.results-empty-icon i[data-v-75624098] {
  font-size: 1.5rem;
  color: var(--p-surface-400);
}
.results-empty-title[data-v-75624098] {
  font-weight: 600;
  color: var(--p-surface-700);
  margin: 0 0 0.25rem;
}
.results-empty-text[data-v-75624098] {
  font-size: 0.875rem;
  color: var(--p-surface-500);
  max-width: 20rem;
}
.results-footer[data-v-75624098] {
  padding: 1rem;
  border-top: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.results-footer-info[data-v-75624098] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--p-surface-500);
}
.results-footer-actions[data-v-75624098] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[data-v-75624098] .result-h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--p-surface-900);
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
[data-v-75624098] .result-h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--p-surface-900);
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}
[data-v-75624098] .result-h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--p-surface-900);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
[data-v-75624098] .result-bold {
  font-weight: 600;
  color: var(--p-primary-700);
}
[data-v-75624098] .result-li {
  margin-left: 1rem;
  color: var(--p-surface-700);
}
[data-v-75624098] .result-paragraph {
  margin-bottom: 0.75rem;
}

/* --- Layout & Containers --- */
.input-card[data-v-7eabe699] { border: 1px solid var(--p-surface-200); overflow: hidden; transition: box-shadow 0.2s;
}
.input-card[data-v-7eabe699]:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.07);
}
.input-card--compact[data-v-7eabe699] { opacity: 0.9;
}
.compact-header[data-v-7eabe699] { display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin: -1rem; padding: 1rem; transition: background-color 0.15s;
}
.compact-header[data-v-7eabe699]:hover { background-color: var(--p-surface-50);
}
.compact-header-left[data-v-7eabe699] { display: flex; align-items: center; gap: 0.75rem;
}
.compact-header-icon[data-v-7eabe699] { width: 2rem; height: 2rem; border-radius: 0.5rem; background-color: #eff6ff; display: flex; align-items: center; justify-content: center;
}
.compact-header-title[data-v-7eabe699] { font-weight: 600; color: var(--p-surface-900);
}
.compact-header-subtitle[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500); margin-left: 0.5rem;
}
.compact-body[data-v-7eabe699] { padding-top: 1rem; border-top: 1px solid var(--p-surface-200); margin-top: 1rem;
}
.input-grid[data-v-7eabe699] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
  align-content: start;
}
@media (min-width: 1024px) {
.input-grid[data-v-7eabe699] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.input-column[data-v-7eabe699] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; overflow-wrap: anywhere;
}
.funding-extracted-section[data-v-7eabe699] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* --- Steps --- */
.step-label[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: var(--p-surface-700); text-transform: uppercase; letter-spacing: 0.05em;
}
.step-number[data-v-7eabe699] { display: flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #eff6ff; color: var(--p-primary-700); font-size: 0.75rem; font-weight: 700;
}
.step-section[data-v-7eabe699] { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--p-surface-200);
}

/* --- ORCID Input --- */
.orcid-input-wrapper[data-v-7eabe699] { position: relative;
}
.orcid-spinner[data-v-7eabe699] { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%);
}

/* --- Researcher Result --- */
.researcher-result[data-v-7eabe699] { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; background-color: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); border-radius: 0.5rem; overflow: hidden;
}
.researcher-icon[data-v-7eabe699] { width: 2rem; height: 2rem; border-radius: 50%; background-color: rgba(34, 197, 94, 0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.researcher-icon i[data-v-7eabe699] { color: rgb(34, 197, 94); font-size: 0.875rem;
}
.researcher-info[data-v-7eabe699] { flex: 1; min-width: 0; overflow: hidden;
}
.researcher-name[data-v-7eabe699] { font-weight: 600; color: rgb(22, 101, 52); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.researcher-status[data-v-7eabe699] { font-size: 0.75rem; color: rgb(34, 197, 94);
}

/* --- Biosketch Indicator --- */
.biosketch-indicator[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; border-radius: 0.5rem; background-color: var(--p-surface-50); border: 1px solid var(--p-surface-200); font-size: 0.75rem; color: var(--p-surface-500);
}

/* --- Warning/Error Banners --- */
.warning-banner[data-v-7eabe699] { padding: 0.75rem; background-color: #fffbeb; border: 1px solid #fde68a; border-radius: 0.5rem; display: flex; align-items: center; gap: 0.75rem; font-size: 0.875rem; color: #92400e;
}
.warning-banner-title[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; color: #b45309; margin-bottom: 0.25rem; font-size: 0.875rem;
}
.warning-banner-list[data-v-7eabe699] { list-style: disc inside; font-size: 0.75rem; color: #92400e; margin: 0; padding: 0;
}
.error-banner[data-v-7eabe699] { padding: 1rem; border-radius: 0.5rem; background-color: #fef2f2; border: 1px solid #fecaca; font-size: 0.875rem; color: #b91c1c;
}
.error-banner--inline[data-v-7eabe699] { display: flex; align-items: flex-start; gap: 0.5rem; width: 100%; max-width: 32rem;
}

/* --- Loading --- */
.loading-text[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500); display: flex; align-items: center; gap: 0.5rem;
}
.loading-state-centered[data-v-7eabe699] { padding: 1rem 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem;
}
.loading-state-text[data-v-7eabe699] { color: var(--p-surface-500); font-size: 0.75rem; font-weight: 500;
}

/* --- Expertise --- */
.expertise-generate-bar[data-v-7eabe699] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.75rem; border-radius: 0.5rem; border: 1px solid var(--p-surface-200); background-color: var(--p-surface-50);
}
.expertise-generate-label[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: var(--p-surface-700);
}
.expertise-generate-actions[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem;
}
.expertise-model-dropdown[data-v-7eabe699] { width: 13rem; font-size: 0.75rem;
}
.expertise-result-panel[data-v-7eabe699] { padding: 1rem; border-radius: 0.5rem; background: linear-gradient(135deg, #eff6ff, #f0f9ff); border: 1px solid #bfdbfe;
}
.expertise-result-header[data-v-7eabe699] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem;
}
.expertise-result-label[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: var(--p-primary-700);
}
.expertise-result-actions[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem;
}
.expertise-summary-text[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-700); line-height: 1.625; overflow-wrap: anywhere;
}
.keywords-container[data-v-7eabe699] { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: 0.75rem;
}
.expertise-person-info[data-v-7eabe699] { margin-top: 0.75rem; font-size: 0.75rem; color: var(--p-surface-600);
}
.expertise-sections-toggle[data-v-7eabe699] { margin-top: 0.75rem;
}
.sections-toggle-btn[data-v-7eabe699] { display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; font-weight: 500; color: var(--p-primary-600); background: transparent; border: 0; padding: 0; cursor: pointer;
}
.sections-toggle-btn[data-v-7eabe699]:hover { text-decoration: underline;
}
.expertise-sections-list[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem; padding-left: 0.5rem; border-left: 2px solid #bfdbfe; margin-top: 0.5rem;
}
.expertise-section-item[data-v-7eabe699] { font-size: 0.75rem;
}
.expertise-section-title[data-v-7eabe699] { font-weight: 600; color: var(--p-surface-700); margin-bottom: 0.125rem;
}
.expertise-section-text[data-v-7eabe699] { color: var(--p-surface-600); line-height: 1.5; margin-bottom: 0.25rem;
}
.expertise-section-table-wrapper[data-v-7eabe699] { overflow-x: auto;
}
.expertise-section-table[data-v-7eabe699] { min-width: 100%; font-size: 0.75rem;
}
.expertise-section-table th[data-v-7eabe699] { text-align: left; padding: 0.125rem 0.25rem; font-weight: 500; color: var(--p-surface-500); text-transform: capitalize; border-bottom: 1px solid var(--p-surface-200);
}
.expertise-section-table td[data-v-7eabe699] { padding: 0.125rem 0.25rem; color: var(--p-surface-600); vertical-align: top; border-bottom: 1px solid var(--p-surface-100);
}

/* --- File Upload --- */
.file-upload-zone[data-v-7eabe699] { min-height: 140px; padding: 1rem; border: 2px dashed var(--p-surface-300); border-radius: 0.75rem; background-color: var(--p-surface-50); transition: all 0.2s;
}
.file-upload-zone[data-v-7eabe699]:hover { border-color: var(--p-primary-300); background-color: #f0f9ff;
}
.file-upload-zone--active[data-v-7eabe699] { border-color: var(--p-primary-400); background-color: #eff6ff;
}
.file-upload-hint[data-v-7eabe699] { text-align: center; margin-top: 0.75rem;
}
.file-upload-hint p[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500);
}
.file-upload-selected[data-v-7eabe699] { margin-top: 0.75rem; display: flex; align-items: center; gap: 0.5rem; color: var(--p-primary-700); font-weight: 500;
}
.file-upload-selected i[data-v-7eabe699] { font-size: 1.125rem;
}
.file-upload-name[data-v-7eabe699] { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.file-upload-zone[data-v-7eabe699] .funding-fileupload .p-fileupload-basic-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  flex-wrap: nowrap;
}
.file-upload-zone[data-v-7eabe699] .funding-fileupload-filelabel {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--p-surface-600);
  font-size: 0.875rem;
}

/* --- Funding --- */
.funding-result[data-v-7eabe699] { flex-direction: column; align-items: flex-start; gap: 0.5rem; max-width: 100%; overflow: hidden;
}
.funding-result-title[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: var(--p-surface-900);
}
.funding-list[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.75rem; width: 100%;
}
.funding-item[data-v-7eabe699] { padding-top: 0.5rem; border-top: 1px dashed rgba(34, 197, 94, 0.3);
}
.funding-item[data-v-7eabe699]:first-child { padding-top: 0; border-top: none;
}
.funding-grant-name[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: var(--p-surface-800);
}
.funding-eligibility-list[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-600); margin-top: 0.25rem;
}
.funding-eligibility-item[data-v-7eabe699] { margin-bottom: 0.5rem;
}
.funding-criteria-row[data-v-7eabe699] { display: flex; align-items: flex-start; gap: 0.5rem; min-width: 0;
}
.funding-criteria-row > span[data-v-7eabe699]:first-child { min-width: 0; overflow-wrap: anywhere;
}
.funding-sub-list[data-v-7eabe699] { list-style: disc; padding-left: 1.25rem; margin-top: 0.25rem; overflow-wrap: anywhere;
}
.funding-ineligibility[data-v-7eabe699] { font-size: 0.75rem; color: #be123c; margin-top: 0.25rem;
}

/* --- Doc References --- */
.doc-reference[data-v-7eabe699] { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.375rem; font-size: 0.65rem; font-weight: 500; color: rgb(59, 130, 246); background-color: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 0.25rem; white-space: nowrap; flex-shrink: 0;
}
.doc-reference--ineligibility[data-v-7eabe699] { color: rgb(244, 63, 94); background-color: rgba(244, 63, 94, 0.1); border-color: rgba(244, 63, 94, 0.2);
}

/* --- Biosketch Upload --- */
.biosketch-file-card[data-v-7eabe699] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 1rem; border-radius: 0.75rem; border: 1px solid #c7d2fe; background-color: #eef2ff;
}
.biosketch-file-info[data-v-7eabe699] { display: flex; align-items: center; gap: 0.75rem;
}
.biosketch-file-icon[data-v-7eabe699] { width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background-color: #e0e7ff; display: flex; align-items: center; justify-content: center;
}
.biosketch-file-name[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: #3730a3;
}
.biosketch-file-meta[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-500);
}
.biosketch-file-actions[data-v-7eabe699] { display: flex; gap: 0.5rem;
}
.biosketch-upload-zone[data-v-7eabe699] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 1.5rem; border-radius: 0.75rem; border: 2px dashed var(--p-surface-300); background-color: var(--p-surface-50); transition: border-color 0.15s;
}
.biosketch-upload-zone--below-file-list[data-v-7eabe699] { margin-top: 1rem;
}
.biosketch-upload-zone[data-v-7eabe699]:hover { border-color: var(--p-primary-300);
}
.biosketch-upload-text[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-600); text-align: center;
}

/* --- Source Selection --- */
.source-selection[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.75rem;
}
.source-description[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500);
}
.source-options[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.source-option[data-v-7eabe699] { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; border-radius: 0.75rem; border: 2px solid var(--p-surface-200); cursor: pointer; transition: all 0.15s;
}
.source-option[data-v-7eabe699]:hover { border-color: var(--p-primary-300);
}
.source-option--selected[data-v-7eabe699] { border-color: var(--p-primary-500); background-color: #eff6ff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.source-option-radio[data-v-7eabe699] { width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 2px solid var(--p-surface-300); display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.source-option-radio--selected[data-v-7eabe699] { border-color: var(--p-primary-500); background-color: var(--p-primary-500);
}
.source-option-content[data-v-7eabe699] { flex: 1;
}
.source-option-label[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: var(--p-surface-700);
}
.source-option-label--selected[data-v-7eabe699] { color: var(--p-primary-700);
}
.source-option-desc[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-500); margin-top: 0.125rem;
}
.source-option-trailing[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; margin-left: auto;
}
.source-option-summary-btn[data-v-7eabe699] { flex-shrink: 0;
}

/* --- Preliminary Results --- */
.preliminary-results[data-v-7eabe699] { display: flex; flex-direction: column; gap: 1.25rem;
}
.action-centered[data-v-7eabe699] { display: flex; justify-content: center; padding: 1rem 0;
}
.action-centered-col[data-v-7eabe699] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 1rem 0;
}
.priority-banner[data-v-7eabe699] { padding: 1rem; border-radius: 0.75rem; border: 1px solid; display: flex; align-items: center; gap: 0.75rem;
}
.priority-banner--high-priority[data-v-7eabe699] { background-color: #f0fdf4; border-color: #86efac;
}
.priority-banner--worth-exploring[data-v-7eabe699] { background-color: #fffbeb; border-color: #fcd34d;
}
.priority-banner--low-priority[data-v-7eabe699] { background-color: var(--p-surface-100); border-color: var(--p-surface-300);
}
.priority-banner-icon[data-v-7eabe699] { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; flex-shrink: 0;
}
.priority-icon--high-priority[data-v-7eabe699] { background-color: #bbf7d0; color: #16a34a;
}
.priority-icon--worth-exploring[data-v-7eabe699] { background-color: #fde68a; color: #d97706;
}
.priority-icon--low-priority[data-v-7eabe699] { background-color: var(--p-surface-200); color: #94a3b8;
}
.priority-banner-content[data-v-7eabe699] { flex: 1;
}
.priority-banner-label[data-v-7eabe699] { font-size: 0.875rem; font-weight: 700;
}
.priority-banner-desc[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-600);
}
.recommendation-card[data-v-7eabe699] { padding: 1.25rem; border-radius: 0.75rem; border: 1px solid var(--p-surface-200); background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.recommendation-content[data-v-7eabe699] { display: flex; align-items: flex-start; gap: 0.75rem;
}
.recommendation-text[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-700); line-height: 1.5;
}
.recommendation-toggle[data-v-7eabe699] { margin-top: 0.75rem; display: flex; justify-content: flex-end;
}
.preliminary-details[data-v-7eabe699] { display: flex; flex-direction: column; gap: 1rem;
}

/* --- Detail Panels --- */
.detail-panel[data-v-7eabe699] { padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--p-surface-200); background-color: var(--p-surface-50);
}
.detail-panel--success[data-v-7eabe699] { background-color: #f0fdf4; border-color: #bbf7d0;
}
.detail-panel--warning[data-v-7eabe699] { background-color: #fffbeb; border-color: #fde68a;
}
.detail-panel--danger[data-v-7eabe699] { background-color: #fef2f2; border-color: #fecaca;
}
.detail-panel--info[data-v-7eabe699] { background-color: #eff6ff; border-color: #bfdbfe;
}
.detail-panel-title[data-v-7eabe699] { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--p-surface-500); margin: 0 0 0.75rem; display: flex; align-items: center; gap: 0.375rem;
}
.detail-title--success[data-v-7eabe699] { color: #15803d;
}
.detail-title--warning[data-v-7eabe699] { color: #b45309;
}
.detail-title--danger[data-v-7eabe699] { color: #b91c1c;
}
.detail-title--info[data-v-7eabe699] { color: #1d4ed8;
}
.detail-panel-items[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.75rem;
}
.detail-two-col[data-v-7eabe699] { display: grid; grid-template-columns: 1fr; gap: 1rem;
}
@media (min-width: 640px) {
.detail-two-col[data-v-7eabe699] { grid-template-columns: 1fr 1fr;
}
}
.detail-list[data-v-7eabe699] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.375rem;
}
.detail-list li[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-700); display: flex; align-items: flex-start; gap: 0.5rem;
}
.alignment-area-card[data-v-7eabe699] { padding: 0.75rem; border-radius: 0.5rem; background-color: white; border: 1px solid var(--p-surface-200);
}
.alignment-area-name[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: var(--p-surface-800); margin-bottom: 0.375rem;
}
.alignment-area-details[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-600); display: flex; flex-direction: column; gap: 0.25rem;
}
.alignment-label[data-v-7eabe699] { font-weight: 600;
}
.alignment-label--researcher[data-v-7eabe699] { color: var(--p-primary-600);
}
.alignment-label--grant[data-v-7eabe699] { color: #7c3aed;
}

/* --- Full Check Results --- */
.full-check-results[data-v-7eabe699] { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1.5rem;
}
.eligibility-summary-card[data-v-7eabe699] { padding: 1.5rem; border-radius: 0.75rem; border: 1px solid var(--p-surface-200); background-color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.eligibility-text-section[data-v-7eabe699] { text-align: left;
}
.eligibility-status-header[data-v-7eabe699] { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--p-surface-400); margin-bottom: 0.25rem;
}
.eligibility-status-value[data-v-7eabe699] { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.025em;
}
@media (min-width: 640px) {
.eligibility-status-value[data-v-7eabe699] { font-size: 3rem;
}
}
.eligibility-yes[data-v-7eabe699] { color: #16a34a;
}
.eligibility-no[data-v-7eabe699] { color: #dc2626;
}
.eligibility-unknown[data-v-7eabe699] { color: #d97706;
}
.eligibility-reason[data-v-7eabe699] { color: var(--p-surface-700); line-height: 1.5; font-size: 1rem; border-left: 4px solid; padding-left: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem;
}
.reason-border-success[data-v-7eabe699] { border-color: rgba(34, 197, 94, 0.3);
}
.reason-border-danger[data-v-7eabe699] { border-color: rgba(239, 68, 68, 0.3);
}
.reason-border-warning[data-v-7eabe699] { border-color: rgba(245, 158, 11, 0.3);
}
.eligibility-detail-actions[data-v-7eabe699] { margin-top: 1rem; display: flex; align-items: center; gap: 0.5rem;
}

/* --- Detailed Analysis Inline --- */
.detailed-analysis-inline[data-v-7eabe699] { display: flex; flex-direction: column; gap: 1.25rem; padding: 1.25rem; border-radius: 0.75rem; border: 1px solid var(--p-surface-200); background-color: var(--p-surface-50);
}
.score-breakdown-panel[data-v-7eabe699] { padding: 1rem; border-radius: 0.5rem; background-color: var(--p-surface-100); border: 1px solid var(--p-surface-200);
}
.score-breakdown-grid[data-v-7eabe699] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.score-breakdown-grid[data-v-7eabe699] { grid-template-columns: repeat(5, 1fr);
}
}
.score-breakdown-grid--5[data-v-7eabe699] { grid-template-columns: repeat(5, 1fr);
}
.score-cell[data-v-7eabe699] { text-align: center; padding: 0.5rem; border-radius: 0.5rem; background-color: white; border: 1px solid var(--p-surface-200);
}
.score-cell-value[data-v-7eabe699] { font-size: 1.125rem; font-weight: 700;
}
.score-cell-label[data-v-7eabe699] { font-size: 0.625rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--p-surface-500); font-weight: 600;
}
.score-breakdown-footer[data-v-7eabe699] { display: flex; align-items: center; gap: 0.75rem; font-size: 0.75rem; color: var(--p-surface-500);
}
.score-breakdown-footer strong[data-v-7eabe699] { color: var(--p-surface-700);
}
.score-rule-badge[data-v-7eabe699] { padding: 0.125rem 0.5rem; border-radius: 9999px; background-color: #eff6ff; color: var(--p-primary-700); font-weight: 500;
}

/* --- Criteria --- */
.criteria-list[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.criteria-item[data-v-7eabe699] { padding: 0.75rem; border-radius: 0.5rem; border: 1px solid; display: flex; flex-direction: column; gap: 0.375rem;
}
.criteria-item--met[data-v-7eabe699] { background-color: #f0fdf4; border-color: #bbf7d0;
}
.criteria-item--not-met[data-v-7eabe699] { background-color: #fef2f2; border-color: #fecaca;
}
.criteria-item--partially-met[data-v-7eabe699] { background-color: #fffbeb; border-color: #fde68a;
}
.criteria-item--unknown[data-v-7eabe699] { background-color: var(--p-surface-50); border-color: var(--p-surface-200);
}
.criteria-item--not-applicable[data-v-7eabe699] { background-color: var(--p-surface-50); border-color: var(--p-surface-200); opacity: 0.6;
}
.criteria-item-header[data-v-7eabe699] { display: flex; align-items: flex-start; gap: 0.5rem;
}
.criteria-status-icon[data-v-7eabe699] { font-size: 0.875rem; margin-top: 0.125rem; flex-shrink: 0;
}
.criteria-item-name[data-v-7eabe699] { font-size: 0.875rem; font-weight: 600; color: var(--p-surface-800); flex: 1;
}
.criteria-evidence[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-600); padding-left: 1.5rem;
}
.criteria-evidence-label[data-v-7eabe699] { font-weight: 600; color: var(--p-surface-500);
}
.criteria-notes[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-500); font-style: italic; padding-left: 1.5rem; border-left: 2px solid var(--p-surface-300); margin-left: 1.5rem;
}

/* --- Survey Prompt --- */
.survey-prompt[data-v-7eabe699] { padding: 1.25rem; border-radius: 0.75rem; background-color: #eef2ff; border: 1px solid #c7d2fe; display: flex; flex-direction: column; gap: 1rem;
}
@media (min-width: 640px) {
.survey-prompt[data-v-7eabe699] { flex-direction: row; align-items: flex-start;
}
}
.survey-prompt-icon[data-v-7eabe699] { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #e0e7ff; flex-shrink: 0;
}
.survey-prompt-content[data-v-7eabe699] { flex: 1;
}
.survey-prompt-title[data-v-7eabe699] { font-weight: 600; color: #312e81; margin: 0 0 0.25rem;
}
.survey-prompt-desc[data-v-7eabe699] { font-size: 0.875rem; color: #4338ca; margin: 0 0 0.75rem;
}
.survey-prompt-actions[data-v-7eabe699] { display: flex; gap: 0.5rem;
}

/* --- Step Circle --- */
.step-circle[data-v-7eabe699] { display: flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; background-color: #dbeafe; color: #2563eb; font-size: 0.625rem; font-weight: 700; flex-shrink: 0; margin-top: 0.125rem;
}
.step-circle--blue[data-v-7eabe699] { background-color: #dbeafe; color: #2563eb;
}

/* --- Color Utilities --- */
.color-success[data-v-7eabe699] { color: #16a34a;
}
.color-warning[data-v-7eabe699] { color: #d97706;
}
.color-danger[data-v-7eabe699] { color: #dc2626;
}
.color-muted[data-v-7eabe699] { color: var(--p-surface-400);
}
.color-na[data-v-7eabe699] { color: var(--p-surface-400);
}

/* --- Dialog Content --- */
.dialog-analysis-content[data-v-7eabe699] { padding: 1.5rem; display: flex; flex-direction: column; gap: 1.25rem;
}

/* --- Biosketch Person --- */
.biosketch-person-header[data-v-7eabe699] { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem; background-color: var(--p-surface-50); border-radius: 0.5rem; border: 1px solid var(--p-surface-200);
}
.biosketch-person-avatar[data-v-7eabe699] { width: 3rem; height: 3rem; border-radius: 50%; background-color: #eff6ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.biosketch-person-avatar--lg[data-v-7eabe699] { width: 4rem; height: 4rem;
}
.biosketch-person-name[data-v-7eabe699] { font-size: 1.125rem; font-weight: 700; color: var(--p-surface-900); margin: 0;
}
.biosketch-person-title[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500);
}
.biosketch-person-details[data-v-7eabe699] { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 0.5rem; font-size: 0.875rem; color: var(--p-surface-600);
}
.biosketch-person-details span[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem;
}

/* --- Narrative --- */
.narrative-panel[data-v-7eabe699] { padding: 1rem; border-radius: 0.5rem; background: linear-gradient(135deg, #eff6ff, #eef2ff); border: 1px solid #bfdbfe; margin-bottom: 1rem;
}
.narrative-label[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #1d4ed8; margin-bottom: 0.5rem;
}
.narrative-text[data-v-7eabe699] { font-size: 0.875rem; line-height: 1.625; color: var(--p-surface-700); white-space: pre-line;
}
.narrative-toggle-btn[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 600; color: #1d4ed8; background: transparent; border: 0; padding: 0; cursor: pointer; width: 100%; text-align: left;
}
.narrative-toggle-btn[data-v-7eabe699]:hover { text-decoration: underline;
}

/* --- Accordion --- */
.accordion-header[data-v-7eabe699] { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 1rem;
}

/* --- Section Entries --- */
.section-entries[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.section-entry[data-v-7eabe699] { padding: 0.5rem; border-radius: 0.25rem; border: 1px solid var(--p-surface-100); background-color: white; font-size: 0.75rem;
}
.entry-field[data-v-7eabe699] { display: flex; gap: 0.5rem;
}
.entry-field-key[data-v-7eabe699] { font-weight: 500; color: var(--p-surface-500); text-transform: capitalize; white-space: nowrap;
}
.section-text-blocks[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.section-text-blocks p[data-v-7eabe699] { font-size: 0.875rem; line-height: 1.5; color: var(--p-surface-700);
}
.section-empty[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-500); font-style: italic;
}
.section-entries-cards[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.75rem;
}
.section-entry-card[data-v-7eabe699] { padding: 0.75rem; border-radius: 0.25rem; border: 1px solid var(--p-surface-100); background-color: white;
}
.entry-card-title[data-v-7eabe699] { font-weight: 600; color: var(--p-primary-700);
}
.entry-card-org[data-v-7eabe699] { font-size: 0.875rem; font-weight: 500; color: var(--p-surface-700);
}
.entry-card-meta[data-v-7eabe699] { display: flex; gap: 0.75rem; font-size: 0.75rem; color: var(--p-surface-500); margin-top: 0.25rem;
}
.entry-card-narrative[data-v-7eabe699] { font-size: 0.875rem; color: var(--p-surface-600); margin-top: 0.5rem; font-style: italic; border-left: 2px solid var(--p-surface-200); padding-left: 0.5rem;
}
.entry-card-pubs[data-v-7eabe699] { margin-top: 0.5rem; padding-left: 1rem; border-left: 1px solid var(--p-surface-200);
}
.entry-pub-item[data-v-7eabe699] { font-size: 0.75rem; color: var(--p-surface-500); margin-bottom: 0.25rem;
}
.empty-state-centered[data-v-7eabe699] { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--p-surface-500); padding: 2rem 0; text-align: center;
}

/* --- Help Header --- */
.help-header[data-v-7eabe699] { display: flex; justify-content: flex-end; margin-bottom: 0.25rem;
}
.help-guide-button[data-v-7eabe699] { font-size: 0.8125rem !important; color: var(--p-primary-600) !important;
}

/* --- Step Descriptions --- */
.step-description[data-v-7eabe699] { font-size: 0.8125rem; color: var(--p-surface-500); line-height: 1.4; margin: 0.25rem 0 0.75rem 1.75rem;
}

/* --- Score cell help label --- */
.score-cell-label--help[data-v-7eabe699] { cursor: help; border-bottom: 1px dotted var(--p-surface-400);
}

/* --- Status Legend --- */
.status-legend-wrapper[data-v-7eabe699] { margin-bottom: 0.75rem;
}
.status-legend-toggle[data-v-7eabe699] { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; font-weight: 600; color: var(--p-primary-600); background: transparent; border: none; cursor: pointer; padding: 0.25rem 0;
}
.status-legend-toggle[data-v-7eabe699]:hover { text-decoration: underline;
}
.status-legend[data-v-7eabe699] { margin-top: 0.5rem; padding: 0.875rem; border-radius: 0.5rem; background-color: var(--p-surface-50); border: 1px solid var(--p-surface-200);
}
.status-legend-section[data-v-7eabe699] { margin-bottom: 0.75rem;
}
.status-legend-section[data-v-7eabe699]:last-child { margin-bottom: 0;
}
.status-legend-title[data-v-7eabe699] { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--p-surface-600); margin-bottom: 0.375rem;
}
.status-legend-items[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.25rem;
}
.status-legend-item[data-v-7eabe699] { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; color: var(--p-surface-600); flex-wrap: wrap;
}
.status-legend-item strong[data-v-7eabe699] { color: var(--p-surface-700); white-space: nowrap;
}
.status-dot[data-v-7eabe699] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.status-dot--success[data-v-7eabe699] { background-color: #22c55e;
}
.status-dot--warning[data-v-7eabe699] { background-color: #f59e0b;
}
.status-dot--muted[data-v-7eabe699] { background-color: var(--p-surface-400);
}
.status-dot--danger[data-v-7eabe699] { background-color: #ef4444;
}
.status-dot--na[data-v-7eabe699] { background-color: var(--p-surface-300);
}

/* --- Guide Dialog --- */
.guide-dialog-content[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.25rem;
}
.guide-section[data-v-7eabe699] { display: flex; gap: 0.75rem; padding: 1rem; border-radius: 0.5rem; background: linear-gradient(135deg, #eff6ff, #fefce8); border: 1px solid #bfdbfe; margin-bottom: 0.75rem;
}
.guide-section-icon[data-v-7eabe699] { flex-shrink: 0; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center;
}
.guide-section-title[data-v-7eabe699] { font-size: 0.9375rem; font-weight: 700; color: var(--p-primary-700); margin: 0 0 0.25rem;
}
.guide-section p[data-v-7eabe699] { font-size: 0.8125rem; color: var(--p-surface-600); line-height: 1.5; margin: 0;
}
.guide-heading[data-v-7eabe699] { font-size: 0.875rem; font-weight: 700; color: var(--p-surface-700); margin: 1rem 0 0.5rem; padding-bottom: 0.25rem; border-bottom: 1px solid var(--p-surface-200);
}
.guide-steps[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.guide-step[data-v-7eabe699] { display: flex; gap: 0.75rem; align-items: flex-start;
}
.guide-step-number[data-v-7eabe699] { display: flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #eff6ff; color: var(--p-primary-700); font-size: 0.75rem; font-weight: 700; flex-shrink: 0; margin-top: 0.125rem;
}
.guide-step strong[data-v-7eabe699] { font-size: 0.8125rem; color: var(--p-surface-700);
}
.guide-step p[data-v-7eabe699] { font-size: 0.8125rem; color: var(--p-surface-500); line-height: 1.4; margin: 0.125rem 0 0;
}
.guide-results[data-v-7eabe699] { display: flex; flex-direction: column; gap: 0.5rem;
}
.guide-result-item[data-v-7eabe699] { display: flex; gap: 0.5rem; align-items: flex-start; font-size: 0.8125rem; color: var(--p-surface-600); line-height: 1.4;
}
.guide-result-item i[data-v-7eabe699] { flex-shrink: 0; margin-top: 0.125rem; font-size: 0.875rem;
}
.guide-tips[data-v-7eabe699] { list-style: none; padding: 0; margin: 0.5rem 0 0; display: flex; flex-direction: column; gap: 0.375rem;
}
.guide-tips li[data-v-7eabe699] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; color: var(--p-surface-600);
}

.efw-guide-dialog-content[data-v-b80bca89] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.efw-guide-section[data-v-b80bca89] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #eff6ff, #fefce8);
  border: 1px solid #bfdbfe;
  margin-bottom: 0.75rem;
}
.efw-guide-section-icon[data-v-b80bca89] {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.efw-guide-section-title[data-v-b80bca89] {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--p-primary-700);
  margin: 0 0 0.25rem;
}
.efw-guide-section p[data-v-b80bca89] {
  font-size: 0.8125rem;
  color: var(--p-surface-600);
  line-height: 1.5;
  margin: 0;
}
.efw-guide-heading[data-v-b80bca89] {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--p-surface-700);
  margin: 1rem 0 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--p-surface-200);
}
.efw-guide-steps[data-v-b80bca89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efw-guide-step[data-v-b80bca89] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.efw-guide-step-number[data-v-b80bca89] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #eff6ff;
  color: var(--p-primary-700);
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.efw-guide-step strong[data-v-b80bca89] {
  font-size: 0.8125rem;
  color: var(--p-surface-700);
}
.efw-guide-step p[data-v-b80bca89] {
  font-size: 0.8125rem;
  color: var(--p-surface-500);
  line-height: 1.4;
  margin: 0.125rem 0 0;
}
.efw-guide-results[data-v-b80bca89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efw-guide-result-item[data-v-b80bca89] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 0.8125rem;
  color: var(--p-surface-600);
  line-height: 1.4;
}
.efw-guide-result-item i[data-v-b80bca89] {
  flex-shrink: 0;
  margin-top: 0.125rem;
  font-size: 0.875rem;
}
.efw-guide-tips[data-v-b80bca89] {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.efw-guide-tips li[data-v-b80bca89] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--p-surface-600);
}
/**
 * Production eligibility wizard — Figma: Eligibility-flow-1 & Eligibility-flow-2
 * Navy #1E3A8A, teal complete #2CD5C4, page bg #F5F5F7, Source Sans 3 equivalents via system stack.
 */
.eligibility-flow-wizard {
  width: 100%;
  max-width: 936px;
  margin: 0 auto;
  padding-bottom: 2rem;
}

/* —— Toolbar: How It Works (Figma: top-right above card) —— */
.eligibility-flow-wizard .efw-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  min-height: 39px;
}
.eligibility-flow-wizard .efw-how-it-works-btn.p-button {
  border-radius: 10px;
  border: 1px solid #1e3a8a;
  background: #fff;
  color: #1e3a8a;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
}
.eligibility-flow-wizard .efw-how-it-works-btn.p-button:hover {
  background: rgba(30, 58, 138, 0.06);
}
.eligibility-flow-wizard .efw-how-it-works-inner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* —— Stepper: horizontal, centered (Figma ~600px track) —— */
.eligibility-flow-wizard .efw-stepper-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 1.75rem;
}
.eligibility-flow-wizard .efw-stepper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 640px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.eligibility-flow-wizard .efw-stepper-cluster {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 108px;
  flex-shrink: 0;
}
.eligibility-flow-wizard .efw-stepper-line {
  width: 107px;
  height: 2px;
  margin-top: 16px;
  flex-shrink: 0;
  border: none;
  border-radius: 1px;
  background: #d1d5db;
}
.eligibility-flow-wizard .efw-stepper-line--complete {
  background: #2cd5c4;
}
.eligibility-flow-wizard .efw-stepper-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  box-sizing: border-box;
}
.eligibility-flow-wizard .efw-stepper-circle--upcoming {
  background: #fff;
  border: 2px solid #e5e7eb;
  color: #6b7280;
}
.eligibility-flow-wizard .efw-stepper-circle--current {
  background: #1e3a8a;
  border: 2px solid #1e3a8a;
  color: #fff;
}
.eligibility-flow-wizard .efw-stepper-circle--complete {
  background: #2cd5c4;
  border: 2px solid #2cd5c4;
  color: #fff;
  font-size: 16px;
}
.eligibility-flow-wizard .efw-stepper-label {
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #6b7280;
  max-width: 108px;
}
.eligibility-flow-wizard .efw-stepper-label--current {
  color: #1e3a8a;
  font-weight: 500;
}
.eligibility-flow-wizard .efw-stepper-label--complete {
  color: #2cd5c4;
  font-weight: 500;
}

/* —— Card chrome (Figma: 10px radius, shadow) —— */
.eligibility-flow-wizard .efw-step-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 33px;
  margin-bottom: 0;
  box-sizing: border-box;
  box-shadow:
    0 1px 2px -1px rgba(0, 0, 0, 0.1),
    0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.eligibility-flow-wizard .efw-card-header-row {
  margin-bottom: 0;
}
.eligibility-flow-wizard .efw-card-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.eligibility-flow-wizard .efw-card-step-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #1e3a8a;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.eligibility-flow-wizard .efw-card-heading-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.eligibility-flow-wizard .efw-card-heading {
  margin: 0;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #1e3a8a;
}
.eligibility-flow-wizard .efw-priority-tag.p-tag {
  font-size: 10px;
  padding: 2px 8px;
  margin-left: 4px;
}
.eligibility-flow-wizard .efw-card-description {
  margin: 12px 0 0;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b7280;
}
.eligibility-flow-wizard .efw-card-body {
  margin-top: 1rem;
}
.eligibility-flow-wizard .efw-card-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #e5e7eb;
}
.eligibility-flow-wizard .efw-card-footer--end {
  justify-content: flex-end;
}
.eligibility-flow-wizard .efw-card-footer-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* Step chrome wraps #footer in .efw-card-footer; steps repeat it — keep a single divider and full-width row */
.eligibility-flow-wizard .efw-card-footer > .efw-card-footer {
  flex: 1 1 100%;
  min-width: 0;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* Figma primary / secondary buttons */
.eligibility-flow-wizard .efw-btn-cancel.p-button {
  border-radius: 10px;
  border: 1px solid #d2d2d7;
  background: #fff;
  color: #1d1d1f;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 24px;
}
.eligibility-flow-wizard .efw-btn-back.p-button {
  border-radius: 10px;
  border: 1px solid #d2d2d7;
  background: #fff;
  color: #1d1d1f;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 24px;
}
.eligibility-flow-wizard .efw-btn-continue.p-button {
  border-radius: 10px;
  border: 1px solid #1e3a8a;
  background: #1e3a8a;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 24px;
}
.eligibility-flow-wizard .efw-btn-continue.p-button:disabled {
  background: #9ca3af;
  border-color: #9ca3af;
  color: #fff;
  opacity: 1;
}

/* Step 1 ORCID: Figma — field first (~8px radius), helper line under field, then spaced profile block */
.eligibility-flow-wizard .efw-orcid-field {
  margin-top: 0;
}

/* One bordered field: icon + input share the same box (Figma) */
.eligibility-flow-wizard .efw-orcid-input-shell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 2.75rem;
  padding: 0 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.eligibility-flow-wizard .efw-orcid-input-shell:focus-within {
  border-color: #1e3a8a;
  box-shadow: 0 0 0 1px #1e3a8a;
}
.eligibility-flow-wizard .efw-orcid-search-icon {
  flex-shrink: 0;
  color: #64748b;
  font-size: 0.95rem;
  line-height: 1;
  pointer-events: none;
}
.eligibility-flow-wizard .efw-orcid-input-shell .efw-orcid-input,
.eligibility-flow-wizard .efw-orcid-input-shell input.p-inputtext,
.eligibility-flow-wizard .efw-orcid-input-shell input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100% !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.5rem 0 !important;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}
.eligibility-flow-wizard .efw-orcid-input-shell .efw-orcid-input:focus,
.eligibility-flow-wizard .efw-orcid-input-shell input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.eligibility-flow-wizard .efw-orcid-input-shell input::placeholder {
  color: #9ca3af;
}
.eligibility-flow-wizard .efw-orcid-input-shell:has(input:disabled) {
  opacity: 0.65;
}
.eligibility-flow-wizard .efw-orcid-field:has(.orcid-spinner) .efw-orcid-input-shell {
  padding-right: 2.5rem;
}
.eligibility-flow-wizard .efw-orcid-register-hint {
  margin: 0.75rem 0 0;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b7280;
}
.eligibility-flow-wizard .efw-orcid-register-hint .efw-orcid-register-link {
  margin-left: 0.25rem;
  font-weight: 600;
  color: #1e3a8a;
  text-decoration: none;
}
.eligibility-flow-wizard .efw-orcid-register-hint .efw-orcid-register-link:hover {
  text-decoration: underline;
}
.eligibility-flow-wizard .efw-orcid-warning {
  margin-top: 1rem;
}
.eligibility-flow-wizard .researcher-result.efw-orcid-profile-result {
  margin-top: 1.5rem;
}
.eligibility-flow-wizard .efw-format-hint {
  margin: 0.5rem 0 0;
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.5;
}
.eligibility-flow-wizard .efw-subsection-heading {
  margin: 0 0 0.25rem;
  font-family: 'Source Sans 3', 'Nunito Sans', system-ui, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #1e3a8a;
}
.eligibility-flow-wizard .efw-subsection-desc {
  margin: 0 0 0.75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7280;
}
.eligibility-flow-wizard .efw-subsection-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 0.25rem;
}

/* Step 2: biosketch follows funding + extracted (Figma vertical order) */
.eligibility-flow-wizard .efw-step2-biosketch-section {
  margin-top: 1.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid #e5e7eb;
}

/* Extracted criteria panel (Figma flow 2) */
.eligibility-flow-wizard .efw-extracted-panel {
  margin-top: 1.5rem;
  padding: 25px 25px 1px;
  background: #fafbfc;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}
.eligibility-flow-wizard .efw-extracted-panel.funding-extracted-section {
  border-color: #93c5fd;
}
.eligibility-flow-wizard .efw-extracted-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 0.5rem;
  font-size: 16px;
  font-weight: 600;
  color: #1e3a8a;
}
.eligibility-flow-wizard .efw-extracted-intro {
  margin: 0 0 1rem;
  font-size: 14px;
  line-height: 1.5;
  color: #6b7280;
}
.eligibility-flow-wizard .efw-extracted-note {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 13px;
  background: #eff6ff;
  border: 1px solid #93c5fd;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #1e3a8a;
}
.eligibility-flow-wizard .efw-extracted-note strong {
  font-weight: 700;
}
.eligibility-flow-wizard .efw-extracted-panel .efw-extracted-funding-inner.funding-result {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
.eligibility-flow-wizard .efw-extracted-panel .funding-item {
  border-top-color: rgba(30, 58, 138, 0.12);
}
.eligibility-flow-wizard .efw-step-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  width: 100%;
}
.eligibility-flow-wizard .efw-step-nav--solo {
  justify-content: flex-end;
}
.eligibility-flow-wizard .input-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
}
@media (min-width: 1024px) {
.eligibility-flow-wizard .input-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.eligibility-flow-wizard .input-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.eligibility-flow-wizard .funding-extracted-section {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.eligibility-flow-wizard .step-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #1e3a8a;
}
.eligibility-flow-wizard .step-number {
  display: none;
}
.eligibility-flow-wizard .step-section {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--p-surface-200);
}
.eligibility-flow-wizard .orcid-input-wrapper {
  position: relative;
}
.eligibility-flow-wizard .orcid-spinner {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}
.eligibility-flow-wizard .researcher-result {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 8px;
  overflow: hidden;
}
.eligibility-flow-wizard .researcher-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: rgba(34, 197, 94, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.eligibility-flow-wizard .researcher-icon i {
  color: rgb(34, 197, 94);
  font-size: 0.875rem;
}
.eligibility-flow-wizard .researcher-info {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.eligibility-flow-wizard .researcher-name {
  font-weight: 600;
  color: rgb(22, 101, 52);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eligibility-flow-wizard .researcher-status {
  font-size: 0.75rem;
  color: rgb(34, 197, 94);
}
.eligibility-flow-wizard .warning-banner {
  padding: 0.75rem;
  background-color: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
  color: #92400e;
}
.eligibility-flow-wizard .error-banner {
  padding: 1rem;
  border-radius: 8px;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  font-size: 0.875rem;
  color: #b91c1c;
}
.eligibility-flow-wizard .error-banner--inline {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  max-width: 32rem;
}
.eligibility-flow-wizard .loading-text {
  font-size: 0.875rem;
  color: var(--p-surface-500);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.eligibility-flow-wizard .loading-state-centered {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.eligibility-flow-wizard .loading-state-text {
  color: var(--p-surface-500);
  font-size: 0.75rem;
  font-weight: 500;
}
.eligibility-flow-wizard .file-upload-zone {
  min-height: 140px;
  padding: 1rem;
  border: none;
  border-radius: 10px;
  background-color: #f9fafb;
  transition: all 0.2s;
}

/* Figma step 2: grey dropzone — button + secondary lines centered (empty and filled) */
.eligibility-flow-wizard .file-upload-zone.file-upload-zone--empty,
.eligibility-flow-wizard .file-upload-zone:not(.file-upload-zone--empty) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 168px;
  padding: 1.5rem 1.25rem;
  gap: 0.75rem;
}
.eligibility-flow-wizard .file-upload-zone.file-upload-zone--empty .efw-funding-fileupload,
.eligibility-flow-wizard .file-upload-zone:not(.file-upload-zone--empty) .efw-funding-fileupload {
  width: auto;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.eligibility-flow-wizard .file-upload-zone.file-upload-zone--empty .funding-fileupload .p-fileupload-basic-content,
.eligibility-flow-wizard .file-upload-zone:not(.file-upload-zone--empty) .funding-fileupload .p-fileupload-basic-content {
  justify-content: center;
  width: 100%;
}

/* Only show filename below the button — hide Prime inline label (avoids left gray line + duplicate) */
.eligibility-flow-wizard .file-upload-zone.file-upload-zone--empty .funding-fileupload-filelabel,
.eligibility-flow-wizard .file-upload-zone:not(.file-upload-zone--empty) .funding-fileupload-filelabel {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  flex: 0 0 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.eligibility-flow-wizard .file-upload-zone.file-upload-zone--empty .file-upload-hint {
  margin-top: 0;
  width: 100%;
}
.eligibility-flow-wizard .file-upload-zone:hover {
  background-color: #f3f4f6;
}
.eligibility-flow-wizard .file-upload-zone--active {
  border-color: var(--p-primary-400);
  background-color: #eff6ff;
}
.eligibility-flow-wizard .file-upload-hint {
  text-align: center;
  margin-top: 0.75rem;
}
.eligibility-flow-wizard .file-upload-hint p {
  font-size: 0.875rem;
  color: #6a7282;
}
.eligibility-flow-wizard .file-upload-selected {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  color: #1e3a8a;
  font-weight: 500;
}
.eligibility-flow-wizard .file-upload-selected i {
  font-size: 1.125rem;
  flex-shrink: 0;
  color: #1e3a8a;
}
.eligibility-flow-wizard .file-upload-name {
  flex: 0 1 auto;
  min-width: 0;
  max-width: min(100%, 28rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.eligibility-flow-wizard .file-upload-zone .funding-fileupload .p-fileupload-basic-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  flex-wrap: nowrap;
}
.eligibility-flow-wizard .file-upload-zone .funding-fileupload-filelabel {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--p-surface-600);
  font-size: 0.875rem;
}
.eligibility-flow-wizard .file-upload-zone .efw-funding-fileupload .p-button,
.eligibility-flow-wizard .efw-funding-fileupload .p-button {
  border-radius: 10px;
  background: #1e3a8a;
  border-color: #1e3a8a;
  color: #fff;
  font-weight: 500;
}
.eligibility-flow-wizard .file-upload-zone .efw-funding-fileupload .p-button:not(:disabled):hover,
.eligibility-flow-wizard .efw-funding-fileupload .p-button:not(:disabled):hover {
  background: #172a6e;
  border-color: #172a6e;
  color: #fff;
}
.eligibility-flow-wizard .funding-result {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #86efac;
  background: #f0fdf4;
}
.eligibility-flow-wizard .funding-result-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #001e62;
}
.eligibility-flow-wizard .funding-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.eligibility-flow-wizard .funding-item {
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(34, 197, 94, 0.3);
}
.eligibility-flow-wizard .funding-item:first-child {
  padding-top: 0;
  border-top: none;
}
.eligibility-flow-wizard .funding-grant-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-800);
}
.eligibility-flow-wizard .funding-eligibility-list {
  font-size: 0.75rem;
  color: var(--p-surface-600);
  margin-top: 0.25rem;
}
.eligibility-flow-wizard .funding-eligibility-item {
  margin-bottom: 0.5rem;
}
.eligibility-flow-wizard .funding-criteria-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}
.eligibility-flow-wizard .funding-criteria-row > span:first-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.eligibility-flow-wizard .funding-sub-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin-top: 0.25rem;
  overflow-wrap: anywhere;
}
.eligibility-flow-wizard .funding-ineligibility {
  font-size: 0.75rem;
  color: #be123c;
  margin-top: 0.25rem;
}
.eligibility-flow-wizard .doc-reference {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgb(59, 130, 246);
  background-color: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.eligibility-flow-wizard .doc-reference--ineligibility {
  color: rgb(244, 63, 94);
  background-color: rgba(244, 63, 94, 0.1);
  border-color: rgba(244, 63, 94, 0.2);
}
.eligibility-flow-wizard .biosketch-file-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #c7d2fe;
  background-color: #eef2ff;
}
.eligibility-flow-wizard .biosketch-file-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.eligibility-flow-wizard .biosketch-file-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #3730a3;
}
.eligibility-flow-wizard .biosketch-file-meta {
  font-size: 0.75rem;
  color: var(--p-surface-500);
}
.eligibility-flow-wizard .biosketch-upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  border-radius: 10px;
  border: 2px dashed var(--p-surface-300);
  background-color: #f6f6f6;
  transition: border-color 0.15s;
}
.eligibility-flow-wizard .biosketch-upload-zone--below-file-list {
  margin-top: 1rem;
}
.eligibility-flow-wizard .biosketch-upload-zone:hover {
  border-color: var(--p-primary-300);
}
.eligibility-flow-wizard .source-selection {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.eligibility-flow-wizard .source-description {
  font-size: 0.875rem;
  color: #6a7282;
}
.eligibility-flow-wizard .source-options {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eligibility-flow-wizard .source-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
  cursor: pointer;
  transition: all 0.15s;
}
.eligibility-flow-wizard .source-option:hover {
  border-color: var(--p-primary-300);
}
.eligibility-flow-wizard .source-option--selected {
  border-color: var(--p-primary-500);
  background-color: #eff6ff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.eligibility-flow-wizard .source-option-radio {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid var(--p-surface-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.eligibility-flow-wizard .source-option-radio--selected {
  border-color: var(--p-primary-500);
  background-color: var(--p-primary-500);
}
.eligibility-flow-wizard .source-option-content {
  flex: 1;
}
.eligibility-flow-wizard .source-option-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-700);
}
.eligibility-flow-wizard .source-option-label--selected {
  color: var(--p-primary-700);
}
.eligibility-flow-wizard .source-option-desc {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  margin-top: 0.125rem;
}
.eligibility-flow-wizard .source-option-trailing {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  margin-left: auto;
}
.eligibility-flow-wizard .source-option-summary-btn {
  flex-shrink: 0;
}
.eligibility-flow-wizard .preliminary-results {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.eligibility-flow-wizard .action-centered {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.eligibility-flow-wizard .action-centered-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
}
.eligibility-flow-wizard .priority-banner {
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.eligibility-flow-wizard .priority-banner--high-priority {
  background-color: #f0fdf4;
  border-color: #86efac;
}
.eligibility-flow-wizard .priority-banner--worth-exploring {
  background-color: #fffbeb;
  border-color: #fcd34d;
}
.eligibility-flow-wizard .priority-banner--low-priority {
  background-color: var(--p-surface-100);
  border-color: var(--p-surface-300);
}
.eligibility-flow-wizard .priority-banner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.eligibility-flow-wizard .priority-icon--high-priority {
  background-color: #bbf7d0;
  color: #16a34a;
}
.eligibility-flow-wizard .priority-icon--worth-exploring {
  background-color: #fde68a;
  color: #d97706;
}
.eligibility-flow-wizard .priority-icon--low-priority {
  background-color: var(--p-surface-200);
  color: #94a3b8;
}
.eligibility-flow-wizard .priority-banner-content {
  flex: 1;
}
.eligibility-flow-wizard .priority-banner-label {
  font-size: 0.875rem;
  font-weight: 700;
}
.eligibility-flow-wizard .priority-banner-desc {
  font-size: 0.75rem;
  color: var(--p-surface-600);
}
.eligibility-flow-wizard .recommendation-card {
  padding: 1.25rem;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.eligibility-flow-wizard .recommendation-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

/* Tag on its own row so label stays one line; body copy full width below */
.eligibility-flow-wizard .recommendation-content .efw-recommendation-fit-tag {
  align-self: flex-start;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  font-size: 12px;
  padding: 0.35rem 0.65rem;
}
.eligibility-flow-wizard .recommendation-text {
  margin: 0;
  font-size: 0.875rem;
  color: #4a4f55;
  line-height: 1.5;
}
.eligibility-flow-wizard .recommendation-toggle {
  margin-top: 0.75rem;
  display: flex;
  justify-content: flex-end;
}
.eligibility-flow-wizard .preliminary-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.eligibility-flow-wizard .detail-panel {
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid var(--p-surface-200);
  background-color: var(--p-surface-50);
}
.eligibility-flow-wizard .detail-panel--success {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}
.eligibility-flow-wizard .detail-panel--warning {
  background-color: #fffbeb;
  border-color: #fde68a;
}
.eligibility-flow-wizard .detail-panel--danger {
  background-color: #fef2f2;
  border-color: #fecaca;
}
.eligibility-flow-wizard .detail-panel--info {
  background-color: #eff6ff;
  border-color: #bfdbfe;
}
.eligibility-flow-wizard .detail-panel-title {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--p-surface-500);
  margin: 0 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.eligibility-flow-wizard .detail-title--success {
  color: #15803d;
}
.eligibility-flow-wizard .detail-title--warning {
  color: #b45309;
}
.eligibility-flow-wizard .detail-title--danger {
  color: #b91c1c;
}
.eligibility-flow-wizard .detail-title--info {
  color: #1d4ed8;
}
.eligibility-flow-wizard .detail-panel-items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.eligibility-flow-wizard .detail-two-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px) {
.eligibility-flow-wizard .detail-two-col {
    grid-template-columns: 1fr 1fr;
}
}
.eligibility-flow-wizard .detail-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.eligibility-flow-wizard .detail-list li {
  font-size: 0.875rem;
  color: #4a4f55;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.eligibility-flow-wizard .alignment-area-card {
  padding: 0.75rem;
  border-radius: 10px;
  background-color: white;
  border: 1px solid #dbdcdd;
}
.eligibility-flow-wizard .alignment-area-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-800);
  margin-bottom: 0.375rem;
}
.eligibility-flow-wizard .alignment-area-details {
  font-size: 0.75rem;
  color: var(--p-surface-600);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eligibility-flow-wizard .alignment-label {
  font-weight: 600;
}
.eligibility-flow-wizard .alignment-label--researcher {
  color: var(--p-primary-600);
}
.eligibility-flow-wizard .alignment-label--grant {
  color: #7c3aed;
}
.eligibility-flow-wizard .full-check-results {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.eligibility-flow-wizard .eligibility-summary-card {
  padding: 1.5rem;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.eligibility-flow-wizard .eligibility-text-section {
  text-align: left;
}
.eligibility-flow-wizard .eligibility-status-header {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--p-surface-400);
  margin-bottom: 0.25rem;
}
.eligibility-flow-wizard .eligibility-status-value {
  font-size: 2.5rem;
  font-weight: 800;
  letter-spacing: -0.025em;
}
@media (min-width: 640px) {
.eligibility-flow-wizard .eligibility-status-value {
    font-size: 3rem;
}
}
.eligibility-flow-wizard .eligibility-yes {
  color: #16a34a;
}
.eligibility-flow-wizard .eligibility-no {
  color: #dc2626;
}
.eligibility-flow-wizard .eligibility-unknown {
  color: #d97706;
}
.eligibility-flow-wizard .eligibility-reason {
  color: #4a4f55;
  line-height: 1.5;
  font-size: 1rem;
  border-left: 4px solid;
  padding-left: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.eligibility-flow-wizard .reason-border-success {
  border-color: rgba(34, 197, 94, 0.3);
}
.eligibility-flow-wizard .reason-border-danger {
  border-color: rgba(239, 68, 68, 0.3);
}
.eligibility-flow-wizard .reason-border-warning {
  border-color: rgba(245, 158, 11, 0.3);
}
.eligibility-flow-wizard .eligibility-detail-actions {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.eligibility-flow-wizard .detailed-analysis-inline {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
  background-color: var(--p-surface-50);
}
.eligibility-flow-wizard .score-breakdown-panel {
  padding: 1rem;
  border-radius: 10px;
  background-color: var(--p-surface-100);
  border: 1px solid var(--p-surface-200);
}
.eligibility-flow-wizard .score-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.eligibility-flow-wizard .score-breakdown-grid {
    grid-template-columns: repeat(5, 1fr);
}
}
.eligibility-flow-wizard .score-breakdown-grid--5 {
  grid-template-columns: repeat(5, 1fr);
}
.eligibility-flow-wizard .score-cell {
  text-align: center;
  padding: 0.5rem;
  border-radius: 8px;
  background-color: white;
  border: 1px solid var(--p-surface-200);
}
.eligibility-flow-wizard .score-cell-value {
  font-size: 1.125rem;
  font-weight: 700;
}
.eligibility-flow-wizard .score-cell-label {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--p-surface-500);
  font-weight: 600;
}
.eligibility-flow-wizard .score-breakdown-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  color: var(--p-surface-500);
}
.eligibility-flow-wizard .score-breakdown-footer strong {
  color: var(--p-surface-700);
}
.eligibility-flow-wizard .score-rule-badge {
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  background-color: #eff6ff;
  color: var(--p-primary-700);
  font-weight: 500;
}
.eligibility-flow-wizard .criteria-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eligibility-flow-wizard .criteria-item {
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.eligibility-flow-wizard .criteria-item--met {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}
.eligibility-flow-wizard .criteria-item--not-met {
  background-color: #fef2f2;
  border-color: #fecaca;
}
.eligibility-flow-wizard .criteria-item--partially-met {
  background-color: #fffbeb;
  border-color: #fde68a;
}
.eligibility-flow-wizard .criteria-item--unknown {
  background-color: var(--p-surface-50);
  border-color: var(--p-surface-200);
}
.eligibility-flow-wizard .criteria-item--not-applicable {
  background-color: var(--p-surface-50);
  border-color: var(--p-surface-200);
  opacity: 0.6;
}
.eligibility-flow-wizard .criteria-item-header {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.eligibility-flow-wizard .criteria-status-icon {
  font-size: 0.875rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.eligibility-flow-wizard .criteria-item-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--p-surface-800);
  flex: 1;
}
.eligibility-flow-wizard .criteria-evidence {
  font-size: 0.75rem;
  color: var(--p-surface-600);
  padding-left: 1.5rem;
}
.eligibility-flow-wizard .criteria-notes {
  font-size: 0.75rem;
  color: var(--p-surface-500);
  font-style: italic;
  padding-left: 1.5rem;
  border-left: 2px solid var(--p-surface-300);
  margin-left: 1.5rem;
}
.eligibility-flow-wizard .survey-prompt {
  padding: 1.25rem;
  border-radius: 10px;
  background-color: #eef2ff;
  border: 1px solid #c7d2fe;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
.eligibility-flow-wizard .survey-prompt {
    flex-direction: row;
    align-items: flex-start;
}
}
.eligibility-flow-wizard .survey-prompt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #e0e7ff;
  flex-shrink: 0;
}
.eligibility-flow-wizard .survey-prompt-content {
  flex: 1;
}
.eligibility-flow-wizard .survey-prompt-title {
  font-weight: 600;
  color: #312e81;
  margin: 0 0 0.25rem;
}
.eligibility-flow-wizard .survey-prompt-desc {
  font-size: 0.875rem;
  color: #4338ca;
  margin: 0 0 0.75rem;
}
.eligibility-flow-wizard .survey-prompt-actions {
  display: flex;
  gap: 0.5rem;
}
.eligibility-flow-wizard .step-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #dbeafe;
  color: #2563eb;
  font-size: 0.625rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.eligibility-flow-wizard .step-circle--blue {
  background-color: #dbeafe;
  color: #2563eb;
}
.eligibility-flow-wizard .color-success {
  color: #16a34a;
}
.eligibility-flow-wizard .color-warning {
  color: #d97706;
}
.eligibility-flow-wizard .color-danger {
  color: #dc2626;
}
.eligibility-flow-wizard .color-muted {
  color: var(--p-surface-400);
}
.eligibility-flow-wizard .color-na {
  color: var(--p-surface-400);
}
.eligibility-flow-wizard .step-description {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0.25rem 0 0.75rem;
}
.eligibility-flow-wizard .score-cell-label--help {
  cursor: help;
  border-bottom: 1px dotted var(--p-surface-400);
}
.eligibility-flow-wizard .status-legend-wrapper {
  margin-bottom: 0.75rem;
}
.eligibility-flow-wizard .status-legend-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--p-primary-600);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem 0;
}
.eligibility-flow-wizard .status-legend-toggle:hover {
  text-decoration: underline;
}
.eligibility-flow-wizard .status-legend {
  margin-top: 0.5rem;
  padding: 0.875rem;
  border-radius: 8px;
  background-color: var(--p-surface-50);
  border: 1px solid var(--p-surface-200);
}
.eligibility-flow-wizard .status-legend-section {
  margin-bottom: 0.75rem;
}
.eligibility-flow-wizard .status-legend-section:last-child {
  margin-bottom: 0;
}
.eligibility-flow-wizard .status-legend-title {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--p-surface-600);
  margin-bottom: 0.375rem;
}
.eligibility-flow-wizard .status-legend-items {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eligibility-flow-wizard .status-legend-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: var(--p-surface-600);
  flex-wrap: wrap;
}
.eligibility-flow-wizard .status-legend-item strong {
  color: var(--p-surface-700);
  white-space: nowrap;
}
.eligibility-flow-wizard .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.eligibility-flow-wizard .status-dot--success {
  background-color: #22c55e;
}
.eligibility-flow-wizard .status-dot--warning {
  background-color: #f59e0b;
}
.eligibility-flow-wizard .status-dot--muted {
  background-color: var(--p-surface-400);
}
.eligibility-flow-wizard .status-dot--danger {
  background-color: #ef4444;
}
.eligibility-flow-wizard .status-dot--na {
  background-color: var(--p-surface-300);
}

/* Teleported dialogs: global names scoped by efw-dialog-root wrapper inside dialog body */
.efw-dialog-root .dialog-analysis-content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.efw-dialog-root .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 1rem;
}
.efw-dialog-root .section-entries {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efw-dialog-root .section-entry {
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--p-surface-100);
  background-color: white;
  font-size: 0.75rem;
}
.efw-dialog-root .entry-field {
  display: flex;
  gap: 0.5rem;
}
.efw-dialog-root .entry-field-key {
  font-weight: 500;
  color: var(--p-surface-500);
  text-transform: capitalize;
  white-space: nowrap;
}
.efw-dialog-root .section-text-blocks {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efw-dialog-root .section-text-blocks p {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--p-surface-700);
}
.efw-dialog-root .section-empty {
  font-size: 0.875rem;
  color: var(--p-surface-500);
  font-style: italic;
}
.efw-dialog-root .empty-state-centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--p-surface-500);
  padding: 2rem 0;
  text-align: center;
}
.efw-dialog-root .biosketch-person-header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--p-surface-50);
  border-radius: 0.5rem;
  border: 1px solid var(--p-surface-200);
}
.efw-dialog-root .biosketch-person-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.efw-dialog-root .biosketch-person-name {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--p-surface-900);
  margin: 0;
}
.efw-dialog-root .biosketch-person-title {
  font-size: 0.875rem;
  color: var(--p-surface-500);
}
.efw-dialog-root .narrative-panel {
  padding: 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #eff6ff, #eef2ff);
  border: 1px solid #bfdbfe;
  margin-bottom: 1rem;
}
.efw-dialog-root .narrative-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1d4ed8;
  margin-bottom: 0.5rem;
}
.efw-dialog-root .narrative-text {
  font-size: 0.875rem;
  line-height: 1.625;
  color: var(--p-surface-700);
  white-space: pre-line;
}
.eligibility-flow-wizard .criteria-evidence-label {
  font-weight: 600;
  color: var(--p-surface-500);
}
.eligibility-flow-wizard .p-inputtext {
  border-radius: 8px;
  background-color: #f6f6f6;
}

.upload-progress[data-v-48382e05] {
  width: 100%;
}
.file-card[data-v-48382e05] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  position: relative;
}
.file-icon[data-v-48382e05] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  background: #DBEAFE;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  flex-shrink: 0;
}
.file-icon i[data-v-48382e05] {
  font-size: 24px;
  color: #3B82F6;
}
.file-info[data-v-48382e05] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.file-header[data-v-48382e05] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.file-name[data-v-48382e05] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.progress-percentage[data-v-48382e05] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: #3B82F6;
  flex-shrink: 0;
}
.progress-bar-container[data-v-48382e05] {
  width: 100%;
}
.progress-bar-bg[data-v-48382e05] {
  width: 100%;
  height: 6px;
  background: #E5E7EB;
  border-radius: 9999px;
  overflow: hidden;
}
.progress-bar-fill[data-v-48382e05] {
  height: 100%;
  background: #3B82F6;
  border-radius: 9999px;
  transition: width 0.3s ease;
}
.file-size-info[data-v-48382e05] {
  display: flex;
  justify-content: flex-start;
}
.size-remaining[data-v-48382e05] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #6B7280;
}
.cancel-button[data-v-48382e05] {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #6B7280;
  transition: color 0.2s ease;
}
.cancel-button[data-v-48382e05]:hover {
  color: #374151;
}
.cancel-button i[data-v-48382e05] {
  font-size: 16px;
}

/* Responsive Design */
@media (max-width: 768px) {
.file-card[data-v-48382e05] {
    flex-direction: column;
    align-items: flex-start;
}
.file-icon[data-v-48382e05] {
    width: 48px;
    height: 48px;
}
.file-name[data-v-48382e05] {
    font-size: 14px;
}
.progress-percentage[data-v-48382e05] {
    font-size: 14px;
}
}

.file-upload-container[data-v-a69c8156] {
  width: 100%;
}

/* Label */
.upload-label[data-v-a69c8156] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  color: #4a4f55;
  margin-bottom: 15px;
}

/* File Upload Area - Matching Figma Design */
.file-upload-area[data-v-a69c8156] {
  position: relative;
  width: 100%;
  min-height: 150px;
  padding: 10px 10px 10px 16px;
  border: 1px dashed #dbdcdd;
  border-radius: 10px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}
.file-upload-area[data-v-a69c8156]:hover:not(.is-disabled) {
  border-color: #001e62;
  background-color: #f5f5f5;
}
.file-upload-area.is-dragover[data-v-a69c8156] {
  border-color: #001e62;
  background-color: #e8f0fe;
}
.file-upload-area.has-error[data-v-a69c8156] {
  border-color: #dc3545;
}
.file-upload-area.is-disabled[data-v-a69c8156] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f9f9f9;
}
.file-upload-area.has-file[data-v-a69c8156] {
  cursor: default;
}

/* Hidden File Input */
.file-input[data-v-a69c8156] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

/* Upload Content */
.upload-content[data-v-a69c8156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  pointer-events: none;
}
.upload-icon-container[data-v-a69c8156] {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(74, 79, 85, 0.1);
  border-radius: 100px;
  padding: 15px;
}
.upload-icon[data-v-a69c8156] {
  font-size: 16px;
  color: #001e62;
}
.upload-text-container[data-v-a69c8156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 2px;
}
.upload-instructions[data-v-a69c8156] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857142857142em;
  color: #001e62;
  text-align: center;
  margin: 0;
  white-space: pre-line;
  text-decoration: underline;
}
.upload-subtext[data-v-a69c8156] {
  color: #6e7277;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

/* File Info Box - Matching Figma Design */
.file-info-box[data-v-a69c8156] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  width: calc(100% - 32px);
  max-width: 708px;
  pointer-events: none;
  z-index: 10;
}
.file-icon[data-v-a69c8156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 58px;
  height: 58px;
  background: #dbeafe;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-shrink: 0;
}
.file-icon i[data-v-a69c8156] {
  font-size: 20px;
  color: #3b82f6;
}
.file-type-text[data-v-a69c8156] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: #3b82f6;
  margin-top: 2px;
}
.file-info[data-v-a69c8156] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 0 8px;
}
.file-header[data-v-a69c8156] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.file-name[data-v-a69c8156] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: #374151;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.progress-percentage[data-v-a69c8156] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1em;
  color: #3b82f6;
  flex-shrink: 0;
}
.progress-bar-container[data-v-a69c8156] {
  width: 100%;
}
.progress-bar-bg[data-v-a69c8156] {
  width: 100%;
  height: 6px;
  background: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
}
.progress-bar-fill[data-v-a69c8156] {
  height: 100%;
  background: #3b82f6;
  border-radius: 9999px;
  transition: width 0.3s ease;
}
.file-size-info[data-v-a69c8156] {
  display: flex;
  justify-content: flex-start;
}
.size-remaining[data-v-a69c8156] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #6b7280;
}
.cancel-button[data-v-a69c8156] {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #6b7280;
  transition: color 0.2s ease;
  width: 24px;
  height: 24px;
  pointer-events: auto;
}
.file-info-box[data-v-a69c8156] {
  cursor: default;
}
.cancel-button[data-v-a69c8156]:hover:not(:disabled) {
  color: #374151;
}
.cancel-button[data-v-a69c8156]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cancel-button i[data-v-a69c8156] {
  font-size: 16px;
}

/* Help Text */
.help-text[data-v-a69c8156] {
  display: block;
  margin-top: 8px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #6e7277;
}

/* Error Message */
.error-message[data-v-a69c8156] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 12px;
  background-color: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}
.error-message i[data-v-a69c8156] {
  font-size: 16px;
}

/* Action Buttons */
.action-buttons[data-v-a69c8156] {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 15px;
}

/* Responsive Design */
@media (max-width: 768px) {
.action-buttons[data-v-a69c8156] {
    flex-direction: column;
}
.upload-icon-container[data-v-a69c8156] {
    width: 38px;
    height: 38px;
}
.upload-icon[data-v-a69c8156] {
    font-size: 14px;
}
.upload-instructions[data-v-a69c8156] {
    font-size: 12px;
}
.upload-subtext[data-v-a69c8156] {
    font-size: 11px;
}
.file-upload-area[data-v-a69c8156] {
    min-height: 120px;
}
}
[data-v-a69c8156] .cancel-button-blue-border.p-button {
  border: 2px solid #001e62 !important;
}

.molecule-form-field[data-v-411cb495] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.form-field-label[data-v-411cb495] {
  font-weight: 600;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.required-indicator[data-v-411cb495] {
  color: #d32f2f;
  font-weight: bold;
}
.form-field-input[data-v-411cb495] {
  width: 100%;
}
.form-field-message[data-v-411cb495] {
  min-height: 20px;
  font-size: 12px;
}
.error-message[data-v-411cb495] {
  color: #d32f2f;
}
.hint-message[data-v-411cb495] {
  color: #666;
}

.researcher-profile-page[data-v-62e1c242] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 48px 24px 32px 24px;
  max-width: 1152px;
  margin: 0 auto;
  min-height: 100%;
  background: transparent;
  font-family: 'Nunito Sans', sans-serif;
}
.page-loader-wrap[data-v-62e1c242] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 240px;
}
.page-message[data-v-62e1c242] {
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
  background: #fff;
}
.page-message--error[data-v-62e1c242] {
  color: #e7000b;
}
.page-message .p-button[data-v-62e1c242] {
  margin-top: 12px;
}
.page-header-card[data-v-62e1c242] {
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}
.page-header-top[data-v-62e1c242] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.page-header-copy[data-v-62e1c242] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.page-title[data-v-62e1c242] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3333333333333333em;
  color: #111827;
  margin: 0;
}
.page-title-accent[data-v-62e1c242] {
  flex-shrink: 0;
  width: 4px;
  height: 32px;
  background: #26c6da;
  border-radius: 2px;
}
.page-description[data-v-62e1c242] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  color: #6b7280;
  margin: 0;
}
.form-card[data-v-62e1c242] {
  position: relative;
  padding: 32px 0 0 24px;
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 14px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
}
.form-saving-overlay[data-v-62e1c242] {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 14px;
}
.researcher-profile-form[data-v-62e1c242] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1054px;
}
.form-fields[data-v-62e1c242] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.biosketch-upload-wrap[data-v-62e1c242] {
  max-width: 100%;
}
.uploaded-files-section[data-v-62e1c242] {
  margin-top: 8px;
  padding: 16px;
  background: #f6f6f6;
  border-radius: 10px;
  border: 1px solid #dbdcdd;
}
.uploaded-files-section--empty[data-v-62e1c242] {
  background: #fafafa;
}
.uploaded-files-heading[data-v-62e1c242] {
  margin: 0 0 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: #001e62;
}
.uploaded-files-list[data-v-62e1c242] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.uploaded-files-row[data-v-62e1c242] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 16px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #dbdcdd;
  font-size: 14px;
  color: #4a4f55;
}
.uploaded-files-row[data-v-62e1c242]:last-child {
  border-bottom: none;
}
.uploaded-files-name[data-v-62e1c242] {
  word-break: break-word;
}
.uploaded-files-date[data-v-62e1c242] {
  color: #6a7282;
  font-size: 13px;
  white-space: nowrap;
}
.uploaded-files-actions[data-v-62e1c242] {
  justify-self: end;
}
.uploaded-files-empty[data-v-62e1c242] {
  margin: 0;
  font-size: 14px;
  color: #6a7282;
}
.form-actions[data-v-62e1c242] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #dbdcdd;
}
.researcher-profile-page[data-v-62e1c242] .form-field-label {
  color: #001e62;
  font-weight: 600;
  font-size: 14px;
}
.researcher-profile-page[data-v-62e1c242] .required-indicator {
  color: #fb2c36;
}
.researcher-profile-page[data-v-62e1c242] .hint-message {
  color: #6a7282;
  font-size: 12px;
}
@media (max-width: 640px) {
.uploaded-files-row[data-v-62e1c242] {
    grid-template-columns: 1fr;
    gap: 4px;
}
}
.base-report-table[data-v-16cc7107] {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Header Controls Styling */
.table-header[data-v-16cc7107] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 !important;
  padding: 0;
  background: transparent;
  border: none;
  gap: 20px;
}
.header-left[data-v-16cc7107],
.header-right[data-v-16cc7107] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-size-control[data-v-16cc7107] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-size-label[data-v-16cc7107] {

  font-size: 14px;
  font-weight: 700;
  line-height: 1.1428571428571428;
  color: #000000;
  padding: 10px 4px 10px 0;
}
.page-info[data-v-16cc7107] {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 4px;
}
.page-info-text[data-v-16cc7107] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428571428571428;
  color: #000000;
}
.global-filter .p-input-icon-left[data-v-16cc7107] {
  position: relative;
}
.global-filter .p-input-icon-left i[data-v-16cc7107] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #001E62;
  width: 16px;
  height: 16px;
}
.global-filter .p-input-icon-left input[data-v-16cc7107] {
  min-width: 218px;
  height: auto;
  border: 1px solid #DBDCDD;
  border-radius: 6px;
  background: #FFFFFF;
  padding: 4px 6px 4px 32px;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428571428571428;
  color: #000000;
}
.global-filter .p-input-icon-left input[data-v-16cc7107]:focus,
.global-filter .p-input-icon-left input[data-v-16cc7107]:active,
.global-filter .p-input-icon-left input[data-v-16cc7107]:focus-visible {
  border: 1px solid #DBDCDD !important;
  outline: none !important;
  box-shadow: none !important;
}
.global-filter .p-input-icon-left[data-v-16cc7107]::before {
  content: "Search";
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.1428571428571428;
  color: #000000;
  padding: 10px 4px 10px 0;
}

/* DataTable Styling */
.base-report-table[data-v-16cc7107] .p-datatable {
  border: none;
  border-radius: 0;
  background: transparent;
}
.base-report-table[data-v-16cc7107] .p-datatable-wrapper {
  border-radius: 0;
  overflow-x: auto !important;
  width: 100% !important;
}
.base-report-table[data-v-16cc7107] .p-datatable table {
  width: 100%;
  table-layout: auto;
}

/* Table Header Styling */
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th {
  background: #D7D7D7 !important;
  border: none !important;
  padding: 16px !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.2 !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3846153846153846 !important;
  color: #4A4F55 !important;
  text-align: left !important;
  vertical-align: middle !important;
  border-radius: 0 !important;
  min-width: auto !important;
  max-width: none !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-column-title{
  font-weight: 700 !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th:first-child {
  border-top-left-radius: 12px !important;
  /* border-bottom-left-radius: 12px !important; */
}
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th:last-child {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr {
  gap: 17px;
}

/* Table Body Styling */
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr {
  border: 1px solid #DBDCDD !important;
  border-radius: 16px !important;
  margin-bottom: 6px !important;
  background: #FFFFFF;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td {
  border: none !important;
  padding: 16px !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3846153846153846 !important;
  color: #4A4F55 !important;
  word-wrap: break-word;
  white-space: pre-wrap;
  min-width: auto !important;
  max-width: none !important;
  vertical-align: middle !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td:first-child {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td:last-child {
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

/* Sort Icons Styling */
.base-report-table[data-v-16cc7107] .p-sortable-column-icon {
  color: #6E7277 !important;
  margin-left: 8px !important;
  font-size: 14px !important;
}
.base-report-table[data-v-16cc7107] .p-sortable-column .p-icon {
  width: 14px !important;
  height: 14px !important;
}

/* Custom sort icons vertical arrangement */
.sort-icons[data-v-16cc7107] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sort-both[data-v-16cc7107] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sort-single[data-v-16cc7107] {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Remove default borders and spacing */
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td,
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody {
  gap: 6px;
}
[data-v-16cc7107] .p-datatable-header {
  border: none !important;
  background: transparent !important;
}

/* Pagination Styling */
.base-report-table[data-v-16cc7107] .p-paginator {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-left-content {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-left-content .p-paginator-current {

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.1428571428571428 !important;
  color: #000000 !important;
  background: none !important;
  border: none !important;
  padding: 10px 10px 10px 4px !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-right-content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-page {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #001E62 !important;
  border-radius: 7px !important;
  /* background: transparent !important;
  color: #001E62 !important; */

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 10px !important;
}
.base-report-table[data-v-16cc7107] .pi{
  color: #6E7277;
  font-size: .75rem;
  font-weight: 600;
}
.base-report-table[data-v-16cc7107] .p-paginator-page.p-highlight {
  background: #001E62 !important;
  color: #FFFFFF !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-first,
.base-report-table[data-v-16cc7107] .p-paginator-prev,
.base-report-table[data-v-16cc7107] .p-paginator-next,
.base-report-table[data-v-16cc7107] .p-paginator-last {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(145, 145, 145, 0.1) !important;
  border: none !important;
  color: #001E62 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 2px !important;
}
.base-report-table[data-v-16cc7107] .p-paginator-first:hover,
.base-report-table[data-v-16cc7107] .p-paginator-prev:hover,
.base-report-table[data-v-16cc7107] .p-paginator-next:hover,
.base-report-table[data-v-16cc7107] .p-paginator-last:hover,
.base-report-table[data-v-16cc7107] .p-paginator-page:hover {
  background: #001E62 !important;
  color: #FFFFFF !important;
}

/* Override PrimeVue focus styles */

/* Note: Removing box-shadow from inputs to prevent double border appearance */
.base-report-table[data-v-16cc7107] .p-focus,
.base-report-table[data-v-16cc7107] .p-component:focus {
  outline: none !important;
}

/* Remove focus box-shadow and outline from all input text fields */
.base-report-table[data-v-16cc7107] .p-inputtext:focus,
.base-report-table[data-v-16cc7107] .p-inputtext:active,
.base-report-table[data-v-16cc7107] input:focus,
.base-report-table[data-v-16cc7107] input:active {
  box-shadow: none !important;
  outline: none !important;
}

/* Specifically target global filter input */
.global-filter[data-v-16cc7107] .p-inputtext,
.global-filter[data-v-16cc7107] .p-inputtext:focus,
.global-filter[data-v-16cc7107] .p-inputtext:active,
.global-filter[data-v-16cc7107] input,
.global-filter[data-v-16cc7107] input:focus,
.global-filter[data-v-16cc7107] input:active {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove focus styles from IconField wrapper */
.global-filter[data-v-16cc7107] .p-iconfield,
.global-filter[data-v-16cc7107] .p-iconfield:focus-within,
.global-filter[data-v-16cc7107] .p-icon-field,
.global-filter[data-v-16cc7107] .p-icon-field:focus-within {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

/* Action buttons and links */
.link[data-v-16cc7107] {
  cursor: pointer;
  color: #001E62;
  text-decoration: none;
  font-weight:800 ;
}
.link[data-v-16cc7107]:hover {
  text-decoration: underline;
}
.pointer-link[data-v-16cc7107] {
  cursor: pointer;
  color: #001E62;
  text-decoration: none;
  background-color: transparent;
  border: 0;
}
.pointer-link[data-v-16cc7107]:hover {
  text-decoration: underline;
}
.action-buttons[data-v-16cc7107] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.empty-state[data-v-16cc7107] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;

  color: #4A4F55;
}

/* Screen reader only class */
.sr-only[data-v-16cc7107] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Export button styling */
.export-actions .p-button[data-v-16cc7107] {

  font-size: 14px !important;
  font-weight: 400 !important;
  border: 1px solid #DBDCDD !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  padding: 4px 12px !important;
}
.export-actions .p-button[data-v-16cc7107]:hover {
  background: #F5F5F5 !important;
}

/* Dropdown styling for controls */
.base-report-table[data-v-16cc7107] .p-dropdown {
  border: 1px solid #DBDCDD !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.1428571428571428 !important;
  color: #000000 !important;
}
.base-report-table[data-v-16cc7107] .p-dropdown-trigger {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: rgba(145, 145, 145, 0.1) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* BaseSelect dropdown icon styling */
.base-report-table[data-v-16cc7107] .p-select-trigger .p-icon {
  color: #001E62 !important;
  width: 8.83px !important;
  height: 8.83px !important;
}
.page-size-dropdown[data-v-16cc7107] {
  width: 93px;
}

/* Page size dropdown visual alignment per Figma - scoped to this table only */
.base-report-table .page-size-dropdown[data-v-16cc7107] .p-select {
  border-radius: 6px !important;
  padding: 4px 6px !important;
  height: auto !important;
  min-height: 28px;  
  border: 1px solid #DBDCDD;
  border-radius: 6px;
  border: 1px solid #DBDCDD !important;
  background: #FFF !important;
  color: #000 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.table-header[data-v-16cc7107] {
    flex-direction: column;
    gap: 1rem;
    padding: 0 0 1rem 0;
}
.header-left[data-v-16cc7107],
  .header-right[data-v-16cc7107] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
}
.page-size-control[data-v-16cc7107] {
    justify-content: flex-start;
}
.page-info-text[data-v-16cc7107] {
    font-size: 12px;
}
.action-buttons[data-v-16cc7107] {
    flex-direction: column;
    align-items: flex-start;
}
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th,
  .base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td {
    padding: 12px !important;
}
}
@media (max-width: 480px) {
.header-left[data-v-16cc7107],
  .header-right[data-v-16cc7107] {
    gap: 0.5rem;
}
.page-size-label[data-v-16cc7107],
  .page-info-text[data-v-16cc7107] {
    font-size: 12px;
}
.page-size-dropdown[data-v-16cc7107],
  .global-filter .p-input-icon-left input[data-v-16cc7107] {
    min-width: 150px;
}
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th,
  .base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td {
    padding: 10px !important;
    font-size: 12px !important;
}
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody tr td:nth-child(1) {
  border-left: 1px solid #DBDCDD !important;
  /* border-left: 0px solid #DBDCDD !important; */
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody tr td.p-datatable-frozen-column {
  border-left: 0px solid #DBDCDD !important;
  border-top-left-radius: 0px !important ;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody tr td:last-child {
  border-right: 1px solid #DBDCDD !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody tr td {
  border-top: 1px solid #DBDCDD !important;
  border-bottom: 1px solid #DBDCDD !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-table {
  border-spacing: 0 6px !important;
  table-layout: auto !important;
  width: 100% !important;
}

/* Ensure scrollable tables respect column widths */
.base-report-table[data-v-16cc7107] .p-datatable-scrollable-table {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure scrollable table headers respect column widths */
.base-report-table[data-v-16cc7107] .p-datatable-scrollable-header-table {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure scrollable table body respects column widths */
.base-report-table[data-v-16cc7107] .p-datatable-scrollable-body-table {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure column widths are respected in scrollable mode */
.base-report-table[data-v-16cc7107] .p-datatable-scrollable-body {
  overflow-x: auto !important;
}
[data-v-16cc7107] .p-paginator-content {
  width: 100%;
  flex-wrap: nowrap !important;
  margin: 31px 0 31px 0;
  display: flex;
  flex-direction: row;
}
[data-v-16cc7107] .p-paginator-current {
  color: #000 !important;

  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
[data-v-16cc7107] .p-paginator-first {
  overflow: hidden;
  position: relative;
  margin-left: auto;
}
[data-v-16cc7107] .p-paginator-current {
  color: var(--p-paginator-current-page-report-color);
  width: 100%;
}

/* Removed restrictive max-width rule to allow column width property to work properly */
.base-report-table[data-v-16cc7107] .p-datatable-paginator-bottom {
  border: none !important;
}
[data-v-16cc7107] .p-paginator-current {
  font-size: 14px;
}
.global-filter[data-v-16cc7107] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.global-filter label[data-v-16cc7107] {
  color: #000;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
[data-v-16cc7107] .p-datatable-column-sorted .p-datatable-sort-icon {
    color: #001E62 !important;
}

/* Radio button selection styling */
.radio-selection[data-v-16cc7107] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.radio-selection input[type="radio"][data-v-16cc7107] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #001E62;
}

/* Make rows clickable when using selection mode - only add pointer cursor when row is selectable */
.base-report-table.has-selection[data-v-16cc7107] .p-datatable-tbody > tr[data-pc-section="bodyrow"] {
  cursor: pointer;
}

/* Ensure hover effect doesn't conflict with existing striped rows */
.base-report-table.has-selection[data-v-16cc7107] .p-datatable-tbody > tr[data-pc-section="bodyrow"]:not(.p-highlight):hover {
  background-color: #f5f5f5 !important;
}

/* Top horizontal scroll bar styling */
.top-scroll-container[data-v-16cc7107] {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #DBDCDD;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  background: #FAFAFA;
  margin-bottom: -1px; /* Merge with table border */
  position: relative;
  z-index: 1;
}
.top-scroll-content[data-v-16cc7107] {
  height: 1px;
  /* Width will be set dynamically via JavaScript */
  min-width: 100%;
  background: transparent;
}

/* Adjust table styling when top scroll is enabled */
.base-report-table.has-top-scroll[data-v-16cc7107] .p-datatable {
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.base-report-table.has-top-scroll[data-v-16cc7107] .p-datatable-wrapper {
  border-radius: 0 0 12px 12px;
}

/* Preserve header corner radii even with top scroll */
.base-report-table.has-top-scroll[data-v-16cc7107] .p-datatable-thead > tr > th:first-child {
  border-top-left-radius: 12px !important;
}
.base-report-table.has-top-scroll[data-v-16cc7107] .p-datatable-thead > tr > th:last-child {
  border-top-right-radius: 12px !important;
}

/* Ensure top scroll bar does not visually cover header corners */
.top-scroll-container[data-v-16cc7107] {
  z-index: 0;
}

/* Ensure smooth scrolling */
.top-scroll-container[data-v-16cc7107]::-webkit-scrollbar {
  height: 12px;
}
.top-scroll-container[data-v-16cc7107]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}
.top-scroll-container[data-v-16cc7107]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 6px;
}
.top-scroll-container[data-v-16cc7107]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* .base-report-table :deep(.p-datatable-tbody > tr > td),
.base-report-table :deep(.p-datatable-thead > tr > th {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  white-space: nowrap;
} */

/* Column Header with Tooltip Styling */
.column-header-with-tooltip[data-v-16cc7107] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.2;
}
.column-header-with-tooltip span[data-v-16cc7107] {
  flex: 1;
  white-space: normal;
  word-wrap: break-word;
}

/* Datatable tooltip styles - optimized */
[data-v-16cc7107] .tooltip-trigger {
  width: 16px !important;
  height: 16px !important;
  background: rgba(74, 79, 85, 0.10) !important;
  color: #001E62 !important;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
[data-v-16cc7107] .tooltip-trigger i {
  font-size: 7px !important;
  font-weight: 700 !important;
}
[data-v-16cc7107] .tooltip-trigger:hover {
  background: rgba(74, 79, 85, 0.10) !important;
  transform: none;
}

/* ==========================================================
   Datatable-scoped styles for base atoms (per Figma)
   These apply ONLY within BaseReportTable cells/headers.
   ========================================================== */

/* BaseInputText inside table cells */
.base-report-table[data-v-16cc7107] .base-input-text__input-container {
  height: 36px !important;
  border: 1.5px solid #DBDCDD !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
}
.base-report-table[data-v-16cc7107] .base-input-text__input {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.17 !important;
  color: #4A4F55 !important;
}

/* BaseSelect inside table cells (PrimeVue Select) */

/* Allow select to grow vertically for long text */
.base-report-table[data-v-16cc7107] .base-select-wrapper {
  width: 75% !important;
  max-width: 100% !important;
}
.base-report-table[data-v-16cc7107] .p-select {
  min-height: 24px !important;
  height: auto !important;
  border: 1.5px solid #001E62 !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: flex-start !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.base-report-table[data-v-16cc7107] .p-select .p-select-label-container {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}
.base-report-table[data-v-16cc7107] .p-select .p-select-label {
  padding: 2px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #001E62 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  width: 100% !important;
}
.base-report-table[data-v-16cc7107] .p-select .p-select-dropdown {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 100px !important;
  background-color: transparent !important;
  border: none !important;
  align-self: flex-start !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
}
.base-report-table[data-v-16cc7107] .p-select .p-select-dropdown .p-select-dropdown-icon {
  width: 8.83px !important;
  height: 8.83px !important;
}

/* BaseButton inside table cells - exclude grid action buttons */
.base-report-table[data-v-16cc7107] .p-button:not(.exclude-base-report-table-styles) {
  height: 24px !important;
  min-height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.17 !important;
  border: 1.5px solid #001E62 !important;
  color: #001E62 !important;
  background-color: transparent !important;
}
.base-report-table[data-v-16cc7107] .p-button:not(.exclude-base-report-table-styles):hover {
  background-color: #001E62 !important;
  color: #FFFFFF !important;
}

/* Links in table */
.base-report-table[data-v-16cc7107] td a,
.base-report-table[data-v-16cc7107] a.clickablelink,
.base-report-table[data-v-16cc7107] .pointer-link {
  cursor: pointer !important;
  color: #001E62 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  background: transparent !important;
  border: 0 !important;
}
.base-report-table[data-v-16cc7107] td a:hover,
.base-report-table[data-v-16cc7107] a.clickablelink:hover,
.base-report-table[data-v-16cc7107] .pointer-link:hover {
  text-decoration: underline !important;
}

/* Icon-only button - clean icon with no border or background - exclude grid action buttons */
.base-report-table[data-v-16cc7107] .p-button.icon-only-button:not(.exclude-base-report-table-styles) {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #001E62 !important;
  min-width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}
.base-report-table[data-v-16cc7107] .p-button.icon-only-button:not(.exclude-base-report-table-styles):hover {
  background: none !important;
  opacity: 0.7 !important;
  box-shadow: none !important;
}
.base-report-table[data-v-16cc7107] .p-button.icon-only-button:not(.exclude-base-report-table-styles) .p-button-icon {
  font-size: 16px !important;
  color: #001E62 !important;
  margin: 0 !important;
}

/* Delete icon button - matching Figma specifications */
.base-report-table[data-v-16cc7107] .action-buttons .delete-icon-button {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 2px !important;
  border-radius: 100px !important;
  background-color: rgba(74, 79, 85, 0.1) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}
.base-report-table[data-v-16cc7107] .action-buttons .delete-icon-button:hover {
  background-color: rgba(74, 79, 85, 0.2) !important;
}
.base-report-table[data-v-16cc7107] .action-buttons .delete-icon {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* Legacy PrimeVue button support (if any still exist) - exclude grid action buttons */
.base-report-table[data-v-16cc7107] .action-buttons .p-button.p-button-icon-only:not(.exclude-base-report-table-styles) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 2px !important;
  border-radius: 100px !important;
  background-color: rgba(74, 79, 85, 0.1) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.base-report-table[data-v-16cc7107] .action-buttons .p-button.p-button-icon-only:not(.exclude-base-report-table-styles):hover {
  background-color: rgba(74, 79, 85, 0.2) !important;
}

/* Target icon elements but exclude those inside grid action buttons */
.base-report-table[data-v-16cc7107] .action-buttons .p-button:not(.exclude-base-report-table-styles) .p-button-icon {
  width: 16px !important;
  height: 16px !important;
  font-size: 16px !important;
  color: #001E62 !important;
  margin: 0 !important;
}

/* Delete icon color inside action buttons */
.base-report-table[data-v-16cc7107] .action-buttons .fa-trash {
  color: #E74444 !important;
}

/* Danger ghost buttons (e.g., Remove) - exclude grid action buttons */
.base-report-table[data-v-16cc7107] .p-button.p-button-danger:not(.exclude-base-report-table-styles),
.base-report-table[data-v-16cc7107] .p-button.p-button-danger.p-button-outlined:not(.exclude-base-report-table-styles) {
  border: 1.5px solid #E74444 !important;
  color: #E74444 !important;
  background: transparent !important;
}
.base-report-table[data-v-16cc7107] .p-button.p-button-danger:not(.exclude-base-report-table-styles):hover,
.base-report-table[data-v-16cc7107] .p-button.p-button-danger.p-button-outlined:not(.exclude-base-report-table-styles):hover {
  background: #E74444 !important;
  color: #FFFFFF !important;
}

/* ==========================================================
   Column Visibility Toggle Styling
   ========================================================== */
.column-toggle-control[data-v-16cc7107] {
  display: flex;
  align-items: center;
}

/* Column toggle button - match export button styling */
.column-toggle-button[data-v-16cc7107] {
  font-size: 21px !important;
  font-weight: 400 !important;
  border: 1px solid #4A4F55 !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  padding: 4px 12px !important;
  height: 40px !important;
  min-height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap : 0 !important;
}
.column-toggle-button[data-v-16cc7107]:hover {
  background: #001E62 !important;
  color: #FFFFFF !important;
}
.column-toggle-button[data-v-16cc7107]:hover .p-button-icon {
  color: #FFFFFF !important;
}
.column-toggle-panel[data-v-16cc7107] {
  padding: 0;
}
.column-toggle-header[data-v-16cc7107] {
  margin: 0 0 12px 0;
  padding: 0 0 8px 0;
  font-size: 14px;
  font-weight: 700;
  color: #4A4F55;
  border-bottom: 1px solid #DBDCDD;
}
.column-toggle-list[data-v-16cc7107] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
}
.column-toggle-item[data-v-16cc7107] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.column-toggle-label[data-v-16cc7107] {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #4A4F55;
  margin: 0;
  user-select: none;
  flex: 1;
}
.column-toggle-item:hover .column-toggle-label[data-v-16cc7107] {
  color: #001E62;
}

/* Checkbox styling in column toggle */
.column-toggle-panel[data-v-16cc7107] .p-checkbox {
  margin-right: 0;
}
.column-toggle-panel[data-v-16cc7107] .p-checkbox-box {
  border: 1.5px solid #DBDCDD;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}
.column-toggle-panel[data-v-16cc7107] .p-checkbox-box.p-highlight {
  background: #001E62;
  border-color: #001E62;
}
.column-toggle-panel[data-v-16cc7107] .p-checkbox-icon {
  width: 12px;
  height: 12px;
}

/* Frozen column shadow styling */
.base-report-table[data-v-16cc7107] .p-datatable-thead > tr > th.p-frozen-column {
  box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.15) !important;
}
.base-report-table[data-v-16cc7107] .p-datatable-tbody > tr > td.p-frozen-column {
  box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.15) !important;
}
[data-v-16cc7107] .p-datatable-frozen-column{
  z-index: 50 !important;
}
[data-v-16cc7107] .p-datatable-thead{
  z-index: 999 !important;
}
[data-v-16cc7107] .column-toggle-button{ 
  height: 39px !important;
}

/* Left frozen column - shadow on right side only */
[data-v-16cc7107] .p-datatable-frozen-column:nth-child(1){
  /* box-shadow: 4px 0px 12px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 4px 0px 12px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 4px 0px 12px 0px rgba(0,0,0,0.15); */
}
.base-report-table[data-v-16cc7107] .column-toggle-control .p-button {
  height: 40px !important;
}
.base-report-table[data-v-16cc7107] .column-toggle-button .p-button-icon {
  font-size: 16px !important;
}

/* Row Group Header Styling - Reusable across all tables with row grouping */
[data-v-16cc7107] .p-datatable .p-rowgroup-header {
  background: var(--p-surface-50, #f8f9fa);
  border-left: 3px solid var(--p-primary-color, #3b82f6);
  transition: background-color 0.2s ease;
  position: relative;
  z-index: 60 !important; /* Higher than frozen columns (50) but lower than thead (999) */
}
[data-v-16cc7107] .p-datatable .p-rowgroup-header:hover {
  background: var(--p-surface-100, #e9ecef);
}

/* Ensure row group header cell takes full width */
[data-v-16cc7107] .p-datatable .p-rowgroup-header td {
  padding: 0 !important;
  position: relative;
  z-index: 60 !important; /* Higher than frozen columns (50) but lower than thead (999) */
}

/* Ensure the first cell in row group header displays properly */
[data-v-16cc7107] .p-datatable .p-rowgroup-header td:first-child {
  box-sizing: border-box;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
}

/* Hide other cells in row group header if they exist (PrimeVue should only create one cell) */
[data-v-16cc7107] .p-datatable .p-rowgroup-header td:not(:first-child) {
  display: none !important;
}

/* Position toggle button inline with content */
[data-v-16cc7107] .p-datatable .p-rowgroup-header .p-row-toggler {
  margin-right: 0.5rem;
  color: var(--p-primary-color, #3b82f6);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* Make the toggle button smaller and inline */
[data-v-16cc7107] .p-datatable .p-rowgroup-header .p-row-toggler .p-datatable-row-toggle-button {
  width: auto !important;
  height: auto !important;
  padding: 0.25rem !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}
[data-v-16cc7107] .p-datatable .p-rowgroup-header .p-row-toggler .p-datatable-row-toggle-icon {
  width: 14px !important;
  height: 14px !important;
}

/* Hide row group footer rows - typically not needed */
[data-v-16cc7107] .p-datatable .p-rowgroup-footer {
  display: none !important;
}
[data-v-16cc7107] .p-datatable-row-group-footer {
  display: none;
}

/* Prevent internal scrolling within expanded row groups */
[data-v-16cc7107] .p-datatable .p-rowgroup-header + tr,[data-v-16cc7107] .p-datatable .p-rowgroup-header ~ tr:not(.p-rowgroup-header) {
  overflow: visible !important;
}

/* Ensure expanded row group content doesn't create scroll containers */
[data-v-16cc7107] .p-datatable .p-datatable-tbody .p-rowgroup-header ~ tr {
  overflow: visible !important;
  position: relative !important;
}

/* Prevent scrollable body from creating nested scroll in row groups */
[data-v-16cc7107] .p-datatable-scrollable-body .p-rowgroup-header,[data-v-16cc7107] .p-datatable-scrollable-body .p-rowgroup-header ~ tr {
  overflow: visible !important;
}
[data-v-16cc7107] .p-datatable-row-group-header{
  z-index: 102 !important;
  position: relative;
  background: #D7D7D775 !important;
}
[data-v-16cc7107] td.p-datatable-frozen-column::before {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  background: #fff;
  content: "";
  height: 20px;
  z-index: 100;
}
[data-v-16cc7107] td.p-datatable-frozen-column {
  position: sticky;
  z-index: 1;
  box-shadow: 4px 12px 12px 0px rgba(0,0,0,0.15);
  border-left: 0px;
  border-top-left-radius: 0px !important;
  border-top: 0px solid transparent !important;
}
[data-v-16cc7107] td.p-datatable-selectable-row:nth-child(1) .p-datatable-frozen-column {
  position: relative;
  z-index: 1;
  box-shadow: 4px 12px 12px 0px rgba(0,0,0,0.15);
  border-left: 0px;
  border-top-left-radius: 0px !important;
  border-top: 0px solid transparent !important;
}
[data-v-16cc7107] .p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover {
  background:#EFEFF4 !important;
  color:var(--p-datatable-row-hover-color);
}
[data-v-16cc7107] .p-datatable-column-header-content{
  justify-content: space-between !important;
}
[data-v-16cc7107] .rowgroupheadercell{
  width: 100% !important;
}
[data-v-16cc7107] .admin-header-container{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/* Shared Search Panel Styles */
.organism-search-panel {
  background: #ffffff;
  margin: 0;
  position: relative;
}
.search-panel__title {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 72.727% */
}
.search-panel__content {
  background: linear-gradient(180deg, #ffffff 0%, #eeeef4 100%);
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  margin: 0;
  display: block;
  flex-direction: column;
  gap: 13px;
  max-height: none;
  min-height: unset;
  position: relative;
  justify-content: center;
}
.filter-container {
  width: 100%;
}
.search-panel__filters {
  margin-bottom: 15px;
}
/* Filters */
.search-panel__filters .filter-label {
  color: #4a4f55;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
}
/* Filter Form Styles */
.search-panel__filters .filter-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
}
.search-panel__filters .filter-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 50%;
}
/* Actions */
.search-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.search-panel__actions-default {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}
.search-panel__actions-custom {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
/* Remove bottom border from last section */
.search-panel__filters:last-child,
.search-panel__actions:last-child,
.search-panel__results:last-child {
  border-bottom: none;
}
.search-panel__header{
  margin-top: 1rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.search-panel__header,
  .search-panel__filters,
  .search-panel__results {
    padding: 1rem;
}
.search-panel__actions {
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
}
.search-panel__title {
    font-size: 1.125rem;
}
}
/* Container for consistent alignment across all sections */
.container {
  margin: 0 auto;
  padding: 0 24px;
}
/* Responsive container adjustments */
@media (max-width: 1440px) {
.container {
    padding: 0 16px;
}
}
@media (max-width: 768px) {
.container {
    padding: 0 12px;
}
}
.search-panel__actions_multi {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
.search-panel__accordion {
  margin-bottom: 15px;
}
.search-panel__accordion .accordion-header-text {
  font-weight: 600;
  font-size: 14px;
  color: #4a4f55;
}
.search-panel__description {
  margin-bottom: 30px;
}
.search-panel__description-text {
  color: #51565C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  align-self: stretch;
  margin: 0;
}
.search-panel__content-slot {
  margin-bottom: 30px;
}
/* Shared Search Panel Styles */
.organism-search-panel {
  background: #ffffff;
  margin: 0;
  position: relative;
}
.search-panel__title {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 72.727% */
}
.search-panel__content {
  background: linear-gradient(180deg, #ffffff 0%, #eeeef4 100%);
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  margin: 0;
  display: block;
  flex-direction: column;
  gap: 13px;
  max-height: none;
  min-height: unset;
  position: relative;
  justify-content: center;
}
.filter-container {
  width: 100%;
}
.search-panel__filters {
  margin-bottom: 15px;
}
/* Filters */
.search-panel__filters .filter-label {
  color: #4a4f55;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
}
/* Filter Form Styles */
.search-panel__filters .filter-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
}
.search-panel__filters .filter-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 50%;
}
/* Actions */
.search-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.search-panel__actions-default {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
}
.search-panel__actions-custom {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
/* Remove bottom border from last section */
.search-panel__filters:last-child,
.search-panel__actions:last-child,
.search-panel__results:last-child {
  border-bottom: none;
}
.search-panel__header{
  margin-top: 1rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.search-panel__header,
  .search-panel__filters,
  .search-panel__results {
    padding: 1rem;
}
.search-panel__actions {
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
}
.search-panel__title {
    font-size: 1.125rem;
}
}
/* Container for consistent alignment across all sections */
.container {
  margin: 0 auto;
  padding: 0 24px;
}
/* Responsive container adjustments */
@media (max-width: 1440px) {
.container {
    padding: 0 16px;
}
}
@media (max-width: 768px) {
.container {
    padding: 0 12px;
}
}
:root {
  --filter-row-gap: 1rem;
  --filter-row-margin-top: 10px;
  --filter-min-width: 200px;
  --filter-min-width-tablet: 180px;
  --filter-min-width-desktop: 220px;
}
.single_filter-container .filter-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--filter-min-width), 1fr));
  gap: var(--filter-row-gap);
  align-items: center;
  margin-top: var(--filter-row-margin-top);
}
/* Responsive grid adjustments */
@media (max-width: 768px) {
.single_filter-container .filter-row {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.single_filter-container .filter-row {
    grid-template-columns: repeat(auto-fit, minmax(var(--filter-min-width-tablet), 1fr));
}
}
@media (min-width: 1025px) {
.single_filter-container .filter-row {
    grid-template-columns: repeat(auto-fit, minmax(var(--filter-min-width-desktop), 1fr));
}
}
.single_filter-container .filter-field {
  width: 100%;
}
.single_filter-container .search-panel__export {
  display: flex;
  justify-content: flex-end;
}
.search-panel__actions_single {
  margin-bottom: 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}
/* Shared Form Panel Styles - Consistent with SearchPanel */
.organism-form-panel {
  background: #ffffff;
  margin: 0;
  position: relative;
}
.form-panel__title {
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 72.727% */
}
.form-panel__content {
  background: linear-gradient(180deg, #ffffff 0%, #eeeef4 100%);
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  margin: 0;
  display: block;
  flex-direction: column;
  gap: 13px;
  max-height: none;
  min-height: unset;
  position: relative;
  justify-content: center;
}
.form-panel__header {
  margin-top: 1rem;
}
/* Description Section */
.form-panel__description {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 15px;
  width: 100%;
}
.form-panel__description-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 33px;
  flex-shrink: 0;
}
.form-panel__description-icon img {
  display: block;
  width: 20px;
  height: 28px;
}
.form-panel__description-text {
  flex: 1;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #51565C;
}
/* Sample Data Section */
.form-panel__sample-data {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #90caf9;
}
.form-panel__sample-data-label {
  font-weight: 600;
  font-size: 14px;
  color: #51565C;
  margin-bottom: 8px;
}
.form-panel__sample-data-content {
  font-size: 13px;
  line-height: 1.6;
  color: #51565C;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 8px;
  border-radius: 4px;
}
/* Content Section */
.form-panel__content-section {
  margin-bottom: 15px;
}
/* Filter Form Styles - Same as SearchPanel */
.form-panel__content-section .filter-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
}
.form-panel__content-section .filter-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.form-panel__content-section .filter-label {
  color: #51565C;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
}
.form-panel__content-section .form-help-text {
  font-size: 12px;
  color: #6e7277;
  margin-top: -4px;
}
/* Actions */
.form-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-panel__actions-custom {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
/* Results Section */
.form-panel__results {
  margin-top: 20px;
}
/* Container for consistent alignment across all sections */
.container {
  margin: 0 auto;
  padding: 0 24px;
}
/* Responsive container adjustments */
@media (max-width: 1440px) {
.container {
    padding: 0 16px;
}
}
@media (max-width: 768px) {
.container {
    padding: 0 12px;
}
.form-panel__description,
  .form-panel__selection,
  .form-panel__results {
    padding: 1rem;
}
.form-panel__description {
    flex-direction: column;
    gap: 12px;
}
.form-panel__description-icon {
    align-self: flex-start;
}
.form-panel__description-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.form-panel__actions {
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
}
.form-panel__title {
    font-size: 1.125rem;
}
.form-panel__form-content {
    gap: 20px;
}
.form-panel__form-label {
    font-size: 13px;
}
}

.datetime-stack[data-v-087be346] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.25;
}
.datetime-stack--align-end[data-v-087be346] {
  align-items: flex-end;
  text-align: right;
}
.datetime-stack__line[data-v-087be346] {
  display: block;
}
.datetime-stack--empty[data-v-087be346] {
  color: var(--go-text-muted, #6b7280);
}

.gpas-dialog-content[data-v-e32506d9] {
  padding: 0.25rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 120px;
}
.gpas-loading[data-v-e32506d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
  color: var(--p-surface-600);
}
.gpas-loading-text[data-v-e32506d9] {
  margin: 0;
  font-size: 0.875rem;
}
.gpas-error[data-v-e32506d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background: var(--p-red-50);
  color: var(--p-red-800);
  font-size: 0.875rem;
}
.gpas-error .pi[data-v-e32506d9] {
  margin-top: 0.125rem;
  flex-shrink: 0;
}
.gpas-narrative-panel[data-v-e32506d9] {
  padding: 1rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #eff6ff, #eef2ff);
  border: 1px solid #bfdbfe;
  margin-bottom: 0.5rem;
}
.gpas-narrative-label[data-v-e32506d9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1d4ed8;
  margin-bottom: 0.5rem;
}
.gpas-narrative-text[data-v-e32506d9] {
  font-size: 0.875rem;
  line-height: 1.625;
  color: var(--p-surface-700);
  white-space: pre-line;
}
.gpas-scroll[data-v-e32506d9] .p-scrollpanel-content {
  padding-bottom: 0.5rem;
}
.gpas-accordion-header[data-v-e32506d9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 0.5rem;
  gap: 0.5rem;
}
.gpas-grant-title[data-v-e32506d9] {
  font-weight: 600;
  text-align: left;
}
.gpas-grant-body[data-v-e32506d9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.gpas-section-title[data-v-e32506d9] {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--p-surface-800);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.gpas-criteria-block[data-v-e32506d9] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--p-surface-100);
  background-color: var(--p-surface-0);
  font-size: 0.8125rem;
  margin-bottom: 0.5rem;
}
.gpas-criteria-text[data-v-e32506d9] {
  margin: 0 0 0.375rem;
  line-height: 1.5;
  color: var(--p-surface-800);
}
.gpas-ref-row[data-v-e32506d9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.375rem;
}
.gpas-subtracks[data-v-e32506d9] {
  margin: 0.25rem 0 0;
  padding-left: 1.25rem;
  color: var(--p-surface-600);
  line-height: 1.45;
}
.gpas-subtracks--nested[data-v-e32506d9] {
  margin-top: 0.25rem;
}
.gpas-conditional-wrap[data-v-e32506d9] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed var(--p-surface-200);
}
.gpas-conditional-track[data-v-e32506d9] {
  margin: 0 0 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--p-primary-700);
}
.gpas-empty[data-v-e32506d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  text-align: center;
  color: var(--p-surface-500);
  font-size: 0.875rem;
}
.gpas-empty .pi[data-v-e32506d9] {
  font-size: 1.5rem;
}

.grant-opportunities-page[data-v-ef9ed7e4] {
  --go-bg: #f5f5f7;
  --go-card-bg: #ffffff;
  --go-card-border: #e5e5e7;
  --go-input-border: #d2d2d7;
  --go-text-primary: #1d1d1f;
  --go-text-muted: #86868b;
  --go-link: #0066cc;
  --go-search-btn: #2c3e50;
  --go-doc-bg: #e8f4fd;
  /* Eligibility CTA — Figma-style aquamarine (chunky rounded rect, not footer strip) */
  --go-eligibility-btn: #3ec9b5;
  --go-eligibility-btn-hover: #34b0a0;

  padding: 32px;
  background: var(--go-bg);
  min-height: 100%;
  font-family: 'Source Sans 3', sans-serif;
}
.grant-opportunities-page[data-v-ef9ed7e4] > * {
  max-width: 1336px;
  margin-left: auto;
  margin-right: auto;
}
.page-heading[data-v-ef9ed7e4] {
  margin-bottom: 6px;
}
.page-title[data-v-ef9ed7e4] {
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--go-text-primary);
}
.filter-row[data-v-ef9ed7e4] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.filter-field[data-v-ef9ed7e4] {
  flex: 1;
  min-width: 280px;
}
.filter-label[data-v-ef9ed7e4] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--go-text-muted);
}
.table-container[data-v-ef9ed7e4] {
  margin-top: 1rem;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__content {
  border: 1px solid var(--go-card-border);
  border-radius: 10px;
  background: var(--go-card-bg);
}
.grant-search-panel[data-v-ef9ed7e4],
.grant-search-panel[data-v-ef9ed7e4] .organism-search-panel {
  background: transparent !important;
  border-radius: 10px;
  overflow: hidden;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__content {
  padding: 25px 25px 1px;
}

/* Results: page bg; no top/left/right outline (Figma-style flush with page) */
.grant-search-panel[data-v-ef9ed7e4] .search-panel__results {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0 0 10px 10px;
  background: var(--go-bg);
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
}
.grant-search-panel--no-filter-bar[data-v-ef9ed7e4] .search-panel__content {
  display: none !important;
}
.grant-search-panel--no-filter-bar[data-v-ef9ed7e4] .search-panel__results {
  margin-top: 0 !important;
  border-radius: 0 0 10px 10px;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__actions_multi {
  gap: 12px;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__actions .base-button.p-button {
  border-radius: 8px;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__actions .search-button.p-button {
  background: var(--go-search-btn);
  border-color: var(--go-search-btn);
}
.grant-search-panel[data-v-ef9ed7e4] .filter-field .p-select {
  border-color: var(--go-input-border);
  border-radius: 8px;
  min-height: 44px;
  box-shadow: none;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__actions .p-button {
  height: 44px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}
.grant-search-panel[data-v-ef9ed7e4] .search-panel__actions .reset-button.p-button {
  border-color: var(--go-input-border);
  color: var(--go-text-primary);
  background: #fff;
}
.grant-table[data-v-ef9ed7e4] .table-header {
  padding: 0;
}

/* Toolbar (Show / Entries / Search): same background as page — overrides shared transparent header */
.grant-table[data-v-ef9ed7e4] .p-datatable-header {
  background: var(--go-bg) !important;
  border: none !important;
}

/* Flush thead to card top: BaseReportTable’s vertical border-spacing otherwise leaves a gap above the header row. */
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-table {
  border-spacing: 0 !important;
}
.grant-table[data-v-ef9ed7e4] .page-size-label,
.grant-table[data-v-ef9ed7e4] .page-info-text,
.grant-table[data-v-ef9ed7e4] .global-filter label {
  color: var(--go-text-muted);
  font-size: 14px;
  line-height: 1.5;
}
.grant-table[data-v-ef9ed7e4] .global-filter .p-inputtext {
  border-radius: 8px;
  border-color: var(--go-input-border);
  min-height: 36px;
}

/* Figma header row: very light gray, bold labels, no vertical rules, one hairline under header */
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1d1d1f !important;
  background: #f8f9fa !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid #e5e5e7 !important;
  padding: 14px 20px !important;
  white-space: normal !important;
  vertical-align: middle !important;
  border-radius: 0 !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th:first-child,
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th:last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th .p-datatable-column-title {
  font-weight: 700 !important;
  color: #1d1d1f !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th .sort-icons .pi,
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th .p-sortable-column-icon {
  color: #6e7277 !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th.p-sortable-column.p-highlight .sort-icons .pi,
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-thead > tr > th.p-datatable-column-sorted .sort-icons .pi {
  color: #1d1d1f !important;
}
.grant-table[data-v-ef9ed7e4] .p-datatable-tbody > tr > td {
  font-size: 14px;
  line-height: 1.5;
  color: var(--go-text-primary);
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid var(--go-card-border) !important;
  padding: 9px 14px !important;
  min-height: 56px;
  border-radius: 0 !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-tbody > tr > td:first-child,
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-tbody > tr > td:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.grant-table[data-v-ef9ed7e4] .p-datatable-table-container {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--go-card-border) !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-tbody > tr {
  background: #fff;
  border-radius: 0 !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-tbody > tr:last-child {
  border-bottom: none !important;
}
.grant-table.base-report-table[data-v-ef9ed7e4] .p-datatable-tbody > tr:last-child > td {
  border-bottom: none !important;
}
.grant-table[data-v-ef9ed7e4] .p-datatable-paginator-bottom {
  border: none !important;
  margin-top: 4px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background: var(--go-bg);
}
.grant-table[data-v-ef9ed7e4] .p-paginator {
  min-height: 34px;
  padding: 2px 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.grant-table[data-v-ef9ed7e4] .p-paginator .p-paginator-page,
.grant-table[data-v-ef9ed7e4] .p-paginator .p-paginator-first,
.grant-table[data-v-ef9ed7e4] .p-paginator .p-paginator-prev,
.grant-table[data-v-ef9ed7e4] .p-paginator .p-paginator-next,
.grant-table[data-v-ef9ed7e4] .p-paginator .p-paginator-last {
  min-width: 28px !important;
  height: 28px !important;
}
.grant-table[data-v-ef9ed7e4] .p-paginator-current {
  font-size: 13px !important;
  line-height: 1.45 !important;
  padding: 2px 0 !important;
}
.grant-table[data-v-ef9ed7e4] .p-paginator-content {
  margin: 0 !important;
}
.grant-table[data-v-ef9ed7e4] .page-info,
.grant-table[data-v-ef9ed7e4] .page-size-label,
.grant-table[data-v-ef9ed7e4] .page-info-text,
.grant-table[data-v-ef9ed7e4] .global-filter label {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.grant-table[data-v-ef9ed7e4] .page-size-control .p-select {
  min-height: 36px;
  border-radius: 8px;
  border-color: var(--go-input-border);
  box-shadow: none;
}
.grant-table[data-v-ef9ed7e4] .base-report-table,
.grant-table[data-v-ef9ed7e4] .p-datatable,
.grant-table[data-v-ef9ed7e4] .p-datatable-wrapper {
  border-radius: 10px;
  overflow: hidden;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Grant Maker Cell */
.grant-maker-cell[data-v-ef9ed7e4] {
  display: flex;
  align-items: center;
}
.grant-maker-link[data-v-ef9ed7e4] {
  color: var(--go-link);
  text-decoration: none;
}
.grant-maker-link[data-v-ef9ed7e4]:hover {
  text-decoration: underline;
}

/* Program Name Cell */
.program-name-cell[data-v-ef9ed7e4] {
  display: flex;
  align-items: center;
}
.program-link[data-v-ef9ed7e4] {
  color: var(--go-link);
  text-decoration: none;
}
.program-link[data-v-ef9ed7e4]:hover {
  text-decoration: underline;
}

/* Deadline Cell */
.deadline-cell[data-v-ef9ed7e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  white-space: normal;
  max-width: 100%;
}
.rolling-deadline[data-v-ef9ed7e4] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--go-text-muted);
}
.info-icon[data-v-ef9ed7e4] {
  cursor: help;
  color: var(--go-link);
  font-size: 0.875rem;
}
.no-deadline[data-v-ef9ed7e4] {
  color: var(--go-text-muted);
}

/* Contact Cell */
.contact-cell[data-v-ef9ed7e4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact-name[data-v-ef9ed7e4] {
  font-weight: 500;
  color: var(--go-text-primary);
}
.contact-email a[data-v-ef9ed7e4] {
  color: var(--go-link);
  text-decoration: none;
  font-size: 13px;
}
.contact-email a[data-v-ef9ed7e4]:hover {
  text-decoration: underline;
}
.no-contact[data-v-ef9ed7e4] {
  color: var(--go-text-muted);
}

/* Documents Cell */
.documents-cell[data-v-ef9ed7e4] {
  display: flex;
  justify-content: center;
}
.document-links[data-v-ef9ed7e4] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.grant-table[data-v-ef9ed7e4] td.text-right .documents-cell,
.grant-table[data-v-ef9ed7e4] td.text-right .document-links {
  justify-content: flex-end;
}
.document-link[data-v-ef9ed7e4] {
  min-height: 28px;
  min-width: 60px;
  padding: 4px 10px;
  background-color: var(--go-doc-bg);
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: var(--go-link);
  transition: background-color 0.2s;
}
.document-link[data-v-ef9ed7e4]:hover {
  background-color: #d9ecfb;
}
.no-documents[data-v-ef9ed7e4] {
  color: var(--go-text-muted);
}

/* Icon-only document-style control (e.g. grant summary eye) — same base as .document-link */
.document-link--icon-only[data-v-ef9ed7e4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: var(--go-link);
}
.document-link--icon-only .pi[data-v-ef9ed7e4] {
  font-size: 14px;
  line-height: 1;
  color: var(--go-link);
}

/* Eligibility column — last data column on this page */
.grant-table[data-v-ef9ed7e4] .p-datatable-tbody > tr > td:last-child {
  vertical-align: middle;
}
.eligibility-cell[data-v-ef9ed7e4] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 6px 10px;
}

/* Figma-style: large rounded rectangle (not pill), fills column, tall two-line label */
.grant-table[data-v-ef9ed7e4] .grant-eligibility-btn.p-button {
  background: var(--go-eligibility-btn) !important;
  border-color: var(--go-eligibility-btn) !important;
  color: #ffffff !important;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  min-height: 3.75rem;
  height: auto !important;
  padding: 0.85rem 1rem !important;
  line-height: 1.3;
  box-sizing: border-box;
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  white-space: normal;
  text-align: center;
  overflow-wrap: break-word;
}
.grant-table[data-v-ef9ed7e4] .grant-eligibility-btn.p-button:not(:disabled):hover {
  background: var(--go-eligibility-btn-hover) !important;
  border-color: var(--go-eligibility-btn-hover) !important;
  color: #ffffff !important;
}
.grant-table[data-v-ef9ed7e4] .grant-eligibility-btn.p-button .p-button-label {
  color: #ffffff !important;
  white-space: normal !important;
  line-height: 1.3 !important;
  text-align: center;
  width: 100%;
}

/* Action Cell */
.action-cell[data-v-ef9ed7e4] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grant-table[data-v-ef9ed7e4] td.text-right .action-cell {
  justify-content: flex-end;
}
.program-not-open[data-v-ef9ed7e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  color: var(--go-text-muted);
  font-size: 14px;
  text-align: center;
}
.program-opens-label[data-v-ef9ed7e4] {
  display: block;
  line-height: 1.25;
}
.grant-table[data-v-ef9ed7e4] td.text-right .program-not-open {
  align-items: flex-end;
  text-align: right;
  width: 100%;
}
.no-action[data-v-ef9ed7e4] {
  color: var(--go-text-muted);
}
.sso-action[data-v-ef9ed7e4] {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
.grant-opportunities-page[data-v-ef9ed7e4] {
    padding: 16px;
}
.page-title[data-v-ef9ed7e4] {
    font-size: 24px;
}
}

.no-access-container[data-v-e107a4f3] {
  display: flex;
  justify-content: center;
  align-items: center;
  /* Removed min-height: 100vh to prevent infinite height growth in iframe */
  min-height: 400px;
  background-color: #f8f9fa;
  padding: 2rem;
}
.no-access-content[data-v-e107a4f3] {
  max-width: 400px;
  text-align: center;
  background: white;
  padding: 3rem 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}