@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');@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap');
.loader[data-v-0d4b4eca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  min-height: 200px;
}
.loading-spinner[data-v-0d4b4eca] {
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 1rem;
  object-fit: contain;
  display: block;
}
.loading-message[data-v-0d4b4eca] {
  margin: 0;
  margin-top: 0.5rem;
  color: #4A4F55;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@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";
}
/* Global document reset - remove browser default margins/padding */
html,
body {
  margin: 0;
  padding: 0;
}

/* Global scrollbar styling — applied to every scrollable element */
* {
  scrollbar-width: thin;
  scrollbar-color: #DADFE8 transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #DADFE8;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #b8bfcc;
}
/**
 * Global page chrome — Figma 9263:73067 (title + optional subtitle) — import from shell + module mains.
 * Do not use `.page-header` for app site chrome (e.g. login top bar); use a page-specific class instead.
 */

:root {
  /* Page masthead — matches SearchPanel / report title row */
  --page-title-font-family: 'Nunito Sans', sans-serif;

  /*
   * Report page horizontal axis — title, filter card, and results share one stack.
   * Shell `main.app-main` supplies outer gutter (--pc-report-page-margin-inline-desktop); organism uses full remaining width (no capped column).
   * Optional legacy cap — not applied on SearchPanel `.organism-search-panel__page-column` so wide viewports avoid huge side margins (9263:73399).
   */
  --pc-report-content-max-width: 1376px;
  /** Inner padding inside white filter accordion/cards — Figma 9263:73166 */
  --pc-report-accordion-inner-padding: 20px;
  /** Extra gutter at organism boundary (keep 0; shell owns inset) */
  --pc-report-page-inline: 0;

  /** Shell `<main>` horizontal padding — aligns with accordion inner inset token (~20) */
  --pc-report-page-margin-inline-desktop: 20px;
  --pc-report-page-margin-inline-max-1440: 16px;
  --pc-report-page-margin-inline-max-768: 12px;

  /**
   * Standalone `.container` horizontal inset (historic SearchPanel + FormPanel).
   * Search report paths prefer shell `app-main` + organism column only — do not nest both.
   */
  --pc-container-padding-inline-desktop: 20px;
  --pc-container-padding-inline-max-1440: 16px;
  --pc-container-padding-inline-max-768: 12px;
  --page-title-font-size: 22px;
  --page-title-font-weight: 700;
  --page-title-line-height: 16px;
  --page-title-color: #000000;
  --page-subtitle-font-size: 14px;
  --page-subtitle-font-weight: 600;
  --page-subtitle-line-height: 1.29;
  --page-subtitle-color: #4a4f55;
  --page-header-gap-title-subtitle: 8px;
  --page-header-margin-bottom: 20px;

  /** Shell sticky-layer heights — used to cascade top offsets down the sticky chain */
  --shell-header-height: 90px;
  --shell-nav-height: 46px;
  --profile-tab-bar-height: 46px;
  /** Pre-computed cumulative offsets */
  --sticky-below-header: var(--shell-header-height);
  --sticky-below-nav: calc(var(--shell-header-height) + var(--shell-nav-height));
  --sticky-below-tab-bar: calc(var(--shell-header-height) + var(--shell-nav-height) + var(--profile-tab-bar-height));
}

.page-header {
  margin-bottom: var(--page-header-margin-bottom);
}

.page-header .page-title,
.page-header h1 {
  font-family: var(--page-title-font-family);
  font-weight: var(--page-title-font-weight);
  font-size: var(--page-title-font-size);
  line-height: var(--page-title-line-height);
  color: var(--page-title-color);
  margin: 0;
}

.page-header .page-subtitle,
.page-header p.page-subtitle {
  font-family: var(--page-title-font-family);
  font-size: var(--page-subtitle-font-size);
  font-weight: var(--page-subtitle-font-weight);
  line-height: var(--page-subtitle-line-height);
  color: var(--page-subtitle-color);
  margin: var(--page-header-gap-title-subtitle) 0 0;
}

/* Search / report pages: title + optional subtitle stack before filter card (9263:73067) */
.page-header.page-header--report {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--page-header-margin-bottom);
}

.page-header.page-header--report .page-title {
  margin-bottom: 0;
}

/* Title row inside dense vertical stacks / wizard cards (no extra margin under title block) */
.page-header.page-header--stacked {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 0;
}

/* Optional: title block + actions on one row (e.g. export) */
.page-header.page-header--with-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.page-header__toolbar-main {
  flex: 1;
  min-width: 0;
}

.page-header__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .page-header.page-header--with-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
}

.page-header__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

/* Section title with extra separation before cards (reviewer dashboard) */
.page-header.page-header--spacious {
  margin-bottom: 40px;
  padding: 10px 0;
}

@media (max-width: 768px) {
  .page-header .page-title,
  .page-header h1 {
    font-size: 18px;
    line-height: 1.2;
  }

  .page-header .page-subtitle {
    font-size: 13px;
  }
}
/**
 * Shared surface tokens + utility — matches SearchPanel white filter card (Figma report chrome).
 * Import from shell / module mains. Prefer `.pc-surface-card` on markup instead of re-declaring border/shadow in scoped CSS.
 */
:root {
  --pc-surface-card-border: 1px solid #dadfe8;
  --pc-surface-card-radius: 12px;
  --pc-surface-card-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);

  /* Profile page color tokens */
  --color-page-bg: #f2f4f7;
  --color-border: #e7e7e7;
  --color-text-dark: #252525;
  --color-text-secondary: #51565c;
  --color-section-title: #000;

  /* Brand / primary tokens */
  --pc-brand-primary: #001e62;

  /* Surface / neutral tokens */
  --pc-surface-header: #f5f5f5;
  --pc-surface-subtle: #fafafa;
  --pc-text-muted: #555555;

  /* Info / status tokens (maps to colors.primary palette) */
  --pc-info-bg: #e3f2fd;
  --pc-info-border: #90caf9;
  --pc-info-text: #1565c0;
  --pc-table-hover: #f0f4ff;

  /* Border-radius tokens (mirrors borderRadius design tokens) */
  --pc-radius-sm: 4px;
  --pc-radius-md: 8px;
  --pc-radius-lg: 12px;
}

.pc-surface-card {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  box-sizing: border-box;
}

.pc-surface-card--radius-sm {
  border-radius: 8px;
}

/* Figma Footer Styles */
.figma-footer[data-v-d0329657] {
  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%;
  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-d0329657] {
  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-d0329657] {
  color: #001E62;
  text-decoration: underline;
  margin: 0 4px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.figma-footer-text a[data-v-d0329657]:hover {
  opacity: 0.8;
}
.figma-footer-text a[data-v-d0329657]:focus {
  outline: 2px solid #001E62;
  outline-offset: 2px;
  border-radius: 2px;
}

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

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

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

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

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

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

/* Figma Header Styles */
.figma-header[data-v-0e18e7f9] {
  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: visible;
  box-sizing: border-box;
}

/* Header Columns */
.header-left[data-v-0e18e7f9] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  margin-left: -24px;
  padding-left: 24px;
}
.header-middle[data-v-0e18e7f9] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  overflow: hidden;
}
.header-right[data-v-0e18e7f9] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 47px;
  min-width: 0;
  overflow: visible;
  margin-right: -24px;
  padding-right: 24px;
}
.grant-maker-logo-container[data-v-0e18e7f9] {
  max-width: 240px;
  max-height: 72px;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.grant-maker-logo-container .grant-maker-logo-link[data-v-0e18e7f9] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  max-width: 100%;
  max-height: 72px;
}
.grant-maker-logo[data-v-0e18e7f9] {
  max-width: 100%;
  max-height: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.proposal-central-logo-container[data-v-0e18e7f9] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.proposal-central-logo[data-v-0e18e7f9] {
  height: 38px;
  width: 249.71px;
  display: block;
}
.figma-header--no-gm-logo[data-v-0e18e7f9] {
  grid-template-columns: 1fr auto;
}
.figma-user-settings-dropdown[data-v-0e18e7f9] {
  position: relative;
  flex-shrink: 0;
}
.figma-settings-menu[data-v-0e18e7f9] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dbdcdc;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 1000;
}
.figma-settings-btn[data-v-0e18e7f9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(74, 79, 85, 0.1);
  color: #001e62;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
}
.figma-settings-btn[data-v-0e18e7f9]:hover {
  background: rgba(74, 79, 85, 0.16);
}
.figma-settings-icon[data-v-0e18e7f9] {
  width: 14px;
  height: 14px;
  display: block;
}
.usersetting-header-item[data-v-0e18e7f9] {
  list-style: none;
}
.usersetting-header[data-v-0e18e7f9] {
  padding: 8px 16px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #4a4f55;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.figma-settings-option[data-v-0e18e7f9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: transparent;
  text-align: left;
  font-size: 14px;
  color: #001e62;
  cursor: pointer;
}
.figma-settings-option[data-v-0e18e7f9]:hover {
  background: #f7f7f7;
}
.figma-settings-radio[data-v-0e18e7f9] {
  margin: 0;
  flex-shrink: 0;
  pointer-events: none;
}
.figma-user-profile[data-v-0e18e7f9] {
  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-0e18e7f9] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.figma-user-name[data-v-0e18e7f9] {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #4a4f55;
  white-space: nowrap;
  cursor: pointer;
}
.figma-impersonation-indicator[data-v-0e18e7f9] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  font-size: 12px;
  line-height: 1.2;
}
.impersonation-text[data-v-0e18e7f9] {

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

  font-weight: 400;
  color: #991b1b;
  font-style: italic;
}
.figma-user-avatar[data-v-0e18e7f9] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.figma-stop-impersonation-link[data-v-0e18e7f9] {
  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-0e18e7f9]:active {
  color: #636363;
}
.figma-logout-btn[data-v-0e18e7f9] {
  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-0e18e7f9]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  transform: scale(1.05);
}
.figma-logout-btn[data-v-0e18e7f9]:active {
  transform: scale(0.95);
}

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

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

/* High contrast mode */
@media (prefers-contrast: high) {
.figma-stop-impersonation-link[data-v-0e18e7f9] {
    text-decoration: underline;
}
.figma-logout-btn[data-v-0e18e7f9] {
    border-width: 2px;
}
}

.applicant-nav[data-v-e53447ed] {
  background: #001e62;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  box-sizing: border-box;
}
.applicant-nav__list[data-v-e53447ed] {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.applicant-nav__item[data-v-e53447ed] {
  display: flex;
  align-items: center;
  height: 100%;
}
.applicant-nav__link[data-v-e53447ed] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 10px 16px;
  border-radius: 23px;
  white-space: nowrap;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
  display: flex;
  align-items: center;
}
.applicant-nav__link[data-v-e53447ed]:hover {
  background: rgba(255, 255, 255, 0.12);
}
.applicant-nav__link--active[data-v-e53447ed] {
  height: 36px;
  background: #2cd5c4;
  color: #001e62;
  font-weight: 700;
}
.applicant-nav__link--active[data-v-e53447ed]:hover {
  background: #2cd5c4;
  color: #001e62;
}

/* ── Override PrimeVue button styles for nav items ─────────────────────────── */
/* BaseButton(text) defaults to the primary color (#001e62) which is invisible  */
/* on the dark-blue nav background. Strip all PrimeVue decoration and rely on   */
/* the wrapper div for padding, border-radius, hover, and active styles.        */
.applicant-nav__link[data-v-e53447ed] .p-button.p-button-text {
  color: #fff;
  background: transparent;
  border: none;
  padding: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
}
.applicant-nav__link[data-v-e53447ed] .p-button.p-button-text:hover,
.applicant-nav__link[data-v-e53447ed] .p-button.p-button-text:focus-visible {
  background: transparent;
  color: #fff;
  box-shadow: none;
}

/* Active item — teal background, navy text */
.applicant-nav__link--active[data-v-e53447ed] .p-button.p-button-text,
.applicant-nav__link--active[data-v-e53447ed] .p-button.p-button-text:hover,
.applicant-nav__link--active[data-v-e53447ed] .p-button.p-button-text:focus-visible {
  color: #001e62;
  background: transparent;
  font-weight: 700;
  box-shadow: none;
}

.primevue-navigation[data-v-2d62c2c9] {
  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-2d62c2c9] .custom-menubar {
  border: none;
  border-radius: 0;
  background: transparent;
}
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) {
  padding-left: 0;
  padding-right: 0;
}
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list {
  flex-wrap: nowrap;
  white-space: nowrap;
  /* overflow must be visible on both axes so submenus can escape the menubar.
     Using overflow-x: auto here (even with overflow-y: visible) silently
     promotes both axes to 'auto', which clips submenu panels when a
     top-level item is near the right edge. The 1300px mobile breakpoint
     already guarantees all items fit without scrolling. */
  overflow: visible;
  gap: 0;
  margin: 0;
  padding: 0 12px 0 0;
}
/* Minimal spacing on header items – bring them close together */
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list > .p-menubar-item {
  margin: 0;
  min-width: 0;
  flex-shrink: 0;
  /* PrimeVue's default styles only set position: relative on nested
     submenu <li>s, not on root-level items. Without this, the submenu
     (position: absolute) resolves its containing block to the nearest
     positioned ancestor (.primevue-navigation, full-width), so
     right: 0 anchors to the viewport edge instead of the item's edge.
     Making each root <li> its own positioning context fixes left/right
     alignment of top-level submenus. */
  position: relative;
}
[data-v-2d62c2c9] .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-2d62c2c9] .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;
}

/* Figma All Menu: Nunito Sans SemiBold 13px, line-height 16px, #001e62 */
[data-v-2d62c2c9] .custom-menubar .p-menubar-item-link,[data-v-2d62c2c9] .custom-menubar .p-menuitem-link,
.menu-item-link[data-v-2d62c2c9] {
  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-2d62c2c9] .custom-menubar .p-menubar-item-link:hover,[data-v-2d62c2c9] .custom-menubar .p-menuitem-link:hover,[data-v-2d62c2c9] .custom-menubar .p-menubar-item-active > .p-menubar-item-content .p-menubar-item-link,[data-v-2d62c2c9] .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-2d62c2c9] {
  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-2d62c2c9] .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-2d62c2c9] {
  gap: 10px;
}
/* Header items: minimal gap so headers fit without scroll */
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list .p-menubar-item-content .p-menubar-item-link,[data-v-2d62c2c9] .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-2d62c2c9] {
  font-size: 13px;
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: inherit;
}
[data-v-2d62c2c9] .custom-menubar .p-menubar-root-list .p-menubar-item-active .p-menubar-submenu-icon,[data-v-2d62c2c9] .custom-menubar .p-menubar-root-list .p-menubar-item-active .submenu-arrow {
  transform: rotate(180deg);
  color: inherit;
}
[data-v-2d62c2c9] .custom-menubar .p-menubar-submenu,[data-v-2d62c2c9] .custom-menubar .p-submenu-list {
  min-width: 180px;
}
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-submenu.submenu-align-left-root,[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-submenu-list.submenu-align-left-root {
  left: auto !important;
  right: 0 !important;
}
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-submenu.submenu-align-left-nested,[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-submenu-list.submenu-align-left-nested {
  left: auto !important;
  right: 100% !important;
}
@media (min-width: 1201px) and (max-width: 1397px) {
[data-v-2d62c2c9] .custom-menubar:not(.p-menubar-mobile) .p-menubar-root-list {
    padding-left: 8px;
    padding-right: 20px;
}
[data-v-2d62c2c9] .custom-menubar .p-menubar-item-link,[data-v-2d62c2c9] .custom-menubar .p-menuitem-link,
  .menu-item-link[data-v-2d62c2c9] {
    font-size: 12px;
}
}
@media (max-width: 1200px) {
.primevue-navigation[data-v-2d62c2c9] {
    min-height: 44px;
}
}
.app-navigation .container[data-v-2d62c2c9]{
  margin: 0 !important;
  padding: 0 !important;
}
[data-v-2d62c2c9] .p-menubar-item-content{
  padding-left: 5px;
  padding-right: 5px;
}

/* this is globally setting font family even inside prime vue components */
[data-v-121a43ad],.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, overlays, tooltips, and toast z-index are all managed by PrimeVue config in main.ts. */
/* Container for consistent alignment across all sections */
.container[data-v-121a43ad] {
  margin: 0 auto;
  padding: 0 24px;
}
/* Responsive container adjustments */
@media (max-width: 1440px) {
.container[data-v-121a43ad] {
    padding: 0 16px;
}
}
@media (max-width: 768px) {
.container[data-v-121a43ad] {
    padding: 0 12px;
}
}
.header[data-v-121a43ad] {
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
}
.logo-group[data-v-121a43ad] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.logo[data-v-121a43ad] {
  height: 36px;
  width: auto;
  display: block;
}
.altum-logo[data-v-121a43ad] {
  max-width: 90px;
}
.debug-info[data-v-121a43ad] {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
.main-menu[data-v-121a43ad] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px 10px 24px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.menu-btn[data-v-121a43ad] {
  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-121a43ad] {
  margin-left: 8px;
  font-size: 0.95em;
  display: inline-flex;
  align-items: center;
}
.menu-btn[data-v-121a43ad]:hover,
.menu-btn[data-v-121a43ad]:focus {
  background: #f7f8fa;
  color: #1a237e;
  border-color: #1a237e;
}
.menu-dropdown[data-v-121a43ad] {
  position: relative;
  display: inline-block;
}
.menu-dropdown .dropdown-content[data-v-121a43ad] {
  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-121a43ad],
.menu-dropdown:focus-within .dropdown-content[data-v-121a43ad] {
  display: flex;
}
.dropdown-content a[data-v-121a43ad] {
  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-121a43ad]:hover {
  background: #f7f8fa;
  color: #1a237e;
}
/* Submenu Styles */
.submenu[data-v-121a43ad] {
  position: relative;
}
.submenu-label[data-v-121a43ad] {
  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-121a43ad] {
  font-size: 0.8rem;
  margin-left: 8px;
  transition: transform 0.2s;
}
.submenu-label[data-v-121a43ad]:hover {
  background: #f7f8fa;
  color: #1a237e;
}
.submenu:hover .submenu-label .arrow[data-v-121a43ad] {
  transform: rotate(90deg);
}
.submenu-content[data-v-121a43ad] {
  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-121a43ad] {
  display: flex;
}
.submenu-content a[data-v-121a43ad] {
  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-121a43ad]:hover {
  background: #f7f8fa;
  color: #1a237e;
}
/* Figma Header Styles */
.figma-header[data-v-121a43ad] {
  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-121a43ad] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 249.71px;
}
.proposal-central-logo[data-v-121a43ad] {
  height: 38px;
  width: auto;
  display: block;
}
.figma-header-right[data-v-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 47px;
  width: 431px;
}
.figma-help-btn[data-v-121a43ad] {
  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-121a43ad]:hover {
  background: rgba(74, 79, 85, 0.1);
}
.figma-user-profile[data-v-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
.figma-user-name[data-v-121a43ad] {
  font-weight: 400;
  font-size: 16px;
  color: #4a4f55;
}
.figma-user-avatar[data-v-121a43ad] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.figma-logout-btn[data-v-121a43ad] {
  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-121a43ad]:hover {
  background: #f5f5f5;
  border-color: #ccc;
  transform: scale(1.05);
}
.figma-logout-btn[data-v-121a43ad]:active {
  transform: scale(0.95);
}
/* Figma Footer Styles */
.figma-footer[data-v-121a43ad] {
  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-121a43ad] {
   font-weight: 500;
  font-size: 14px;
  color: #001e62;
  line-height: 1.14em;
  text-align: center;
}
.figma-footer-text a[data-v-121a43ad] {
  color: #001e62;
  text-decoration: underline;
  margin: 0 4px;
}
/* Landing Header Styles (Figma Landing) */
/* Figma Landing Header refined styles */
.landing-header[data-v-121a43ad] {
  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-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  padding-left: 40px;
  width: 392px;
}
.altum-logo-stack[data-v-121a43ad] {
  display: flex;
  flex-direction: column;
  width: 54.31px;
  height: 60.82px;
  justify-content: flex-start;
}
.logo-container[data-v-121a43ad] {
  display: flex;
  align-items: center;
  height: 38px;
}
.landing-header-menu-part[data-v-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 31px;
  padding-right: 40px;
}
.landing-header-menu-list[data-v-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0px;
}
.landing-header-menu-item[data-v-121a43ad] {
    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-121a43ad]:last-child {
  border-right: none;
}
.landing-header-menu-item[data-v-121a43ad]:hover {
  background: #f7f8fa;
  color: #2cd5c4;
}
.landing-header-contact[data-v-121a43ad] {

  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-121a43ad]:hover {
  background: #001e62;
  color: #fff;
}
.landing-header-logo-part-horizontal[data-v-121a43ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding-left: 40px;
}
.altum-logo-horizontal[data-v-121a43ad] {
  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-121a43ad] .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-121a43ad] .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-121a43ad] .p-button:not(.exclude-base-report-table-styles):disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
  background-color:#51565C !important;
}
/* Preserve newlines in confirm dialog messages */
[data-v-121a43ad] .p-confirmdialog-message {
  white-space: pre-line;
}

/* App Layout Structure */
.app-layout[data-v-121a43ad] {
  /* Remove min-height: 100vh when in iframe to prevent infinite height growth */
  /* In iframe, height should be determined by content, not viewport */
  display: flex;
  flex-direction: column;
  min-height: 99vh; /* Ensure full viewport height when not in iframe */
}

/* Reset default margins/padding for chrome — do NOT zero <main>; .app-main owns padding; .app-profile is flush (profile module sets its own gutters) */
.app-layout nav[data-v-121a43ad],
.app-layout header[data-v-121a43ad],
.app-layout footer[data-v-121a43ad] {
  margin: 0;
  padding: 0;
}

/* Header Section */
.app-header[data-v-121a43ad] {
  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-121a43ad] {
  background: #fff;
  border-bottom: 1px solid #DBDCDD;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
  position: sticky;
  top: var(--sticky-below-header);
  z-index: 1000;
  margin: 0;
  padding: 0;
}

/* Main Content Section — horizontal inset uses `--pc-report-page-margin-inline-*` (page-layout.css, imported from main.ts) */
.app-layout main.app-main[data-v-121a43ad] {
  flex: 1;
  padding:
    32px
    var(--pc-report-page-margin-inline-desktop)
    24px
    var(--pc-report-page-margin-inline-desktop);
  min-height: 0; /* Allow flex item to shrink below content size */
  position: relative; /* Ensure stable positioning */
  background: #f2f4f7;
}

/* Profile module: same shell chrome as .app-main but no outer padding (pages use ProfilePageLayout / page-layout.css) */
.app-layout main.app-profile[data-v-121a43ad] {
  flex: 1;
  padding: 0;
  min-height: 0;
  position: relative;
  background: #f2f4f7;
}

/* Embedded host may already inset; strip horizontal padding only */
.app-layout main.app-main.app-main--embedded[data-v-121a43ad] {
  padding-top: 32px;
  padding-bottom: 24px;
  padding-left: 25px;
  padding-right: 20px;
}
.app-layout main.app-profile.app-profile--embedded[data-v-121a43ad] {
  padding: 0;
}

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

/* Footer Section */
.app-footer[data-v-121a43ad] {
  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-121a43ad] {
  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-121a43ad] {
  align-items: center;
}

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

/* Bottom position */
.route-loading-overlay.loader-position-bottom[data-v-121a43ad] {
  align-items: flex-end;
  padding-bottom: 2rem;
}
@media (max-width: 1440px) {
.app-layout main.app-main[data-v-121a43ad] {
    padding-left: var(--pc-report-page-margin-inline-max-1440);
    padding-right: var(--pc-report-page-margin-inline-max-1440);
}
.app-layout main.app-main.app-main--embedded[data-v-121a43ad] {
padding-left: 25px;
  padding-right: 20px;
    padding-top: 32px;
    padding-bottom: 24px;
}
.app-layout main.app-profile[data-v-121a43ad] {
    padding: 0;
}
}

/* Responsive adjustments */
@media (max-width: 768px) {
.app-layout main.app-main[data-v-121a43ad] {
    padding-top: 24px;
    padding-bottom: 16px;
    padding-left: var(--pc-report-page-margin-inline-max-768);
    padding-right: var(--pc-report-page-margin-inline-max-768);
}
.app-layout main.app-main.app-main--embedded[data-v-121a43ad] {
    padding: 24px 0 16px;
}
.app-layout main.app-profile[data-v-121a43ad] {
    padding: 0;
}
}
.p-toast-message-content[data-v-121a43ad]{
  display: flex;
  flex-direction: column;
}

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

/* Custom styling can be added here */
.base-select-wrapper[data-v-e4866cf5] .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-e4866cf5] .p-select.p-invalid {
  border-color: var(--red-500);
}
.base-select-wrapper[data-v-e4866cf5] .p-select:focus {
  box-shadow: 0 0 0 0.2rem var(--primary-200);
  border-color: var(--primary-500, #3b82f6);
}
.base-select-wrapper[data-v-e4866cf5] .p-select:hover:not(.p-disabled) {
  border-color: var(--primary-400, #60a5fa);
}

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

/* Loading state styling */
.base-select-wrapper[data-v-e4866cf5] .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-e4866cf5] .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-e4866cf5] .p-select-list {
  max-width: none !important;
  min-width: 300px !important;
}
.base-select-wrapper[data-v-e4866cf5] .p-select-overlay {
  max-width: 500px !important;
  width: auto !important;
  padding: 0 !important;
}

/* Fix for selected value display */
.base-select-wrapper[data-v-e4866cf5] .p-select-label {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
  color: #4A4F55;
  font-size: 14px;
  font-weight: 400;
}
[data-v-e4866cf5] .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-e4866cf5] .p-select-dropdown:hover {
  background: rgba(145, 145, 145, 0.15) !important;
}
[data-v-e4866cf5] .p-select-dropdown:focus {
  box-shadow: none;
}

/* Placeholder text styling */
.base-select-wrapper[data-v-e4866cf5] .p-select.p-placeholder .p-select-label,
.base-select-wrapper[data-v-e4866cf5] .p-select-label.p-placeholder {
  color: #A0A3A6 !important;
  opacity: 1;
}

.tooltip-container[data-v-dd8aafbc] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.tooltip-content-trigger[data-v-dd8aafbc] {
  display: inline-flex;
  cursor: help;
}
.tooltip-trigger[data-v-dd8aafbc] {
  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-dd8aafbc]:hover {
  background-color: #003285;
  transform: scale(1.1);
}
.tooltip-trigger i[data-v-dd8aafbc] {
  font-size: 10px !important;
  font-weight: 700;
}

/* Custom tooltip styles matching Figma design */
.custom-tooltip[data-v-dd8aafbc] {
  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: 100065;
  pointer-events: auto;
}

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

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

.atom-icon[data-v-397f77e3] {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}
.atom-icon--12[data-v-397f77e3] {
  width: 12px;
  height: 12px;
}
.atom-icon--16[data-v-397f77e3] {
  width: 16px;
  height: 16px;
}
.atom-icon--20[data-v-397f77e3] {
  width: 20px;
  height: 20px;
}
.atom-icon--24[data-v-397f77e3] {
  width: 24px;
  height: 24px;
}

.atom-input-wrapper[data-v-e5ba4523] {
  position: relative;
  display: inline-block;
}
.atom-input[data-v-e5ba4523] {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.2s ease;
  background: white;
}
.atom-input[data-v-e5ba4523]:focus {
  outline: none;
  border-color: #1976d2;
  box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}
.atom-input[data-v-e5ba4523]:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.6;
}
.atom-input--error[data-v-e5ba4523] {
  border-color: #d32f2f;
}
.atom-input--error[data-v-e5ba4523]:focus {
  border-color: #d32f2f;
  box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
}

/* Size variants */
.atom-input--small[data-v-e5ba4523] {
  padding: 8px 12px;
  font-size: 14px;
  min-height: 32px;
}
.atom-input--medium[data-v-e5ba4523] {
  padding: 12px 16px;
  font-size: 16px;
  min-height: 40px;
}
.atom-input--large[data-v-e5ba4523] {
  padding: 16px 20px;
  font-size: 18px;
  min-height: 48px;
}
.atom-input--with-icon[data-v-e5ba4523] {
  padding-right: 40px;
}
.input-icon[data-v-e5ba4523] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  pointer-events: none;
}
.atom-input--full-width[data-v-e5ba4523] {
  width: 100%;
}

.base-input-text[data-v-fbe6e959] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.base-input-text__label[data-v-fbe6e959] {
  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-fbe6e959] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-input-text__input-container[data-v-fbe6e959] {
  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-fbe6e959] {
  position: relative;
}
.base-input-text__input-container--icon-left .base-input-text__input[data-v-fbe6e959] {
  padding-left: 2.5rem;
}
.base-input-text__input-container--icon-right .base-input-text__input[data-v-fbe6e959] {
  padding-right: 2.5rem;
}
.base-input-text__input[data-v-fbe6e959] {
  width: 100%;  
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  color: #4A4F55;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.2s ease-in-out;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

/* Outer chrome is __input-container; Aura outlined p-inputtext adds a second border */
.base-input-text__input-container[data-v-fbe6e959] input.p-inputtext {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.base-input-text__input-container[data-v-fbe6e959] input.p-inputtext:focus,
.base-input-text__input-container[data-v-fbe6e959] input.p-inputtext:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.base-input-text__input--error[data-v-fbe6e959] {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-input-text__input--error[data-v-fbe6e959]:focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-input-text__icon[data-v-fbe6e959] {
  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-fbe6e959] {
  left: 0.75rem;
}
.base-input-text__icon--right[data-v-fbe6e959] {
  right: 0.75rem;
}
.base-input-text__error[data-v-fbe6e959] {
  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-fbe6e959] {
  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-fbe6e959] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-text--disabled .base-input-text__input-container[data-v-fbe6e959] {
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-text--disabled .base-input-text__input[data-v-fbe6e959] {
  background-color: transparent;
  color: var(--text-color-disabled, #9ca3af);
}

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

/* Focus states */
.base-input-text__input-container[data-v-fbe6e959]: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-fbe6e959]:hover:not(.base-input-text--disabled) {
  border-color: var(--primary-400, #60a5fa);
}

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

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

/* Placeholder text styling */
.base-input-text__input[data-v-fbe6e959]::placeholder {
  color: #A0A3A6;
  opacity: 1;
}
.base-input-text__input-container[data-v-fbe6e959] input.p-inputtext::placeholder {
  color: #A0A3A6;
  opacity: 1;
}

.base-prefix-input[data-v-fcdae1cf] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.base-prefix-input__label[data-v-fcdae1cf] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  color: #4a4f55;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 2px 0;
}
.base-prefix-input__required[data-v-fcdae1cf] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-prefix-input__input-container[data-v-fcdae1cf] {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #fff;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  height: 42px;
  box-sizing: border-box;
  overflow: hidden;
}
.base-prefix-input__input-container[data-v-fcdae1cf]:focus-within {
  border-color: var(--primary-500, #3b82f6);
  box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.25);
}
.base-prefix-input__input-container--error[data-v-fcdae1cf] {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-prefix-input__input-container--error[data-v-fcdae1cf]:focus-within {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-prefix-input__prefix[data-v-fcdae1cf] {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  background: #f3f4f6;
  border-right: 1px solid #dbdcdd;
  font-size: 13px;
  font-weight: 400;
  color: #4a4f55;
  white-space: nowrap;
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  user-select: none;
}
.base-prefix-input__input[data-v-fcdae1cf] {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 400;
  color: #6e7277;
  background: transparent;
  padding: 0 10px;
  border: none;
  outline: none;
}

/* Strip PrimeVue InputText's own border/shadow when nested */
.base-prefix-input__input-container[data-v-fcdae1cf] input.p-inputtext {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 10px;
  height: 100%;
  width: 100%;
  background: transparent;
}
.base-prefix-input__input-container[data-v-fcdae1cf] input.p-inputtext:focus,
.base-prefix-input__input-container[data-v-fcdae1cf] input.p-inputtext:focus-visible {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.base-prefix-input__error[data-v-fcdae1cf] {
  font-size: 0.75rem;
  color: var(--danger-500, #ef4444);
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-prefix-input__helper[data-v-fcdae1cf] {
  font-size: 0.75rem;
  color: var(--text-color-secondary, #6b7280);
  margin-top: 0.25rem;
}

/* Disabled state */
.base-prefix-input--disabled .base-prefix-input__label[data-v-fcdae1cf] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-prefix-input--disabled .base-prefix-input__input-container[data-v-fcdae1cf] {
  background-color: var(--surface-ground, #f9fafb);
}
.base-prefix-input--disabled .base-prefix-input__prefix[data-v-fcdae1cf] {
  background-color: #e9ebec;
  color: var(--text-color-disabled, #9ca3af);
}

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

/* Hover state */
.base-prefix-input__input-container[data-v-fcdae1cf]:hover:not(.base-prefix-input--disabled .base-prefix-input__input-container) {
  border-color: var(--primary-400, #60a5fa);
}
@media (max-width: 768px) {
.base-prefix-input[data-v-fcdae1cf] {
    max-width: 100%;
}
.base-prefix-input__label[data-v-fcdae1cf] {
    font-size: 12px;
}
.base-prefix-input__input[data-v-fcdae1cf] {
    font-size: 12px;
}
.base-prefix-input__prefix[data-v-fcdae1cf] {
    font-size: 11px;
}
.base-prefix-input__error[data-v-fcdae1cf],
  .base-prefix-input__helper[data-v-fcdae1cf] {
    font-size: 0.7rem;
}
}

.base-masked-input[data-v-054c6435] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.base-masked-input[data-v-054c6435] .base-input-text {
  width: 100%;
}
.base-masked-input__field--with-toggle[data-v-054c6435] .base-input-text__input-container {
  padding-right: 2.5rem;
}
.base-masked-input__toggle[data-v-054c6435] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: #51565c;
  border-radius: 4px;
  transition: color 0.15s;
  flex-shrink: 0;
  z-index: 2;
}
.base-masked-input__toggle[data-v-054c6435]:hover {
  color: #001e62;
}
.base-masked-input__toggle i[data-v-054c6435] {
  font-size: 15px;
}

.base-masked-text[data-v-a1f5d989] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.base-masked-text__toggle[data-v-a1f5d989] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  background: none;
  border: none;
  cursor: pointer;
  color: #51565c;
  line-height: 1;
  border-radius: 4px;
  transition: color 0.15s;
}
.base-masked-text__toggle[data-v-a1f5d989]:hover {
  color: #001e62;
}
.base-masked-text__toggle i[data-v-a1f5d989] {
  font-size: 14px;
}

.base-input-number[data-v-7cc6dbd0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 320px;
}
.base-input-number__label[data-v-7cc6dbd0] {
  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-number__required[data-v-7cc6dbd0] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-input-number__input-container[data-v-7cc6dbd0] {
  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-number__input-container--with-icon[data-v-7cc6dbd0] {
  position: relative;
}
.base-input-number__input-container--icon-left[data-v-7cc6dbd0] .p-inputnumber-input {
  padding-left: 2.5rem;
}
.base-input-number__input-container--icon-right[data-v-7cc6dbd0] .p-inputnumber-input {
  padding-right: 2.5rem;
}
.base-input-number__input[data-v-7cc6dbd0] {
  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;
  height: 100%;
  display: flex;
  align-items: center;
}
.base-input-number__input--error[data-v-7cc6dbd0] .p-inputnumber-input {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-input-number__input--error[data-v-7cc6dbd0] .p-inputnumber-input:focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-input-number__icon[data-v-7cc6dbd0] {
  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-number__icon--left[data-v-7cc6dbd0] {
  left: 0.75rem;
}
.base-input-number__icon--right[data-v-7cc6dbd0] {
  right: 0.75rem;
}
.base-input-number--with-buttons.base-input-number--icon-right .base-input-number__icon--right[data-v-7cc6dbd0] {
  right: 3rem;
}
.base-input-number__error[data-v-7cc6dbd0] {
  font-size: 0.75rem;
  color: var(--danger-500, #ef4444);
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-input-number__helper[data-v-7cc6dbd0] {
  font-size: 0.75rem;
  color: var(--text-color-secondary, #6b7280);
  margin-top: 0.25rem;
}

/* Disabled state */
.base-input-number--disabled .base-input-number__label[data-v-7cc6dbd0] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-number--disabled .base-input-number__input-container[data-v-7cc6dbd0] {
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-input-number--disabled[data-v-7cc6dbd0] .p-inputnumber-input {
  background-color: transparent;
  color: var(--text-color-disabled, #9ca3af);
}

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

/* Focus states */
.base-input-number__input-container[data-v-7cc6dbd0]: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-number__input-container[data-v-7cc6dbd0]:hover:not(.base-input-number--disabled) {
  border-color: var(--primary-400, #60a5fa);
}

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

/* Button styling adjustments */
.base-input-number--with-buttons[data-v-7cc6dbd0] .p-inputnumber-buttons-stacked .p-button {
  border-radius: 0;
}
.base-input-number--with-buttons[data-v-7cc6dbd0] .p-inputnumber-buttons-horizontal .p-button {
  border-radius: 0;
}
.base-input-number--with-buttons[data-v-7cc6dbd0] .p-inputnumber-buttons-vertical .p-button {
  border-radius: 0;
}

/* PrimeVue InputNumber styling */
.base-input-number__input[data-v-7cc6dbd0] .p-inputnumber {
  width: 100%;
  border: none;
  background: transparent;
}
.base-input-number__input[data-v-7cc6dbd0] .p-inputnumber-input {
  font-size: 14px;
  font-weight: 400;
  color: #6E7277;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.base-input-number__input[data-v-7cc6dbd0] .p-inputnumber-input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.base-input-number[data-v-7cc6dbd0] {
    max-width: 100%;
}
.base-input-number__label[data-v-7cc6dbd0] {
    font-size: 12px;
}
.base-input-number__input[data-v-7cc6dbd0] {
    font-size: 12px;
}
.base-input-number__error[data-v-7cc6dbd0],
  .base-input-number__helper[data-v-7cc6dbd0] {
    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;
}
}

/* Custom styling */
.base-multiselect-wrapper[data-v-297ade6c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  min-width: 0;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect {
  width: 100%;
  max-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;
  min-height: 42px;
  max-height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* When chips are present, allow height to grow only if needed and align to top */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:has(.p-multiselect-chip) {
  height: auto;
  max-height: none;
  overflow: hidden;
  align-items: flex-start;
}

/* Allow natural height growth when content wraps */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:has(.p-multiselect-chip) .p-multiselect-label-container {
  min-height: 26px;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect.p-invalid {
  border-color: var(--red-500);
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:focus {
  box-shadow: 0 0 0 0.2rem var(--primary-200);
  border-color: var(--primary-500, #3b82f6);
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:hover:not(.p-disabled) {
  border-color: var(--primary-400, #60a5fa);
}

/* Chip display styling */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-chip {
  background: var(--primary-100);
  color: var(--primary-800);
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: normal;
  box-sizing: border-box;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-chip-icon {
  margin-left: 0.5rem;
  cursor: pointer;
}

/* Loading state styling */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect.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-multiselect-wrapper[data-v-297ade6c] .p-multiselect-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-multiselect-wrapper[data-v-297ade6c] .p-multiselect-list {
  max-width: none !important;
  min-width: 300px !important;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-overlay {
  max-width: 500px !important;
  width: auto !important;
  padding: 0 !important;
}

/* Selected items display - allow wrapping for chips */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-label {
  white-space: normal !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
  color: #6E7277;  
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
  min-height: 24px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  box-sizing: border-box;
}

/* Ensure label container allows wrapping */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-label-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

/* Ensure the token display area wraps properly */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-token {
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  flex-shrink: 0;
}

/* Clear button styling */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-clear-icon {
  color: var(--text-color-secondary);
  cursor: pointer;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-clear-icon:hover {
  color: var(--text-color);
}

/* Toggle all checkbox styling */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--surface-border);
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}

/* Filter input styling */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-filter-container {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--surface-border);
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-filter {
  width: 100%;
}

/* Dropdown icon styling to match Figma design */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-dropdown {
  background: rgba(145, 145, 145, 0.10) !important;
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  align-self: center;
  margin-right: 5px;
  flex-shrink: 0;
  color: #001E62;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 2px;
}

/* When chips are present, align dropdown icon to top */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:has(.p-multiselect-chip) .p-multiselect-dropdown {
  align-self: flex-start;
  margin-top: 9px;
}

/* Ensure input field wraps properly */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-input-token {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
}

/* When chips are present, add top margin to input */
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect:has(.p-multiselect-chip) .p-multiselect-input-token {
  margin-top: 0.25rem;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-input-token input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-dropdown:hover {
  background: rgba(145, 145, 145, 0.15) !important;
}
.base-multiselect-wrapper[data-v-297ade6c] .p-multiselect-dropdown:focus {
  box-shadow: none;
}

.base-autocomplete-wrapper[data-v-d452e5f4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  min-width: 0;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete {
  width: 100%;
  max-width: 100%;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete.p-invalid {
  border-color: var(--red-500);
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-input-multiple {
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  color: #6e7277;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.25rem;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-input-multiple:focus-within {
  box-shadow: 0 0 0 0.2rem var(--primary-200);
  border-color: var(--primary-500, #3b82f6);
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete.p-disabled .p-autocomplete-input-multiple {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-chip {
  background: var(--primary-100);
  color: var(--primary-800);
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-dropdown {
  background: rgba(145, 145, 145, 0.1) !important;
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #001e62;
  border: none;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-input-chip input {
  min-width: 6rem;
  font-size: 14px;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-list {
  max-width: none !important;
  min-width: 220px !important;
}
.base-autocomplete-wrapper[data-v-d452e5f4] .p-autocomplete-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;
}

.base-date-picker[data-v-7a2cc634] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.base-date-picker__label[data-v-7a2cc634] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.143;
  color: #4A4F55;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-date-picker__required[data-v-7a2cc634] {
  color: var(--danger-500, #ef4444);
  font-weight: 600;
}
.base-date-picker__container[data-v-7a2cc634] {
  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-date-picker__container--inline[data-v-7a2cc634] {
  display: block;
}
.base-date-picker__input[data-v-7a2cc634] {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.143;
  color: #51565C;
  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-date-picker__input--error[data-v-7a2cc634] {
  border-color: var(--danger-500, #ef4444) !important;
}
.base-date-picker__input--error[data-v-7a2cc634]:focus {
  box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
}
.base-date-picker__input--inline[data-v-7a2cc634] {
  width: auto;
}
.base-date-picker__custom-icon[data-v-7a2cc634] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: rgba(74, 79, 85, 0.1);
  border-radius: 100px;
  color: #001E62;
  pointer-events: none;
  z-index: 1;
}
.base-date-picker__error[data-v-7a2cc634] {
  font-size: 0.75rem;
  color: var(--danger-500, #ef4444);
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base-date-picker__helper[data-v-7a2cc634] {
  font-size: 0.75rem;
  color: var(--text-color-secondary, #6b7280);
  margin-top: 0.25rem;
}

/* Disabled state */
.base-date-picker--disabled .base-date-picker__label[data-v-7a2cc634] {
  color: var(--text-color-disabled, #9ca3af);
}
.base-date-picker--disabled .base-date-picker__container[data-v-7a2cc634] {
  background-color: var(--surface-ground, #f9fafb);
  color: var(--text-color-disabled, #9ca3af);
}
.base-date-picker--disabled .base-date-picker__input[data-v-7a2cc634] {
  background-color: transparent;
  color: var(--text-color-disabled, #9ca3af);
}

/* Readonly state */
.base-date-picker--readonly .base-date-picker__container[data-v-7a2cc634] {
  background-color: var(--surface-ground, #f9fafb);
}

/* Inline mode */
.base-date-picker--inline[data-v-7a2cc634] {
  width: auto;
}
.base-date-picker--inline .base-date-picker__container[data-v-7a2cc634] {
  width: auto;
}

/* Size variants */
.base-date-picker--small .base-date-picker__input[data-v-7a2cc634] {
  font-size: 0.8rem;
  padding: 0.5rem;
}
.base-date-picker--large .base-date-picker__input[data-v-7a2cc634] {
  font-size: 1rem;
  padding: 1rem;
}

/* Focus states */
.base-date-picker__container[data-v-7a2cc634]: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-date-picker__container[data-v-7a2cc634]:hover:not(.base-date-picker--disabled) {
  border-color: var(--primary-400, #60a5fa);
}

/* Range selection styling */
.base-date-picker--range .base-date-picker__input[data-v-7a2cc634] {
  min-width: 250px;
}

/* Multiple selection styling */
.base-date-picker--multiple .base-date-picker__input[data-v-7a2cc634] {
  min-width: 200px;
}

/* Time picker styling */
.base-date-picker--with-time .base-date-picker__input[data-v-7a2cc634] {
  min-width: auto;
}

/* Root span is .p-datepicker.p-inputwrapper (no nested .p-inputwrapper). Theme + outlined InputText add a second border — outer chrome is .base-date-picker__container */
[data-v-7a2cc634] .p-datepicker.p-inputwrapper {
  flex: 1;
  min-width: 0;
  width: 100%;
  position: relative;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent;
  display: flex;
  align-items: center;
}
[data-v-7a2cc634] .p-datepicker.p-inputwrapper:not(.p-disabled):hover {
  border: none !important;
  box-shadow: none !important;
}
[data-v-7a2cc634] .p-datepicker.p-inputwrapper:not(.p-disabled).p-focus,[data-v-7a2cc634] .p-datepicker.p-inputwrapper.p-focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
[data-v-7a2cc634] .p-datepicker .p-inputtext,[data-v-7a2cc634] .p-datepicker-input.p-inputtext {
  font-size: 14px;
  font-weight: 400;
  color: #51565C;
  background: transparent;
  border: none !important;
  padding: 0;
  outline: none;
  box-shadow: none !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 48px;
  height: 100%;
  line-height: 1.143;
  display: flex;
  align-items: center;
}
[data-v-7a2cc634] .p-datepicker .p-datepicker-dropdown {
  color: #001E62;
  border-inline-start: unset !important;
  border-radius: 100px;
  background-color: rgba(74, 79, 85, 0.1);
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 2px;
  flex-shrink: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  aspect-ratio: 1;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
[data-v-7a2cc634] .p-datepicker .p-datepicker-dropdown:hover {
  background-color: rgba(74, 79, 85, 0.15);
}
[data-v-7a2cc634] .p-datepicker .p-datepicker-dropdown:focus {
  box-shadow: none;
}
[data-v-7a2cc634] .p-datepicker .p-datepicker-dropdown .p-button-icon {
  color: #001E62;
  font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.base-date-picker__label[data-v-7a2cc634] {
    font-size: 0.8rem;
}
.base-date-picker__error[data-v-7a2cc634],
  .base-date-picker__helper[data-v-7a2cc634] {
    font-size: 0.7rem;
}
.base-date-picker--range .base-date-picker__input[data-v-7a2cc634],
  .base-date-picker--multiple .base-date-picker__input[data-v-7a2cc634] {
    min-width: 180px;
}
.base-date-picker--with-time .base-date-picker__input[data-v-7a2cc634] {
    min-width: auto;
}
}

/* Error state animations */
.base-date-picker--error .base-date-picker__container[data-v-7a2cc634] {
  animation: shake-7a2cc634 0.3s ease-in-out;
  border-color: var(--danger-500, #ef4444);
}
@keyframes shake-7a2cc634 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-2px);
}
75% { transform: translateX(2px);
}
}

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

/* Ensure proper spacing */
.base-checkbox-label--left[data-v-58ea4cab] {
  margin-right: 0.25rem;
}
.base-checkbox-label--right[data-v-58ea4cab] {
  margin-left: 0.25rem;
}
/* BaseAccordion — PrimeVue 4 accordion (global, unscoped import)
   !important: Aura theme sets header background to content.background; must win for Figma slate header. */
/**
 * Shared surface tokens + utility — matches SearchPanel white filter card (Figma report chrome).
 * Import from shell / module mains. Prefer `.pc-surface-card` on markup instead of re-declaring border/shadow in scoped CSS.
 */
:root {
  --pc-surface-card-border: 1px solid #dadfe8;
  --pc-surface-card-radius: 12px;
  --pc-surface-card-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);

  /* Profile page color tokens */
  --color-page-bg: #f2f4f7;
  --color-border: #e7e7e7;
  --color-text-dark: #252525;
  --color-text-secondary: #51565c;
  --color-section-title: #000;

  /* Brand / primary tokens */
  --pc-brand-primary: #001e62;

  /* Surface / neutral tokens */
  --pc-surface-header: #f5f5f5;
  --pc-surface-subtle: #fafafa;
  --pc-text-muted: #555555;

  /* Info / status tokens (maps to colors.primary palette) */
  --pc-info-bg: #e3f2fd;
  --pc-info-border: #90caf9;
  --pc-info-text: #1565c0;
  --pc-table-hover: #f0f4ff;

  /* Border-radius tokens (mirrors borderRadius design tokens) */
  --pc-radius-sm: 4px;
  --pc-radius-md: 8px;
  --pc-radius-lg: 12px;
}
.pc-surface-card {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  box-sizing: border-box;
}
.pc-surface-card--radius-sm {
  border-radius: 8px;
}
.p-accordion {
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--pc-surface-card-shadow);
}
.p-accordion .p-accordionpanel {
  border-bottom: none;
}
.p-accordion .p-accordionheader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  background: #636b78 !important;
  border: none !important;
  padding: 14px 20px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: background-color 0.2s;
}
.p-accordion .p-accordionheader:hover {
  background: #58606d !important;
}
/* Title slot: inherit white (Aura may set muted header color) */
.p-accordion .p-accordionheader .accordion-header-text,
.p-accordion .p-accordionheader > :not(.p-accordionheader-toggle-icon) {
  color: #ffffff !important;
}
.p-accordion .p-accordioncontent {
  border-top: 1px solid #dadfe8;
  padding: 0;
  background: #ffffff;
}
.p-accordion .p-accordioncontent-content {
  padding: 0;
}
/*
 * Caret: Figma — 24px white circle, chevron #636b78 (same family as header bar).
 * Do not rotate: PrimeVue swaps ChevronDown / ChevronUp by expanded state.
 */
.p-accordion .p-accordionheader-toggle-icon {
  margin-left: auto !important;
  flex-shrink: 0;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #636b78 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
}
.p-accordion .p-accordionheader-toggle-icon svg {
  width: 14px !important;
  height: 14px !important;
}
/* Padded body for accordions outside SearchPanel (.p-accordioncontent-content is padding: 0 by design) */
.p-accordion .accordion-panel-inner {
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
.p-accordion .accordion-panel-inner {
    padding: 16px;
}
}
@media (max-width: 480px) {
.p-accordion .accordion-panel-inner {
    padding: 12px;
}
}

.keyword-select[data-v-0ded4821] {
  --color-brand-dark: #001e62;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ks-header-row[data-v-0ded4821] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.ks-field-label[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark, #252525);
}
.ks-counter-badge[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #51565c;
  white-space: nowrap;
}
.ks-selected-bar[data-v-0ded4821] {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
  gap: 8px;
}
.ks-selected-placeholder[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: #9ca3af;
}
.ks-chip-list[data-v-0ded4821] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.ks-chip[data-v-0ded4821] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 40px;
  background: #001e62;
  border: 1.25px solid #001e62;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.ks-chip[data-v-0ded4821]:hover:not(:disabled) {
  background: #002b8f;
  border-color: #002b8f;
}
.ks-chip[data-v-0ded4821]:disabled {
  opacity: 0.7;
  cursor: default;
}
.ks-chip-label[data-v-0ded4821] {
  line-height: 1;
}
.ks-chip-remove[data-v-0ded4821] {
  font-size: 16px;
  line-height: 1;
  margin-left: 2px;
}
.ks-search-wrapper[data-v-0ded4821] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(74, 79, 85, 0.1);
  border-radius: 100px;
  padding: 6px 14px;
  margin-bottom: 0.75rem;
}
.ks-search-icon[data-v-0ded4821] {
  display: flex;
  align-items: center;
  pointer-events: none;
  color: #51565c;
  font-size: 14px;
  flex-shrink: 0;
}
.ks-search-input[data-v-0ded4821] {
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #252525;
  width: 100%;
  padding: 0;
}
.ks-search-input[data-v-0ded4821]::placeholder {
  color: #6e7277;
}
.ks-search-input[data-v-0ded4821]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.ks-az-filter[data-v-0ded4821] {
  margin-bottom: 0.75rem;
}
.ks-az-row[data-v-0ded4821] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ks-az-btn[data-v-0ded4821] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #252525;
  border-radius: 4px;
  background: #fff;
  color: #252525;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
  padding: 0;
}
.ks-az-btn[data-v-0ded4821]:hover:not(.ks-az-btn--active) {
  background: #f0f0f0;
}
.ks-az-btn--active[data-v-0ded4821] {
  background: rgba(44, 213, 196, 0.3);
  border-color: var(--color-brand-dark);
  color: var(--color-brand-dark);
}
.ks-grid[data-v-0ded4821] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-height: 360px;
  overflow-y: auto;
  padding-top: 4px;
  padding-right: 4px;
}
.ks-pill[data-v-0ded4821] {
  display: inline-flex;
  align-items: center;
  border: 1.25px solid #252525;
  border-radius: 40px;
  padding: 10px 12px;
  background: #fff;
  color: #252525;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  line-height: 1;
  white-space: nowrap;
}
.ks-pill[data-v-0ded4821]:hover:not(:disabled) {
  background: rgba(0, 30, 98, 0.06);
  border-color: #001e62;
  color: #001e62;
}
.ks-pill[data-v-0ded4821]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ks-no-results[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #9ca3af;
  margin: 0;
  font-style: italic;
}
.ks-custom-section[data-v-0ded4821] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.ks-custom-label[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-dark, #252525);
}
.ks-custom-help[data-v-0ded4821] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--color-text-secondary, #51565c);
  margin: 0;
}
.ks-custom-textarea[data-v-0ded4821] {
  width: 100%;
  box-sizing: border-box;
  min-height: 84px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  padding: 10px 12px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--color-text-dark, #252525);
  resize: vertical;
  outline: none;
}
.ks-custom-textarea[data-v-0ded4821]:focus {
  border-color: var(--primary-500, #3b82f6);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}
.ks-custom-actions[data-v-0ded4821] {
  display: flex;
  justify-content: flex-end;
}
.ks-custom-add-btn[data-v-0ded4821] {
  border: none;
  border-radius: 999px;
  background: var(--color-brand-dark);
  color: #fff;
  cursor: pointer;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 8px 16px;
}
.ks-custom-add-btn[data-v-0ded4821]:hover:not(:disabled) {
  background: #002b8f;
}
.ks-custom-add-btn[data-v-0ded4821]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 768px) {
.ks-az-btn[data-v-0ded4821] {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
}
}

/* Global styles for teleported Drawer - PrimeVue Drawer teleports to <body> by default */

/* Override PrimeVue default padding on header and content sections */
[data-pc-section="header"].pc-drawer__header {
  padding: 20px 30px !important;
}
[data-pc-section="content"].pc-drawer__content {
  padding: 0 !important;
}
.pc-drawer__header {
  background: #ededee;
  border-bottom: 1px solid #dbdcdd;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
.pc-drawer__title {
  font-weight: 800;
  font-size: 20px;
  color: #000000;
  line-height: 1.2;
  white-space: nowrap;
}
.pc-drawer__close-btn {
  background: #2cd5c4 !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  cursor: pointer;
  box-shadow: none !important;
  outline: none !important;
}
.pc-drawer__close-btn:hover {
  background: #1fbfb0 !important;
}
.pc-drawer__close-btn:focus-visible {
  outline: 2px solid #2cd5c4 !important;
  outline-offset: 2px !important;
}
.pc-drawer__content {
  padding: 0;
  overflow: auto;
}
/* BaseConfirmDialog Component Styles */

/* Custom styling for confirmation dialogs */
.p-confirm-dialog[data-v-0696f8dc] {
  /* Ensure proper z-index for modal dialogs - above all other elements */
  z-index: 21000 !important;
}
.p-confirm-dialog-mask[data-v-0696f8dc] {
  z-index: 20999;
}

/* Custom styling for different confirmation types */
.p-confirm-dialog--danger .p-confirm-dialog-icon[data-v-0696f8dc] {
  color: var(--p-danger-color, #dc3545);
}
.p-confirm-dialog--warning .p-confirm-dialog-icon[data-v-0696f8dc] {
  color: var(--p-warning-color, #ffc107);
}
.p-confirm-dialog--info .p-confirm-dialog-icon[data-v-0696f8dc] {
  color: var(--p-info-color, #17a2b8);
}
.p-confirm-dialog--success .p-confirm-dialog-icon[data-v-0696f8dc] {
  color: var(--p-success-color, #28a745);
}

/* Responsive breakpoints for confirmation dialogs */
@media (max-width: 768px) {
.p-confirm-dialog[data-v-0696f8dc] {
    width: 90vw !important;
    max-width: 90vw !important;
}
}
@media (max-width: 480px) {
.p-confirm-dialog[data-v-0696f8dc] {
    width: 95vw !important;
    max-width: 95vw !important;
}
}

/* Custom button styling for confirmation dialogs */
.p-confirm-dialog .p-button.p-button-danger[data-v-0696f8dc] {
  background-color: var(--p-danger-color, #dc3545);
  border-color: var(--p-danger-color, #dc3545);
}
.p-confirm-dialog .p-button.p-button-warning[data-v-0696f8dc] {
  background-color: var(--p-warning-color, #ffc107);
  border-color: var(--p-warning-color, #ffc107);
  color: var(--p-warning-text-color, #212529);
}
.p-confirm-dialog .p-button.p-button-info[data-v-0696f8dc] {
  background-color: var(--p-info-color, #17a2b8);
  border-color: var(--p-info-color, #17a2b8);
}
.p-confirm-dialog .p-button.p-button-success[data-v-0696f8dc] {
  background-color: var(--p-success-color, #28a745);
  border-color: var(--p-success-color, #28a745);
}

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

/* Outlined button styling - matches InputTextButton pattern */
/* Higher specificity through .base-button-component class - no !important needed */
.base-button-component.p-button.p-button-outlined,
.base-button-component.p-button.p-button-outlined.p-button-primary,
.base-button-component.p-button.p-button-outlined.p-button-secondary,
.base-button-component.p-button.p-button-outlined.p-button-success,
.base-button-component.p-button.p-button-outlined.p-button-info,
.base-button-component.p-button.p-button-outlined.p-button-warn,
.base-button-component.p-button.p-button-outlined.p-button-help,
.base-button-component.p-button.p-button-outlined.p-button-danger {
  background-color: #ffffff;
  border: 1px solid #c2c9d9;
  color: #001e62;
}
.base-button-component.p-button.p-button-outlined:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-primary:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-secondary:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-success:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-info:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-warn:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-help:not(:disabled):hover,
.base-button-component.p-button.p-button-outlined.p-button-danger:not(:disabled):hover {
  background-color: #f6f6f6;
  border-color: #c2c9d9;
  color: #001e62;
}
.base-button-component.p-button.p-button-outlined:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-primary:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-secondary:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-success:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-info:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-warn:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-help:not(:disabled):active,
.base-button-component.p-button.p-button-outlined.p-button-danger:not(:disabled):active {
  background-color: #eef3ff;
  border-color: #c2c9d9;
  color: #001e62;
}
.base-button-component.p-button.p-button-outlined:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-primary:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-secondary:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-success:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-info:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-warn:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-help:focus-visible,
.base-button-component.p-button.p-button-outlined.p-button-danger:focus-visible {
  outline: 2px solid rgba(0, 30, 98, 0.2);
  outline-offset: 2px;
  box-shadow: none;
}

/* Ensure icon-only buttons properly center the icon */
[data-v-965559f4] .p-button.p-button-icon-only,[data-v-965559f4] .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-965559f4] .p-button.p-button-icon-only .p-button-icon,[data-v-965559f4] .p-button.icon-only-button .p-button-icon {
  margin: 0 !important;
}
/* DeletePopup Component Styles - Minimal Styling */
.delete-popup-overlay[data-v-e4d03d77] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 2rem;
  z-index: 21000;
}
.delete-popup-dialog[data-v-e4d03d77] {
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 520px;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.delete-popup-header[data-v-e4d03d77] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 4px 4px 0 0;
}
.delete-popup-title[data-v-e4d03d77] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #212529;
}
.delete-popup-close[data-v-e4d03d77] {
  background: none;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #17a2b8;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.delete-popup-close[data-v-e4d03d77]:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.delete-popup-content[data-v-e4d03d77] {
  padding: 1.5rem;
  color: #51565c;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}
.delete-popup-context-row[data-v-e4d03d77] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #4a4f55;
}
.delete-popup-context-left[data-v-e4d03d77] {
  flex: 0 1 auto;
}
.delete-popup-context-right[data-v-e4d03d77] {
  flex: 0 1 auto;
  text-align: right;
}
.delete-popup-details[data-v-e4d03d77] {
  margin: 0 0 0.75rem 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}
.delete-popup-message[data-v-e4d03d77] {
  color: #51565c;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.delete-popup-footer[data-v-e4d03d77] {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e0e0e0;
  border-radius: 0 0 4px 4px;
}

/* Responsive */
@media (max-width: 768px) {
.delete-popup-dialog[data-v-e4d03d77] {
    min-width: 90vw;
    max-width: 90vw;
}
}

/* 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;
}

.base-icon-btn[data-v-0dca0db0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 44px;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s, opacity 0.15s;
}
.base-icon-btn i[data-v-0dca0db0] {
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* View, Edit & Add — primary blue */
.base-icon-btn--view[data-v-0dca0db0],
.base-icon-btn--edit[data-v-0dca0db0],
.base-icon-btn--add[data-v-0dca0db0] {
  border: 1.5px solid #001e62;
  color: #001e62;
}
.base-icon-btn--view i[data-v-0dca0db0],
.base-icon-btn--edit i[data-v-0dca0db0],
.base-icon-btn--add i[data-v-0dca0db0] {
  color: #001e62 !important;
}
.base-icon-btn--view[data-v-0dca0db0]:hover:not(.base-icon-btn--disabled),
.base-icon-btn--edit[data-v-0dca0db0]:hover:not(.base-icon-btn--disabled),
.base-icon-btn--add[data-v-0dca0db0]:hover:not(.base-icon-btn--disabled) {
  background: rgba(0, 30, 98, 0.06);
}

/* Delete — danger red */
.base-icon-btn--delete[data-v-0dca0db0] {
  border: 1.5px solid #e53e3e;
  color: #e53e3e;
}
.base-icon-btn--delete i[data-v-0dca0db0] {
  color: #e53e3e !important;
}
.base-icon-btn--delete[data-v-0dca0db0]:hover:not(.base-icon-btn--disabled) {
  background: rgba(229, 62, 62, 0.06);
}

/* Disabled */
.base-icon-btn--disabled[data-v-0dca0db0],
.base-icon-btn[data-v-0dca0db0]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* 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;
}

.base-radio-button[data-v-975c399a] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.base-radio-button--horizontal[data-v-975c399a] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.base-radio-button__item[data-v-975c399a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.base-radio-button--disabled[data-v-975c399a] {
  opacity: 0.6;
  pointer-events: none;
}
.base-radio-button__label[data-v-975c399a] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  user-select: none;
}
.base-radio-button__label[data-v-975c399a]:hover {
  color: #1976d2;
}

/* PrimeVue RadioButton styling overrides */
[data-v-975c399a] .p-radiobutton {
  margin-right: 8px;
}
[data-v-975c399a] .p-radiobutton .p-radiobutton-box {
  width: 16px;
  height: 16px;
}
[data-v-975c399a] .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 8px;
  height: 8px;
}
[data-v-975c399a] .p-radiobutton.p-highlight .p-radiobutton-box {
  border-color: #1976d2;
  background: #1976d2;
}
[data-v-975c399a] .p-radiobutton.p-highlight .p-radiobutton-box .p-radiobutton-icon {
  background: #ffffff;
}
[data-v-975c399a] .p-radiobutton:not(.p-disabled):hover .p-radiobutton-box {
  border-color: #1976d2;
}
[data-v-975c399a] .p-radiobutton.p-disabled .p-radiobutton-box {
  opacity: 0.6;
  cursor: not-allowed;
}

.base-page-description[data-v-2bb1c122] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 16px 17px;
  border-radius: 8px;
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.base-page-description--info[data-v-2bb1c122] {
  background: rgba(239, 246, 255, 0.5);
  border: 1px solid #c9e0ff;
}
.base-page-description--instructions[data-v-2bb1c122] {
  background: #f5f5f0;
  border: 1px solid #e0ddc0;
}
.base-page-description__icon[data-v-2bb1c122] {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}
.base-page-description__info-bulb[data-v-2bb1c122] {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 28px;
  object-fit: contain;
}
.base-page-description__main[data-v-2bb1c122] {
  flex: 1;
  min-width: 0;
}
.base-page-description__title[data-v-2bb1c122] {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #252525;
}
.base-page-description__title-slot[data-v-2bb1c122] {
  margin-bottom: 12px;
}
.base-page-description__title-slot[data-v-2bb1c122]:last-child {
  margin-bottom: 0;
}
.base-page-description__body[data-v-2bb1c122] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #252525;
}
.base-page-description__body[data-v-2bb1c122] p {
  margin: 0 0 12px;
}
.base-page-description__body[data-v-2bb1c122] p:last-child {
  margin-bottom: 0;
}

/* Base link styles */
.base-link[data-v-13394e48] {
  display: inline;
  cursor: pointer;
  transition: color 0.2s ease, text-decoration 0.2s ease;
  text-decoration: none;
}
.base-link[data-v-13394e48]:focus-visible {
  outline: 2px solid #001e62;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Variant styles */
.base-link--primary[data-v-13394e48] {
  color: #001e62;
}
.base-link--primary[data-v-13394e48]:hover {
  color: #001648;
}
.base-link--secondary[data-v-13394e48] {
  color: #2cd5c4;
}
.base-link--secondary[data-v-13394e48]:hover {
  color: #24b5a7;
}
.base-link--text[data-v-13394e48] {
  color: #4a4f55;
}
.base-link--text[data-v-13394e48]:hover {
  color: #000000;
}

/* Size styles */
.base-link--small[data-v-13394e48] {
  font-size: 12px;
  line-height: 1.5em;
}
.base-link--medium[data-v-13394e48] {
  font-size: 14px;
  line-height: 1em;
}
.base-link--large[data-v-13394e48] {
  font-size: 16px;
  line-height: 1em;
}

/* Bold style */
.base-link--bold[data-v-13394e48] {
  font-weight: 700;
}

/* Underline styles */
.base-link--underline-always[data-v-13394e48] {
  text-decoration: underline;
}
.base-link--underline-hover[data-v-13394e48] {
  text-decoration: none;
}
.base-link--underline-hover[data-v-13394e48]:hover {
  text-decoration: underline;
}
.base-link--underline-none[data-v-13394e48] {
  text-decoration: none;
}
.base-link--underline-none[data-v-13394e48]:hover {
  text-decoration: none;
}

/* Disabled state */
.base-link--disabled[data-v-13394e48] {
  color: #a0a0a0 !important;
  cursor: not-allowed;
  pointer-events: none;
}
/* WarningPopup Component Styles - Based on DeletePopup Design */
.warning-popup-overlay[data-v-2696ae1d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 21000;
}
.warning-popup-dialog[data-v-2696ae1d] {
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 400px;
  max-width: 600px;
  display: flex;
  flex-direction: column;
}
.warning-popup-header[data-v-2696ae1d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 4px 4px 0 0;
}
.warning-popup-header-left[data-v-2696ae1d] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.warning-icon[data-v-2696ae1d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
  font-weight: bold;
  color: #FFC107;
}
.warning-popup-title[data-v-2696ae1d] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #212529;
}
.warning-popup-close[data-v-2696ae1d] {
  background: #2CD5C4;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  transition: background-color 0.2s;
}
.warning-popup-close[data-v-2696ae1d]:hover {
  background: #25BAA8;
}
.warning-popup-content[data-v-2696ae1d] {
  padding: 1.5rem;
}
.warning-popup-message[data-v-2696ae1d] {
  margin: 0;
  color: #495057;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 20px;
}
.warning-popup-message p[data-v-2696ae1d] {
  margin: 0 0 12px 0;
}
.warning-popup-message p[data-v-2696ae1d]:last-child {
  margin-bottom: 0;
}
.warning-popup-contact-info[data-v-2696ae1d] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}
.warning-popup-contact-info p[data-v-2696ae1d] {
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
.warning-popup-dialog[data-v-2696ae1d] {
    min-width: 90vw;
    max-width: 90vw;
}
}
/* BaseTabView component styles */
.p-tabview .p-tabview-nav[data-v-e1b5c408] {
  border-bottom: 2px solid #dee2e6;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link[data-v-e1b5c408] {
  padding: 0.75rem 1.25rem;
  font-weight: 600;
  font-size: 14px;
  color: #6c757d;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.2s, border-color 0.2s;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link[data-v-e1b5c408] {
  color: var(--primary-color, #2196f3);
  border-bottom-color: var(--primary-color, #2196f3);
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link[data-v-e1b5c408] {
  color: #495057;
  border-bottom-color: #adb5bd;
}
.p-tabview .p-tabview-panels[data-v-e1b5c408] {
  padding: 1rem 0;
  background: transparent;
}

.base-rich-text-editor[data-v-9499c1e7] {
  width: 100%;
}
.base-rich-text-editor__textarea[data-v-9499c1e7] {
  box-sizing: border-box;
  width: 100%;
  min-height: 12rem;
}
.base-rich-text-editor[data-v-9499c1e7] .cke {
  width: 100%;
}
.base-rich-text-editor[data-v-9499c1e7] .cke_contents {
  min-height: 12rem;
}
.base-report-table[data-v-3d5339f0] {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Header Controls Styling */
.table-header[data-v-3d5339f0] {
  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-3d5339f0],
.header-right[data-v-3d5339f0] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-size-control[data-v-3d5339f0] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.page-size-label[data-v-3d5339f0] {

  font-size: 14px;
  font-weight: 700;
  line-height: 1.1428571428571428;
  color: #000000;
  padding: 10px 4px 10px 0;
}
.page-info[data-v-3d5339f0] {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 4px;
}
.page-info-text[data-v-3d5339f0] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428571428571428;
  color: #000000;
}
.global-filter .p-input-icon-left[data-v-3d5339f0] {
  position: relative;
}
.global-filter .p-input-icon-left i[data-v-3d5339f0] {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #001E62;
  width: 16px;
  height: 16px;
}
.global-filter .p-input-icon-left input[data-v-3d5339f0] {
  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-3d5339f0]:focus,
.global-filter .p-input-icon-left input[data-v-3d5339f0]:active,
.global-filter .p-input-icon-left input[data-v-3d5339f0]:focus-visible {
  border: 1px solid #DBDCDD !important;
  outline: none !important;
  box-shadow: none !important;
}
.global-filter .p-input-icon-left[data-v-3d5339f0]::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-3d5339f0] .p-datatable {
  border: none;
  border-radius: 0;
  background: transparent;
}
.base-report-table[data-v-3d5339f0] .p-datatable-wrapper {
  border-radius: 0;
  overflow-x: auto !important;
  width: 100% !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable table {
  width: 100%;
  table-layout: auto;
}

/* Table header — Figma Table Header (9263:73287): fill DarkGrey02 #e9ecf1, border #dadfe8, radius 10 */
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th {
  background: #c3c4c5 !important;
  border-top: 1px solid #dadfe8 !important;
  border-bottom: 1px solid #dadfe8 !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none;
  padding: 16px 20px !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-3d5339f0] .p-datatable-column-title{
  font-weight: 700 !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th:first-child {
  border-left: 1px solid #dadfe8 !important;
  border-top-left-radius: 10px !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th:last-child {
  border-right: 1px solid #dadfe8 !important;
  border-top-right-radius: 10px !important;
}

/* thead rows are table-row; gap does not apply — removed erroneous gap rule */

/*
 * Native <table> — header cells match DataTable thead (opt-in: add class `report-html-table` on <table>).
 * Used where PrimeVue DataTable is not used but report chrome should match.
 */
.report-html-table thead tr[data-v-3d5339f0] {
  background-color: #e9ecf1;
}
.report-html-table thead th[data-v-3d5339f0] {
  background-color: #e9ecf1;
  border-top: 1px solid #dadfe8;
  border-bottom: 1px solid #dadfe8;
  border-left: none;
  border-right: none;
  padding: 16px 20px;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.3846153846153846;
  font-size: 13px;
  font-weight: 700;
  color: #4a4f55;
  text-align: left;
  vertical-align: middle;
}
.report-html-table thead th[data-v-3d5339f0]:first-child {
  border-left: 1px solid #dadfe8;
  border-top-left-radius: 10px;
}
.report-html-table thead th[data-v-3d5339f0]:last-child {
  border-right: 1px solid #dadfe8;
  border-top-right-radius: 10px;
}

/* Table Body Styling */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr {
  border: 1px solid #DBDCDD !important;
  border-radius: 16px !important;
  margin-bottom: 6px !important;
  background: #FFFFFF;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-datatable-tbody > tr > td:first-child {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-sortable-column-icon {
  color: #6E7277 !important;
  margin-left: 8px !important;
  font-size: 14px !important;
}
.base-report-table[data-v-3d5339f0] .p-sortable-column .p-icon {
  width: 14px !important;
  height: 14px !important;
}

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

/* Remove default borders on body cells (thead uses perimeter border in Table Header block) */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-tbody {
  gap: 6px;
}
[data-v-3d5339f0] .p-datatable-header {
  border: none !important;
  background: transparent !important;
}

/* Pagination Styling — row layout so #paginatorstart + page links stay on one line, left-aligned */
.base-report-table[data-v-3d5339f0] .p-paginator {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
}
.base-report-table[data-v-3d5339f0] .p-paginator-left-content {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-paginator-right-content {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .pi{
  color: #6E7277;
  font-size: .75rem;
  font-weight: 600;
}
.base-report-table[data-v-3d5339f0] .p-paginator-page.p-highlight {
  background: #001E62 !important;
  color: #FFFFFF !important;
}
.base-report-table[data-v-3d5339f0] .p-paginator-first,
.base-report-table[data-v-3d5339f0] .p-paginator-prev,
.base-report-table[data-v-3d5339f0] .p-paginator-next,
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-paginator-first:hover,
.base-report-table[data-v-3d5339f0] .p-paginator-prev:hover,
.base-report-table[data-v-3d5339f0] .p-paginator-next:hover,
.base-report-table[data-v-3d5339f0] .p-paginator-last:hover,
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-focus,
.base-report-table[data-v-3d5339f0] .p-component:focus {
  outline: none !important;
}

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

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

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

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

  color: #4A4F55;
}

/* Screen reader only class */
.sr-only[data-v-3d5339f0] {
  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-3d5339f0] {

  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-3d5339f0]:hover {
  background: #F5F5F5 !important;
}

/* Dropdown styling for controls */
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .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-3d5339f0] .p-select-trigger .p-icon {
  color: #001E62 !important;
  width: 8.83px !important;
  height: 8.83px !important;
}
.page-size-dropdown[data-v-3d5339f0] {
  width: 93px;
}

/* Page size dropdown visual alignment per Figma - scoped to this table only */
.base-report-table .page-size-dropdown[data-v-3d5339f0] .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-3d5339f0] {
    flex-direction: column;
    gap: 1rem;
    padding: 0 0 1rem 0;
}
.header-left[data-v-3d5339f0],
  .header-right[data-v-3d5339f0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
}
.page-size-control[data-v-3d5339f0] {
    justify-content: flex-start;
}
.page-info-text[data-v-3d5339f0] {
    font-size: 12px;
}
.action-buttons[data-v-3d5339f0] {
    flex-direction: column;
    align-items: flex-start;
}
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th,
  .base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td {
    padding: 12px !important;
}
}
@media (max-width: 480px) {
.header-left[data-v-3d5339f0],
  .header-right[data-v-3d5339f0] {
    gap: 0.5rem;
}
.page-size-label[data-v-3d5339f0],
  .page-info-text[data-v-3d5339f0] {
    font-size: 12px;
}
.page-size-dropdown[data-v-3d5339f0],
  .global-filter .p-input-icon-left input[data-v-3d5339f0] {
    min-width: 150px;
}
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th,
  .base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td {
    padding: 10px !important;
    font-size: 12px !important;
}
}
.base-report-table[data-v-3d5339f0] .p-datatable-tbody tr td:nth-child(1) {
  border-left: 1px solid #DBDCDD !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-datatable-tbody tr td:last-child {
  border-right: 1px solid #DBDCDD !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-tbody tr td {
  border-top: 1px solid #DBDCDD !important;
  border-bottom: 1px solid #DBDCDD !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-datatable-scrollable-table {
  table-layout: fixed !important;
  width: 100% !important;
}

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

/* Ensure scrollable table body respects column widths */
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-datatable-scrollable-body {
  overflow-x: auto !important;
}
.base-report-table[data-v-3d5339f0] .p-paginator-content-start {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
.base-report-table[data-v-3d5339f0] .p-paginator-content {
  flex: 0 1 auto;
  min-width: 0;
  width: auto;
  flex-wrap: nowrap !important;
  margin: 31px 0 31px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
[data-v-3d5339f0] .p-paginator-current {
  color: #000 !important;

  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.base-report-table[data-v-3d5339f0] .p-paginator-first {
  overflow: hidden;
  position: relative;
  margin-left: 0;
}
[data-v-3d5339f0] .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-3d5339f0] .p-datatable-paginator-bottom {
  border: none !important;
}
[data-v-3d5339f0] .p-paginator-current {
  font-size: 14px;
}
.global-filter[data-v-3d5339f0] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.global-filter label[data-v-3d5339f0] {
  color: #000;

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

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

/* Remove pointer cursor for checkbox-only selection (when Column has selectionMode, not DataTable) */

/* Only radio button selection (single mode on DataTable) should show pointer cursor */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr[data-pc-section="bodyrow"] {
  cursor: default;
}

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

/* Top horizontal scroll bar styling */
.top-scroll-container[data-v-3d5339f0] {
  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-3d5339f0] {
  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-3d5339f0] .p-datatable {
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.base-report-table.has-top-scroll[data-v-3d5339f0] .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-3d5339f0] .p-datatable-thead > tr > th:first-child {
  border-top-left-radius: 10px !important;
}
.base-report-table.has-top-scroll[data-v-3d5339f0] .p-datatable-thead > tr > th:last-child {
  border-top-right-radius: 10px !important;
}

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

/* Ensure smooth scrolling */
.top-scroll-container[data-v-3d5339f0]::-webkit-scrollbar {
  height: 12px;
}
.top-scroll-container[data-v-3d5339f0]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}
.top-scroll-container[data-v-3d5339f0]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 6px;
}
.top-scroll-container[data-v-3d5339f0]::-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-3d5339f0] {
  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-3d5339f0] {
  flex: 1;
  white-space: normal;
  word-wrap: break-word;
}

/* Datatable tooltip styles - optimized */
[data-v-3d5339f0] .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-3d5339f0] .tooltip-trigger i {
  font-size: 7px !important;
  font-weight: 700 !important;
}
[data-v-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .base-select-wrapper {
  width: 75% !important;
  max-width: 100% !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .p-button:not(.exclude-base-report-table-styles):hover {
  background-color: #001E62 !important;
  color: #FFFFFF !important;
}

/* Links in table */
.base-report-table[data-v-3d5339f0] td a,
.base-report-table[data-v-3d5339f0] a.clickablelink,
.base-report-table[data-v-3d5339f0] .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-3d5339f0] td a:hover,
.base-report-table[data-v-3d5339f0] a.clickablelink:hover,
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .action-buttons .delete-icon-button:hover {
  background-color: rgba(74, 79, 85, 0.2) !important;
}
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .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-3d5339f0] .action-buttons .fa-trash {
  color: #E74444 !important;
}

/* Danger ghost buttons (e.g., Remove) - exclude grid action buttons */
.base-report-table[data-v-3d5339f0] .p-button.p-button-danger:not(.exclude-base-report-table-styles),
.base-report-table[data-v-3d5339f0] .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-3d5339f0] .p-button.p-button-danger:not(.exclude-base-report-table-styles):hover,
.base-report-table[data-v-3d5339f0] .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-3d5339f0] {
  display: flex;
  align-items: center;
}

/* Column toggle button - match export button styling */
.column-toggle-button[data-v-3d5339f0] {
  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-3d5339f0]:hover {
  background: #001E62 !important;
  color: #FFFFFF !important;
}
.column-toggle-button[data-v-3d5339f0]:hover .p-button-icon {
  color: #FFFFFF !important;
}
.column-toggle-panel[data-v-3d5339f0] {
  padding: 0;
}
.column-toggle-header[data-v-3d5339f0] {
  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-3d5339f0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
}
.column-toggle-item[data-v-3d5339f0] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.column-toggle-label[data-v-3d5339f0] {
  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-3d5339f0] {
  color: #001E62;
}

/* Checkbox styling in column toggle */
.column-toggle-panel[data-v-3d5339f0] .p-checkbox {
  margin-right: 0;
}
.column-toggle-panel[data-v-3d5339f0] .p-checkbox-box {
  border: 1.5px solid #DBDCDD;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}
.column-toggle-panel[data-v-3d5339f0] .p-checkbox-box.p-highlight {
  background: #001E62;
  border-color: #001E62;
}
.column-toggle-panel[data-v-3d5339f0] .p-checkbox-icon {
  width: 12px;
  height: 12px;
}
[data-v-3d5339f0] .column-toggle-button{
  height: 39px !important;
}
.base-report-table[data-v-3d5339f0] .column-toggle-control .p-button {
  height: 40px !important;
}
.base-report-table[data-v-3d5339f0] .column-toggle-button .p-button-icon {
  font-size: 16px !important;
}

/* Row Group Header Styling - Reusable across all tables with row grouping */
[data-v-3d5339f0] .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;
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-header:hover {
  background: var(--p-surface-100, #e9ecef);
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-header td {
  padding: 0 !important;
  position: relative;
  z-index: 60 !important;
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-header td:first-child {
  box-sizing: border-box;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-header td:not(:first-child) {
  display: none !important;
}
[data-v-3d5339f0] .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;
}
[data-v-3d5339f0] .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-3d5339f0] .p-datatable .p-rowgroup-header .p-row-toggler .p-datatable-row-toggle-icon {
  width: 14px !important;
  height: 14px !important;
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-footer {
  display: none !important;
}
[data-v-3d5339f0] .p-datatable-row-group-footer {
  display: none;
}
[data-v-3d5339f0] .p-datatable .p-rowgroup-header + tr,[data-v-3d5339f0] .p-datatable .p-rowgroup-header ~ tr:not(.p-rowgroup-header) {
  overflow: visible !important;
}
[data-v-3d5339f0] .p-datatable .p-datatable-tbody .p-rowgroup-header ~ tr {
  overflow: visible !important;
  position: relative !important;
}
[data-v-3d5339f0] .p-datatable-scrollable-body .p-rowgroup-header,[data-v-3d5339f0] .p-datatable-scrollable-body .p-rowgroup-header ~ tr {
  overflow: visible !important;
}
[data-v-3d5339f0] .p-datatable-row-group-header {
  z-index: 102 !important;
  position: relative;
  background: rgba(242, 244, 247, 0.46) !important;
}
[data-v-3d5339f0] .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-3d5339f0] .p-datatable-column-header-content {
  justify-content: space-between !important;
}
[data-v-3d5339f0] .rowgroupheadercell {
  width: 100% !important;
}
[data-v-3d5339f0] .admin-header-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* ==========================================================
   FROZEN COLUMN STYLES (centralized)
   All frozen column styling lives here. Do NOT add
   frozen-column CSS overrides in individual page components.
   ========================================================== */

/* --- Thead: sticky at top with high z-index --- */
.base-report-table[data-v-3d5339f0] .p-datatable-thead {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

/* --- Frozen header cells --- */
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th.p-datatable-frozen-column {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #c3c4c5   !important;
  box-shadow: none !important;
}

/* --- Frozen body cells: solid block, no row gaps --- */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td.p-datatable-frozen-column {
  background: #FFFFFF !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 50 !important;
  position: sticky;
}

/* Bridge the border-spacing gap (6px) between rows so frozen columns
   form a seamless block. ::before covers below, ::after covers above. */
.base-report-table[data-v-3d5339f0] td.p-datatable-frozen-column::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFFFFF;
  z-index: 50;
}
.base-report-table[data-v-3d5339f0] td.p-datatable-frozen-column::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFFFFF;
  z-index: 50;
}

/* Shadow on the last left-frozen body cell (the boundary before non-frozen content).
   :has(+ td:not(..)) detects a frozen cell whose next sibling is NOT frozen. */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ td:not(.p-datatable-frozen-column)) {
  box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/* Right-aligned frozen body cells get a left-edge shadow */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td.p-datatable-frozen-column[style*="inset-inline-end"] {
  box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/*
 * Thead left-frozen: subpixel seams can appear between ANY adjacent headers — frozen|frozen
 * (e.g. Reviewer|ID) as well as frozen|scroll. Remove translucent shadow; same-fill border +
 * opaque ::after on every left-frozen th that has a following header cell.
 */
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ th) {
  box-shadow: none !important;
  border-right: 1px solid #c3c4c5 !important;
  overflow: visible !important;
}
.base-report-table[data-v-3d5339f0] 
  .p-datatable-thead > tr > th.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ th)
::after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 4px;
  height: 100%;
  background: #c3c4c5;
  z-index: 1001;
  pointer-events: none;
}

/* Pull each subsequent left-frozen header 1px left to close sticky rounding gaps (frozen|frozen).
   Exclude right-frozen (inset-inline-end) so the last sticky column is not shifted. */
.base-report-table[data-v-3d5339f0] 
  .p-datatable-thead > tr > th.p-datatable-frozen-column ~ th.p-datatable-frozen-column:not([style*="inset-inline-end"])
 {
  margin-left: -1px !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-thead > tr > th.p-datatable-frozen-column[style*="inset-inline-end"] {
  box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/* First non-frozen cell after left-frozen block: no left radius (sits flush against frozen) */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td.p-datatable-frozen-column:not([style*="inset-inline-end"]) + td:not(.p-datatable-frozen-column) {
  border-left: 1px solid #DBDCDD !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Last non-frozen cell before right-frozen block: no right radius (sits flush against frozen) */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr > td:not(.p-datatable-frozen-column):has(+ td.p-datatable-frozen-column[style*="inset-inline-end"]) {
  border-right: 1px solid #DBDCDD !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Hover state: frozen cells follow the row hover color */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr:hover > td.p-datatable-frozen-column {
  background: #EFEFF4 !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr:hover > td.p-datatable-frozen-column::before,
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr:hover > td.p-datatable-frozen-column::after {
  background: #EFEFF4 !important;
}

/* Selected row: frozen cells follow highlight */
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column {
  background: var(--p-datatable-row-selected-background, #EFF6FF) !important;
}
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column::before,
.base-report-table[data-v-3d5339f0] .p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column::after {
  background: var(--p-datatable-row-selected-background, #EFF6FF) !important;
}

.link-application-dialog[data-v-7de82815] {
  border-radius: 10px !important;
}
.dialog-header[data-v-7de82815] {
  display: flex;
  align-items: center;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #000000 !important;
}
.dialog-title[data-v-7de82815] {
  color: #25285F !important;
  font-weight: bold !important;
  margin-left: 10px;
}
.dialog-content[data-v-7de82815] {
  max-height: 600px !important;
  overflow-y: auto !important;
  background: #ffffff;
  padding: 0;
}
.search-section[data-v-7de82815] {
  background: #ffffff !important;
  padding: 16px 24px !important;
}
.form-group[data-v-7de82815] {
  margin-bottom: 10px !important;
}
.form-group label[data-v-7de82815] {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4a4f55 !important;
  margin-bottom: 10px !important;
  display: block !important;
}
.form-control[data-v-7de82815] {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #6e7277 !important;
  border: 1px solid #dbdcdd !important;
  border-radius: 8px !important;
  padding: 10px !important;
  background: #ffffff !important;
}
.btn-primary[data-v-7de82815] {
  background: #001e62 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  height: 42px !important;
}
.dot[data-v-7de82815]::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #25285F;
  border-radius: 50%;
  margin-right: 8px;
}
.label[data-v-7de82815] {
  font-size: 14px;
  font-weight: 600;
  color: #4a4f55;
  display: block;
  margin-bottom: 10px;
}
.loading-symbol[data-v-7de82815] {
  text-align: center;
  margin: 20px 0;
}
.error-div[data-v-7de82815] {
  margin-top: 10px;
}
.success-msg[data-v-7de82815] {
  margin-top: 10px;
}
.padding-left[data-v-7de82815] {
  padding-left: 40px;
  padding-top: 20px;
}
.radio[data-v-7de82815] {
  float: left;
  margin: 0;
  width: 5%;
}
.left-spacing[data-v-7de82815] {
  float: left;
  width: 93%;
  font-style: normal !important;
  font-weight: normal !important;
}
.space[data-v-7de82815] {
  display: inline-block;
  vertical-align: top;
}
.left.space[data-v-7de82815] {
  width: 40%;
}
.right.space[data-v-7de82815] {
  width: 60%;
}
.td-overflow[data-v-7de82815] {
  overflow: hidden;
}
.newapp-desc[data-v-7de82815] {
  margin-top: 10px;
}
.linked-app[data-v-7de82815] {
  margin-top: 20px;
}
.table-responsive[data-v-7de82815] {
  max-height:400px;
  overflow: auto;
  border: 1px solid #dbdcdd;
  border-radius: 0px 0px 10px 10px;
}
.table-striped tbody tr[data-v-7de82815]:nth-of-type(odd) {
  background-color: #f6f6f6;
}
.table-striped tbody tr[data-v-7de82815]:nth-of-type(even) {
  background-color: #ffffff;
}
.table th[data-v-7de82815],
.table td[data-v-7de82815] {
  vertical-align: middle;
  padding: 16px;
  border: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3846153846153846em;
  color: #4a4f55;
}
.table thead th[data-v-7de82815] {
  background-color: #ededee !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3846153846153846em;
  color: #4a4f55;
  border-bottom: none;
  padding: 16px;
}
.un-link[data-v-7de82815] {
  color: #dc3545;
  text-decoration: none;
  margin-right: 5px;
  font-weight: 600;
  font-size: 13px;
}
.un-link[data-v-7de82815]:hover {
  color: #c82333;
  text-decoration: underline;
}

/* Additional styling to match Figma design */
.container-fluid[data-v-7de82815] {
  padding: 0 !important;
}
.linked-app[data-v-7de82815] {
  margin-top: 20px;
  background: #ffffff;
  padding: 16px 24px;
  border-left: 1px solid #dbdcdd;
  border-right: 1px solid #dbdcdd;
  border-bottom: 1px solid #dbdcdd;
  border-radius: 0px 0px 10px 10px;
}
.linked-app b[data-v-7de82815] {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

/* Update search form styling */
.row[data-v-7de82815] {
  margin: 0 !important;
}
.col-md-6[data-v-7de82815] {
  padding: 0 15px 0 0 !important;
}
.col-md-12[data-v-7de82815] {
  padding: 0 !important;
}

/* Bootstrap-like styling */
.row[data-v-7de82815] {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-md-1[data-v-7de82815], .col-md-2[data-v-7de82815], .col-md-3[data-v-7de82815], .col-md-4[data-v-7de82815], .col-md-8[data-v-7de82815], .col-md-10[data-v-7de82815], .col-md-12[data-v-7de82815] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-1[data-v-7de82815] { flex: 0 0 8.333333%; max-width: 8.333333%;
}
.col-md-2[data-v-7de82815] { flex: 0 0 16.666667%; max-width: 16.666667%;
}
.col-md-3[data-v-7de82815] { flex: 0 0 25%; max-width: 25%;
}
.col-md-4[data-v-7de82815] { flex: 0 0 33.333333%; max-width: 33.333333%;
}
.col-md-8[data-v-7de82815] { flex: 0 0 66.666667%; max-width: 66.666667%;
}
.col-md-10[data-v-7de82815] { flex: 0 0 83.333333%; max-width: 83.333333%;
}
.col-md-12[data-v-7de82815] { flex: 0 0 100%; max-width: 100%;
}
.text-center[data-v-7de82815] {
  text-align: center;
}
.table[data-v-7de82815] {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse;
}
.table th[data-v-7de82815],
.table td[data-v-7de82815] {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th[data-v-7de82815] {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table-striped tbody tr[data-v-7de82815]:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-borderless th[data-v-7de82815],
.table-borderless td[data-v-7de82815],
.table-borderless thead th[data-v-7de82815],
.table-borderless tbody + tbody[data-v-7de82815] {
  border: 0;
}
.btn[data-v-7de82815] {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary[data-v-7de82815] {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary[data-v-7de82815]:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-secondary[data-v-7de82815] {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary[data-v-7de82815]:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.alert[data-v-7de82815] {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-danger[data-v-7de82815] {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-success[data-v-7de82815] {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.form-control[data-v-7de82815] {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control[data-v-7de82815]:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.linked-apps-loading[data-v-7de82815] {
  margin-top: 20px;
  padding: 40px 20px;
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 10px;
  text-align: center;
}



/* Dialog Styling */
[data-v-9f86f2c4] .p-dialog,[data-v-9f86f2c4] .p-dialog-content,[data-v-9f86f2c4] .p-dialog-header,[data-v-9f86f2c4] .p-dialog-footer {  
  font-family: "Nunito Sans" !important;
}
.dialog-header[data-v-9f86f2c4] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.dot[data-v-9f86f2c4] {
  width: 8px;
  height: 8px;
  background-color: #25285F;
  border-radius: 50%;
}
.dialog-title[data-v-9f86f2c4] {
  color: #25285F;
  font-weight: bold;
  font-size: 18px;
}
.dialog-content[data-v-9f86f2c4] {
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}

/* Loading */
.loading-container[data-v-9f86f2c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.loading-spinner[data-v-9f86f2c4] {
  text-align: center;
}

/* Modal Body */
.modal-body[data-v-9f86f2c4] {
  padding: 20px;
}

/* Description Section */
.description-section[data-v-9f86f2c4] {
  margin-bottom: 20px;
}
.description-text[data-v-9f86f2c4] {
  font-size: 16px;
  color: #333;
  margin: 0;
}

/* Programs Section */
.programs-section[data-v-9f86f2c4] {
  margin-bottom: 20px;
}
.programs-header[data-v-9f86f2c4] {
  background-color: #4a4f553c;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.programs-header h4[data-v-9f86f2c4] {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.programs-content[data-v-9f86f2c4] {
  padding: 0 10px;
}
.programs-table-header[data-v-9f86f2c4] {
  background-color: #d1ecf1;
  color: #0c5460;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #bee5eb;
  border-radius: 4px;
  font-weight: bold;
}

/* Programs List */
.programs-list[data-v-9f86f2c4] {
  max-height: 300px;
  overflow-y: auto;
}
.program-item[data-v-9f86f2c4] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.program-item[data-v-9f86f2c4]:last-child {
  border-bottom: none;
}
.program-checkbox[data-v-9f86f2c4] {
  flex-shrink: 0;
}
.program-info[data-v-9f86f2c4] {
  flex: 1;
}
.program-label[data-v-9f86f2c4] {
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  color: #333;
}
.no-programs-message[data-v-9f86f2c4] {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
}

/* Dialog Footer */
.dialog-footer[data-v-9f86f2c4] {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
}

/* Error Message */
.alert[data-v-9f86f2c4] {
  padding: 10px 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger[data-v-9f86f2c4] {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

/* Button Styling */
.btn[data-v-9f86f2c4] {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-primary[data-v-9f86f2c4] {
  background-color: #007bff;
  color: white;
}
.btn-primary[data-v-9f86f2c4]:hover:not(:disabled) {
  background-color: #0056b3;
}
.btn-secondary[data-v-9f86f2c4] {
  background-color: #6c757d;
  color: white;
}
.btn-secondary[data-v-9f86f2c4]:hover:not(:disabled) {
  background-color: #545b62;
}
.btn[data-v-9f86f2c4]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
.auto-assign-dialog[data-v-9f86f2c4] {
    width: 95vw !important;
    max-width: none !important;
}
.dialog-content[data-v-9f86f2c4] {
    max-height: 70vh;
}
.modal-body[data-v-9f86f2c4] {
    padding: 15px;
}
.programs-list[data-v-9f86f2c4] {
    max-height: 250px;
}
}



/* Dialog Styling */
[data-v-06f2fe37] .p-dialog,[data-v-06f2fe37] .p-dialog-content,[data-v-06f2fe37] .p-dialog-header,[data-v-06f2fe37] .p-dialog-footer {  
  font-family: "Nunito Sans" !important;
}
.dialog-header[data-v-06f2fe37] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.dot[data-v-06f2fe37] {
  width: 8px;
  height: 8px;
  background-color: #25285F;
  border-radius: 50%;
}
.dialog-title[data-v-06f2fe37] {
  color: #25285F;
  font-weight: bold;
  font-size: 18px;
}
.dialog-content[data-v-06f2fe37] {
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}

/* Loading */
.equal-pi-loading[data-v-06f2fe37] {
  margin-top: 20px;
  padding: 40px 20px;
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 10px;
  text-align: center;
}

/* Modal Body */
.modal-body[data-v-06f2fe37] {
  padding: 20px;
}

/* Equal PI List */
.equal-pi-list[data-v-06f2fe37] {
  margin-bottom: 20px;
}
.table[data-v-06f2fe37] {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
}
.table-striped tbody tr[data-v-06f2fe37]:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table td[data-v-06f2fe37] {
  padding: 12px 15px;
  border-bottom: 1px solid #dee2e6;
}
.text-center[data-v-06f2fe37] {
  text-align: center;
}
.no-users-message[data-v-06f2fe37] {
  text-align: center;
  padding: 40px 20px;
  color: #666;
  font-style: italic;
}

/* Dialog Footer */
.dialog-footer[data-v-06f2fe37] {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
}

/* Error Message */
.alert[data-v-06f2fe37] {
  padding: 10px 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger[data-v-06f2fe37] {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

/* Responsive */
@media (max-width: 768px) {
.equal-pi-dialog[data-v-06f2fe37] {
    width: 95vw !important;
    max-width: none !important;
}
.dialog-content[data-v-06f2fe37] {
    max-height: 70vh;
}
.modal-body[data-v-06f2fe37] {
    padding: 15px;
}
}
/* Shared Search Panel Styles — report chrome sits on #f2f4f7 canvas; cards provide elevation */
/* BaseAccordion — PrimeVue 4 accordion (global, unscoped import)
   !important: Aura theme sets header background to content.background; must win for Figma slate header. */
/**
 * Shared surface tokens + utility — matches SearchPanel white filter card (Figma report chrome).
 * Import from shell / module mains. Prefer `.pc-surface-card` on markup instead of re-declaring border/shadow in scoped CSS.
 */
:root {
  --pc-surface-card-border: 1px solid #dadfe8;
  --pc-surface-card-radius: 12px;
  --pc-surface-card-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);

  /* Profile page color tokens */
  --color-page-bg: #f2f4f7;
  --color-border: #e7e7e7;
  --color-text-dark: #252525;
  --color-text-secondary: #51565c;
  --color-section-title: #000;

  /* Brand / primary tokens */
  --pc-brand-primary: #001e62;

  /* Surface / neutral tokens */
  --pc-surface-header: #f5f5f5;
  --pc-surface-subtle: #fafafa;
  --pc-text-muted: #555555;

  /* Info / status tokens (maps to colors.primary palette) */
  --pc-info-bg: #e3f2fd;
  --pc-info-border: #90caf9;
  --pc-info-text: #1565c0;
  --pc-table-hover: #f0f4ff;

  /* Border-radius tokens (mirrors borderRadius design tokens) */
  --pc-radius-sm: 4px;
  --pc-radius-md: 8px;
  --pc-radius-lg: 12px;
}
.pc-surface-card {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  box-sizing: border-box;
}
.pc-surface-card--radius-sm {
  border-radius: 8px;
}
.p-accordion {
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--pc-surface-card-shadow);
}
.p-accordion .p-accordionpanel {
  border-bottom: none;
}
.p-accordion .p-accordionheader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  background: #636b78 !important;
  border: none !important;
  padding: 14px 20px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: background-color 0.2s;
}
.p-accordion .p-accordionheader:hover {
  background: #58606d !important;
}
/* Title slot: inherit white (Aura may set muted header color) */
.p-accordion .p-accordionheader .accordion-header-text,
.p-accordion .p-accordionheader > :not(.p-accordionheader-toggle-icon) {
  color: #ffffff !important;
}
.p-accordion .p-accordioncontent {
  border-top: 1px solid #dadfe8;
  padding: 0;
  background: #ffffff;
}
.p-accordion .p-accordioncontent-content {
  padding: 0;
}
/*
 * Caret: Figma — 24px white circle, chevron #636b78 (same family as header bar).
 * Do not rotate: PrimeVue swaps ChevronDown / ChevronUp by expanded state.
 */
.p-accordion .p-accordionheader-toggle-icon {
  margin-left: auto !important;
  flex-shrink: 0;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #636b78 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
}
.p-accordion .p-accordionheader-toggle-icon svg {
  width: 14px !important;
  height: 14px !important;
}
/* Padded body for accordions outside SearchPanel (.p-accordioncontent-content is padding: 0 by design) */
.p-accordion .accordion-panel-inner {
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
.p-accordion .accordion-panel-inner {
    padding: 16px;
}
}
@media (max-width: 480px) {
.p-accordion .accordion-panel-inner {
    padding: 12px;
}
}
/**
 * Global page chrome — Figma 9263:73067 (title + optional subtitle) — import from shell + module mains.
 * Do not use `.page-header` for app site chrome (e.g. login top bar); use a page-specific class instead.
 */
:root {
  /* Page masthead — matches SearchPanel / report title row */
  --page-title-font-family: 'Nunito Sans', sans-serif;

  /*
   * Report page horizontal axis — title, filter card, and results share one stack.
   * Shell `main.app-main` supplies outer gutter (--pc-report-page-margin-inline-desktop); organism uses full remaining width (no capped column).
   * Optional legacy cap — not applied on SearchPanel `.organism-search-panel__page-column` so wide viewports avoid huge side margins (9263:73399).
   */
  --pc-report-content-max-width: 1376px;
  /** Inner padding inside white filter accordion/cards — Figma 9263:73166 */
  --pc-report-accordion-inner-padding: 20px;
  /** Extra gutter at organism boundary (keep 0; shell owns inset) */
  --pc-report-page-inline: 0;

  /** Shell `<main>` horizontal padding — aligns with accordion inner inset token (~20) */
  --pc-report-page-margin-inline-desktop: 20px;
  --pc-report-page-margin-inline-max-1440: 16px;
  --pc-report-page-margin-inline-max-768: 12px;

  /**
   * Standalone `.container` horizontal inset (historic SearchPanel + FormPanel).
   * Search report paths prefer shell `app-main` + organism column only — do not nest both.
   */
  --pc-container-padding-inline-desktop: 20px;
  --pc-container-padding-inline-max-1440: 16px;
  --pc-container-padding-inline-max-768: 12px;
  --page-title-font-size: 22px;
  --page-title-font-weight: 700;
  --page-title-line-height: 16px;
  --page-title-color: #000000;
  --page-subtitle-font-size: 14px;
  --page-subtitle-font-weight: 600;
  --page-subtitle-line-height: 1.29;
  --page-subtitle-color: #4a4f55;
  --page-header-gap-title-subtitle: 8px;
  --page-header-margin-bottom: 20px;

  /** Shell sticky-layer heights — used to cascade top offsets down the sticky chain */
  --shell-header-height: 90px;
  --shell-nav-height: 46px;
  --profile-tab-bar-height: 46px;
  /** Pre-computed cumulative offsets */
  --sticky-below-header: var(--shell-header-height);
  --sticky-below-nav: calc(var(--shell-header-height) + var(--shell-nav-height));
  --sticky-below-tab-bar: calc(var(--shell-header-height) + var(--shell-nav-height) + var(--profile-tab-bar-height));
}
.page-header {
  margin-bottom: var(--page-header-margin-bottom);
}
.page-header .page-title,
.page-header h1 {
  font-family: var(--page-title-font-family);
  font-weight: var(--page-title-font-weight);
  font-size: var(--page-title-font-size);
  line-height: var(--page-title-line-height);
  color: var(--page-title-color);
  margin: 0;
}
.page-header .page-subtitle,
.page-header p.page-subtitle {
  font-family: var(--page-title-font-family);
  font-size: var(--page-subtitle-font-size);
  font-weight: var(--page-subtitle-font-weight);
  line-height: var(--page-subtitle-line-height);
  color: var(--page-subtitle-color);
  margin: var(--page-header-gap-title-subtitle) 0 0;
}
/* Search / report pages: title + optional subtitle stack before filter card (9263:73067) */
.page-header.page-header--report {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--page-header-margin-bottom);
}
.page-header.page-header--report .page-title {
  margin-bottom: 0;
}
/* Title row inside dense vertical stacks / wizard cards (no extra margin under title block) */
.page-header.page-header--stacked {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 0;
}
/* Optional: title block + actions on one row (e.g. export) */
.page-header.page-header--with-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.page-header__toolbar-main {
  flex: 1;
  min-width: 0;
}
.page-header__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.page-header.page-header--with-toolbar {
    flex-direction: column;
    align-items: stretch;
}
}
.page-header__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
/* Section title with extra separation before cards (reviewer dashboard) */
.page-header.page-header--spacious {
  margin-bottom: 40px;
  padding: 10px 0;
}
@media (max-width: 768px) {
.page-header .page-title,
  .page-header h1 {
    font-size: 18px;
    line-height: 1.2;
}
.page-header .page-subtitle {
    font-size: 13px;
}
}
.organism-search-panel {
  background: transparent;
  margin: 0;
  position: relative;
}
/* Shared vertical axis inside `app-main`; no extra side band centering — max-width-only columns read as oversized padding on wide screens */
.organism-search-panel__page-column {
  box-sizing: border-box;
  width: 100%;
  margin-inline: 0;
  padding-inline: var(--pc-report-page-inline);
}
.search-panel__results {
  width: 100%;
  box-sizing: border-box;
  padding-inline: 0;
}
.search-panel__content {
  background: transparent;
  box-shadow: none;
  margin: 0;
  display: block;
  flex-direction: column;
  gap: 13px;
  max-height: none;
  min-height: unset;
  position: relative;
  justify-content: center;
}
/* Single-search filter block: white card */
.organism-search-panel .single_filter-container {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  padding: var(--pc-report-accordion-inner-padding);
  box-sizing: border-box;
}
/* Single + accordion: outer shell only — elevation on `.p-accordion` (matches MultiSearchPanel) */
.organism-search-panel .single_filter-container.single_filter-container--accordion {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
/* Multi-search: filters without accordion — same card */
.organism-search-panel .filter-container > .search-panel__filters {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  padding: var(--pc-report-accordion-inner-padding);
  box-sizing: border-box;
}
/* Accordion body: filters + action row share one padded white content area (Figma 9263:73166) */
.search-panel__accordion .p-accordioncontent .search-panel__accordion-body {
  padding: var(--pc-report-accordion-inner-padding);
  display: flex;
  flex-direction: column;
  gap: 30px;
  box-sizing: border-box;
}
.search-panel__accordion .p-accordioncontent .search-panel__filters {
  padding: 0;
  margin-bottom: 0;
}
.search-panel__accordion .search-panel__actions--in-accordion {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  gap: 20px;
}
.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%;
}
/* Subtle elevation on filter controls (PrimeVue wrappers) */
.organism-search-panel .search-panel__filters .p-inputtext,
.organism-search-panel .single_filter-container .p-inputtext,
.organism-search-panel .search-panel__filters .p-inputnumber-input,
.organism-search-panel .single_filter-container .p-inputnumber-input,
.organism-search-panel .search-panel__filters .p-select,
.organism-search-panel .single_filter-container .p-select,
.organism-search-panel .search-panel__filters .p-multiselect,
.organism-search-panel .single_filter-container .p-multiselect,
.organism-search-panel .search-panel__filters .p-autocomplete-input,
.organism-search-panel .single_filter-container .p-autocomplete-input {
  border-radius: 8px;
  border: 1px solid #c2c9d9;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}
.organism-search-panel .search-panel__filters .p-multiselect,
.organism-search-panel .single_filter-container .p-multiselect,
.organism-search-panel .search-panel__filters .p-select,
.organism-search-panel .single_filter-container .p-select {
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}
/* 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) {
  /* App shell `main.app-main` already applies horizontal inset; avoid a second gutter band */
.search-panel__actions {
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
}
}
/* Bootstrap-style band for modals/forms that import SearchPanel styles (prefer organism column on reports) */
.container {
  margin: 0 auto;
  padding-inline: var(--pc-container-padding-inline-desktop);
  box-sizing: border-box;
}
@media (max-width: 1440px) {
.container {
    padding-inline: var(--pc-container-padding-inline-max-1440);
}
}
@media (max-width: 768px) {
.container {
    padding-inline: var(--pc-container-padding-inline-max-768);
}
}
.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 .search-panel__actions_multi.search-panel__actions--in-accordion {
  margin-bottom: 0;
}
.search-panel__accordion .accordion-header-text {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.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 — report chrome sits on #f2f4f7 canvas; cards provide elevation */
/* BaseAccordion — PrimeVue 4 accordion (global, unscoped import)
   !important: Aura theme sets header background to content.background; must win for Figma slate header. */
/**
 * Shared surface tokens + utility — matches SearchPanel white filter card (Figma report chrome).
 * Import from shell / module mains. Prefer `.pc-surface-card` on markup instead of re-declaring border/shadow in scoped CSS.
 */
:root {
  --pc-surface-card-border: 1px solid #dadfe8;
  --pc-surface-card-radius: 12px;
  --pc-surface-card-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px -1px rgba(0, 0, 0, 0.1);

  /* Profile page color tokens */
  --color-page-bg: #f2f4f7;
  --color-border: #e7e7e7;
  --color-text-dark: #252525;
  --color-text-secondary: #51565c;
  --color-section-title: #000;

  /* Brand / primary tokens */
  --pc-brand-primary: #001e62;

  /* Surface / neutral tokens */
  --pc-surface-header: #f5f5f5;
  --pc-surface-subtle: #fafafa;
  --pc-text-muted: #555555;

  /* Info / status tokens (maps to colors.primary palette) */
  --pc-info-bg: #e3f2fd;
  --pc-info-border: #90caf9;
  --pc-info-text: #1565c0;
  --pc-table-hover: #f0f4ff;

  /* Border-radius tokens (mirrors borderRadius design tokens) */
  --pc-radius-sm: 4px;
  --pc-radius-md: 8px;
  --pc-radius-lg: 12px;
}
.pc-surface-card {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  box-sizing: border-box;
}
.pc-surface-card--radius-sm {
  border-radius: 8px;
}
.p-accordion {
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--pc-surface-card-shadow);
}
.p-accordion .p-accordionpanel {
  border-bottom: none;
}
.p-accordion .p-accordionheader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  background: #636b78 !important;
  border: none !important;
  padding: 14px 20px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: background-color 0.2s;
}
.p-accordion .p-accordionheader:hover {
  background: #58606d !important;
}
/* Title slot: inherit white (Aura may set muted header color) */
.p-accordion .p-accordionheader .accordion-header-text,
.p-accordion .p-accordionheader > :not(.p-accordionheader-toggle-icon) {
  color: #ffffff !important;
}
.p-accordion .p-accordioncontent {
  border-top: 1px solid #dadfe8;
  padding: 0;
  background: #ffffff;
}
.p-accordion .p-accordioncontent-content {
  padding: 0;
}
/*
 * Caret: Figma — 24px white circle, chevron #636b78 (same family as header bar).
 * Do not rotate: PrimeVue swaps ChevronDown / ChevronUp by expanded state.
 */
.p-accordion .p-accordionheader-toggle-icon {
  margin-left: auto !important;
  flex-shrink: 0;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #636b78 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box;
  padding: 0 !important;
  font-size: 10px !important;
  line-height: 1 !important;
}
.p-accordion .p-accordionheader-toggle-icon svg {
  width: 14px !important;
  height: 14px !important;
}
/* Padded body for accordions outside SearchPanel (.p-accordioncontent-content is padding: 0 by design) */
.p-accordion .accordion-panel-inner {
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
.p-accordion .accordion-panel-inner {
    padding: 16px;
}
}
@media (max-width: 480px) {
.p-accordion .accordion-panel-inner {
    padding: 12px;
}
}
/**
 * Global page chrome — Figma 9263:73067 (title + optional subtitle) — import from shell + module mains.
 * Do not use `.page-header` for app site chrome (e.g. login top bar); use a page-specific class instead.
 */
:root {
  /* Page masthead — matches SearchPanel / report title row */
  --page-title-font-family: 'Nunito Sans', sans-serif;

  /*
   * Report page horizontal axis — title, filter card, and results share one stack.
   * Shell `main.app-main` supplies outer gutter (--pc-report-page-margin-inline-desktop); organism uses full remaining width (no capped column).
   * Optional legacy cap — not applied on SearchPanel `.organism-search-panel__page-column` so wide viewports avoid huge side margins (9263:73399).
   */
  --pc-report-content-max-width: 1376px;
  /** Inner padding inside white filter accordion/cards — Figma 9263:73166 */
  --pc-report-accordion-inner-padding: 20px;
  /** Extra gutter at organism boundary (keep 0; shell owns inset) */
  --pc-report-page-inline: 0;

  /** Shell `<main>` horizontal padding — aligns with accordion inner inset token (~20) */
  --pc-report-page-margin-inline-desktop: 20px;
  --pc-report-page-margin-inline-max-1440: 16px;
  --pc-report-page-margin-inline-max-768: 12px;

  /**
   * Standalone `.container` horizontal inset (historic SearchPanel + FormPanel).
   * Search report paths prefer shell `app-main` + organism column only — do not nest both.
   */
  --pc-container-padding-inline-desktop: 20px;
  --pc-container-padding-inline-max-1440: 16px;
  --pc-container-padding-inline-max-768: 12px;
  --page-title-font-size: 22px;
  --page-title-font-weight: 700;
  --page-title-line-height: 16px;
  --page-title-color: #000000;
  --page-subtitle-font-size: 14px;
  --page-subtitle-font-weight: 600;
  --page-subtitle-line-height: 1.29;
  --page-subtitle-color: #4a4f55;
  --page-header-gap-title-subtitle: 8px;
  --page-header-margin-bottom: 20px;

  /** Shell sticky-layer heights — used to cascade top offsets down the sticky chain */
  --shell-header-height: 90px;
  --shell-nav-height: 46px;
  --profile-tab-bar-height: 46px;
  /** Pre-computed cumulative offsets */
  --sticky-below-header: var(--shell-header-height);
  --sticky-below-nav: calc(var(--shell-header-height) + var(--shell-nav-height));
  --sticky-below-tab-bar: calc(var(--shell-header-height) + var(--shell-nav-height) + var(--profile-tab-bar-height));
}
.page-header {
  margin-bottom: var(--page-header-margin-bottom);
}
.page-header .page-title,
.page-header h1 {
  font-family: var(--page-title-font-family);
  font-weight: var(--page-title-font-weight);
  font-size: var(--page-title-font-size);
  line-height: var(--page-title-line-height);
  color: var(--page-title-color);
  margin: 0;
}
.page-header .page-subtitle,
.page-header p.page-subtitle {
  font-family: var(--page-title-font-family);
  font-size: var(--page-subtitle-font-size);
  font-weight: var(--page-subtitle-font-weight);
  line-height: var(--page-subtitle-line-height);
  color: var(--page-subtitle-color);
  margin: var(--page-header-gap-title-subtitle) 0 0;
}
/* Search / report pages: title + optional subtitle stack before filter card (9263:73067) */
.page-header.page-header--report {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: var(--page-header-margin-bottom);
}
.page-header.page-header--report .page-title {
  margin-bottom: 0;
}
/* Title row inside dense vertical stacks / wizard cards (no extra margin under title block) */
.page-header.page-header--stacked {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 0;
}
/* Optional: title block + actions on one row (e.g. export) */
.page-header.page-header--with-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.page-header__toolbar-main {
  flex: 1;
  min-width: 0;
}
.page-header__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.page-header.page-header--with-toolbar {
    flex-direction: column;
    align-items: stretch;
}
}
.page-header__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
/* Section title with extra separation before cards (reviewer dashboard) */
.page-header.page-header--spacious {
  margin-bottom: 40px;
  padding: 10px 0;
}
@media (max-width: 768px) {
.page-header .page-title,
  .page-header h1 {
    font-size: 18px;
    line-height: 1.2;
}
.page-header .page-subtitle {
    font-size: 13px;
}
}
.organism-search-panel {
  background: transparent;
  margin: 0;
  position: relative;
}
/* Shared vertical axis inside `app-main`; no extra side band centering — max-width-only columns read as oversized padding on wide screens */
.organism-search-panel__page-column {
  box-sizing: border-box;
  width: 100%;
  margin-inline: 0;
  padding-inline: var(--pc-report-page-inline);
}
.search-panel__results {
  width: 100%;
  box-sizing: border-box;
  padding-inline: 0;
}
.search-panel__content {
  background: transparent;
  box-shadow: none;
  margin: 0;
  display: block;
  flex-direction: column;
  gap: 13px;
  max-height: none;
  min-height: unset;
  position: relative;
  justify-content: center;
}
/* Single-search filter block: white card */
.organism-search-panel .single_filter-container {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  padding: var(--pc-report-accordion-inner-padding);
  box-sizing: border-box;
}
/* Single + accordion: outer shell only — elevation on `.p-accordion` (matches MultiSearchPanel) */
.organism-search-panel .single_filter-container.single_filter-container--accordion {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
/* Multi-search: filters without accordion — same card */
.organism-search-panel .filter-container > .search-panel__filters {
  background: #ffffff;
  border: var(--pc-surface-card-border);
  border-radius: var(--pc-surface-card-radius);
  box-shadow: var(--pc-surface-card-shadow);
  padding: var(--pc-report-accordion-inner-padding);
  box-sizing: border-box;
}
/* Accordion body: filters + action row share one padded white content area (Figma 9263:73166) */
.search-panel__accordion .p-accordioncontent .search-panel__accordion-body {
  padding: var(--pc-report-accordion-inner-padding);
  display: flex;
  flex-direction: column;
  gap: 30px;
  box-sizing: border-box;
}
.search-panel__accordion .p-accordioncontent .search-panel__filters {
  padding: 0;
  margin-bottom: 0;
}
.search-panel__accordion .search-panel__actions--in-accordion {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  gap: 20px;
}
.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%;
}
/* Subtle elevation on filter controls (PrimeVue wrappers) */
.organism-search-panel .search-panel__filters .p-inputtext,
.organism-search-panel .single_filter-container .p-inputtext,
.organism-search-panel .search-panel__filters .p-inputnumber-input,
.organism-search-panel .single_filter-container .p-inputnumber-input,
.organism-search-panel .search-panel__filters .p-select,
.organism-search-panel .single_filter-container .p-select,
.organism-search-panel .search-panel__filters .p-multiselect,
.organism-search-panel .single_filter-container .p-multiselect,
.organism-search-panel .search-panel__filters .p-autocomplete-input,
.organism-search-panel .single_filter-container .p-autocomplete-input {
  border-radius: 8px;
  border: 1px solid #c2c9d9;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}
.organism-search-panel .search-panel__filters .p-multiselect,
.organism-search-panel .single_filter-container .p-multiselect,
.organism-search-panel .search-panel__filters .p-select,
.organism-search-panel .single_filter-container .p-select {
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1);
}
/* 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) {
  /* App shell `main.app-main` already applies horizontal inset; avoid a second gutter band */
.search-panel__actions {
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: stretch;
}
}
/* Bootstrap-style band for modals/forms that import SearchPanel styles (prefer organism column on reports) */
.container {
  margin: 0 auto;
  padding-inline: var(--pc-container-padding-inline-desktop);
  box-sizing: border-box;
}
@media (max-width: 1440px) {
.container {
    padding-inline: var(--pc-container-padding-inline-max-1440);
}
}
@media (max-width: 768px) {
.container {
    padding-inline: var(--pc-container-padding-inline-max-768);
}
}
/* Inner filter wrapper: full width inside `organism-search-panel__page-column` (shell supplies outer gutter). */
.search-panel__single-wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}
:root {
  --filter-row-gap: 1rem;
  --filter-row-margin-top: 10px;
  --filter-min-width: 200px;
  --filter-min-width-tablet: 180px;
  --filter-min-width-desktop: 220px;
}
.search-panel__accordion {
  margin-bottom: 15px;
}
.search-panel__accordion .search-panel__actions_single.search-panel__actions--in-accordion {
  margin-bottom: 0;
}
.search-panel__accordion .accordion-header-text {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
.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);
}
.single_filter-container .filter-row--in-accordion {
  margin-top: 0;
}
@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: 0;
}
/* 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;
}
}

.institution-search-panel[data-v-8671cc5b] {
  height: 100%;
  padding-top: 24px;
}

/* ===== Description Box ===== */
.inst-search-desc-box[data-v-8671cc5b] {
  background: rgba(239, 246, 255, 0.8);
  border: 0.755px solid #c9e0ff;
  border-radius: 8px;
  padding: 1rem 1.0625rem;
  font-size: 14px;
  color: #252525;
  line-height: 1.508;
  width: 100%;
  box-sizing: border-box;
}

/* ===== Search Fields ===== */
.search-fields-grid[data-v-8671cc5b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}


/* ===== Action Buttons ===== */
.search-actions[data-v-8671cc5b] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* ===== Results Container ===== */
.search-results[data-v-8671cc5b] {
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
  padding-bottom: 0;
}

/* ===== Info / Status Messages ===== */
.result-message[data-v-8671cc5b] {
  background: rgba(239, 246, 255, 0.8);
  border: 0.755px solid #c9e0ff;
  border-radius: 8px;
  padding: 1rem 1.0625rem;
  font-size: 14px;
  color: #252525;
  line-height: 1.508;
}

/* ===== List Header ===== */
.inst-list-header[data-v-8671cc5b] {
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #dadfe8;
  border: 1px solid #dadfe8;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  font-size: 13px;
  font-weight: 700;
  color: #4a4f55;
}

/* ===== Card Rows ===== */
.inst-list[data-v-8671cc5b] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 4rem;
}
.inst-list-row[data-v-8671cc5b] {
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 12px;
  padding: 1.25rem;
  min-height: 58px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.inst-list-row[data-v-8671cc5b]:hover {
  background: #f8f9fb;
}
.inst-list-row--selected[data-v-8671cc5b] {
  border-color: #001e62;
}

/* ===== Column Widths ===== */
.inst-col-select[data-v-8671cc5b] {
  flex: 0 0 70px;
  display: flex;
  align-items: center;
}
.inst-col-name[data-v-8671cc5b] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  min-width: 0;
}
.inst-col-status[data-v-8671cc5b] {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ===== Checkbox Styling ===== */
.inst-radio-hidden[data-v-8671cc5b] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.inst-checkbox-label[data-v-8671cc5b] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.inst-checkbox[data-v-8671cc5b] {
  display: inline-flex;
  width: 16px;
  height: 16px;
  border: 2px solid #001e62;
  border-radius: 3px;
  background: #ffffff;
  flex-shrink: 0;
  position: relative;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.inst-checkbox--checked[data-v-8671cc5b] {
  background: #001e62;
  border-color: #001e62;
}
.inst-checkbox--checked[data-v-8671cc5b]::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 8px;
  border: 2px solid #ffffff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}
.inst-checkbox--disabled[data-v-8671cc5b] {
  border-color: #001e62;
  border-radius: 3px;
  opacity: 0.1;
  cursor: not-allowed;
}

/* ===== Institution Name Column ===== */
.inst-name-text[data-v-8671cc5b] {
  font-size: 12px;
  font-weight: 600;
  color: #4a4f55;
  line-height: 1.5;
}
.inst-type-badge[data-v-8671cc5b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 24px;
  background: #d9dee9;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  color: #44527a;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ===== Status Column ===== */
.inst-status-icon[data-v-8671cc5b] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.inst-status-text[data-v-8671cc5b] {
  font-size: 12px;
  font-weight: 600;
  color: #4a4f55;
  line-height: 1.5;
}

/* ===== Status Bar ===== */
.inst-status-bar[data-v-8671cc5b] {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1c2331;
  padding: 1rem 1.5rem;
  border-radius: 10px 10px 0 0;
  margin: 0 -1.5rem;
}
.inst-status-info[data-v-8671cc5b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.inst-status-count[data-v-8671cc5b] {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.5;
}
.inst-status-name[data-v-8671cc5b] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
.inst-status-actions[data-v-8671cc5b] {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.inst-status-btn[data-v-8671cc5b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 1rem;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.15s ease;
  min-width: 90px;
}
.inst-status-btn[data-v-8671cc5b]:hover {
  opacity: 0.9;
}
.inst-status-btn--outlined[data-v-8671cc5b] {
  background: transparent;
  border: 1.5px solid #ffffff;
  color: #ffffff;
}
.inst-status-btn--primary[data-v-8671cc5b] {
  background: #ffffff;
  border: 1.5px solid #ffffff;
  color: #001e62;
}

.orcid-link[data-v-452a8e15] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  color: #51565c;
  text-decoration: none;
  white-space: nowrap;
}
.orcid-link[data-v-452a8e15]:hover {
  color: #001e62;
  text-decoration: underline;
}
.orcid-link--unlink[data-v-452a8e15] {
  color: #e53e3e;
}
.orcid-link--unlink[data-v-452a8e15]:hover {
  color: #c53030;
}
.orcid-logo[data-v-452a8e15] {
  flex-shrink: 0;
}
.orcid-divider[data-v-452a8e15] {
  color: #d1d5db;
  font-size: 14px;
  padding: 0 0.125rem;
}
.orcid-help[data-v-452a8e15] {
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  font-size: 15px;
}
.orcid-help[data-v-452a8e15]:hover {
  color: #001e62;
}

/* Inline variant styles (for ProfileTabBar) */
.orcid-actions-panel--inline[data-v-3fcb4655] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* Section variant uses profile-form-layout CSS (profile-form-layout.css) */
.orcid-actions-panel--section[data-v-3fcb4655] {
  --color-primary: #001e62;
  --color-primary-hover: #2cd5c4;
  --color-orcid-green: #9cc63b;
}

/* ORCID-specific styles for section variant */
.orcid-id-row[data-v-3fcb4655] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.orcid-logo-badge[data-v-3fcb4655] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--color-orcid-green);
  border-radius: 50%;
  flex-shrink: 0;
}
.orcid-letter[data-v-3fcb4655] {
  font-size: 0.625rem;
  font-weight: 700;
  color: white;
  line-height: 1;
}
.orcid-id-link[data-v-3fcb4655] {
  font-size: 0.875rem;
  color: var(--color-primary);
  text-decoration: underline;
  word-break: break-all;
}
.orcid-id-link[data-v-3fcb4655]:hover {
  color: var(--color-primary-hover);
}
.orcid-prompt[data-v-3fcb4655] {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
  line-height: 1.5;
}
.orcid-actions-wrapper[data-v-3fcb4655] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Unlink dialog content styles */
.unlink-dialog-question[data-v-3fcb4655] {
  margin: 0 0 1rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.unlink-dialog-benefits-title[data-v-3fcb4655] {
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  font-size: 0.875rem;
}
.unlink-dialog-benefits[data-v-3fcb4655] {
  margin: 0 0 0 1.5rem;
  padding: 0;
  list-style: disc;
  font-size: 0.875rem;
  line-height: 1.5;
}
.unlink-dialog-benefits li[data-v-3fcb4655] {
  margin-bottom: 0.25rem;
}

.upload-result-table[data-v-310bf196] {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
.upload-result-table__banner[data-v-310bf196] {
  padding: 12px;
  border-radius: 4px 4px 0 0;
  font-size: 14px;
  margin: 0;
}
.upload-result-table__banner--success[data-v-310bf196] {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  border-bottom: none;
  color: #155724;
}
.upload-result-table__banner--danger[data-v-310bf196] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-bottom: none;
  color: #721c24;
}
.upload-result-table__grid[data-v-310bf196] {
  width: 100%;
}
/**
 * DataRowList — reusable label/value row-list layout with edit/delete actions.
 * Apply `profile-data-row-list` and `data-row-list` on the root element.
 */
.profile-data-row-list {
  --pdr-color-text: #252525;
  --pdr-color-text-muted: #51565c;
  --pdr-color-border: #e7e7e7;
  --pdr-color-primary: #001e62;
  --pdr-color-danger: #e53e3e;
  --pdr-color-editing-bg: #fff9e6;
  --pdr-color-editing-text: #737373;
}

.profile-data-row-list.data-row-list {
  width: 100%;
  padding: 0 30px 30px;
}

/* Empty state */
.profile-data-row-list .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 3rem 1rem;
  opacity: 0.8;
}

.profile-data-row-list .empty-text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  color: var(--pdr-color-text);
  margin: 0;
}

.profile-data-row-list .empty-subtext {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: var(--pdr-color-text-muted);
  margin: 0;
}

/* Row */
.profile-data-row-list .data-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  min-height: 44px;
}

.profile-data-row-list .data-row.row-editing {
  background-color: var(--pdr-color-editing-bg);
  border-radius: 4px;
  padding: 16px 8px;
}

/* Columns */
.profile-data-row-list .data-columns {
  display: flex;
  align-items: center;
  gap: 40px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.profile-data-row-list .data-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-shrink: 1;
  min-width: 0;
}

.profile-data-row-list .data-col--compact {
  flex: 0 1 80px;
  min-width: 0;
}

.profile-data-row-list .data-col--small {
  flex: 0 1 100px;
  min-width: 0;
}

.profile-data-row-list .data-col--grow {
  flex: 1 1 0;
  min-width: 0;
}

.profile-data-row-list .data-col--fixed {
  flex: 0 1 120px;
  min-width: 0;
}

.profile-data-row-list .data-col--multiline .col-value {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
}

.profile-data-row-list .col-label {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #000;
  line-height: 1.2;
}

.profile-data-row-list .col-value {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: var(--pdr-color-text-muted);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Inline / add-new form container */
.profile-data-row-list .data-row--form {
  display: block;
  width: 100%;
  padding: 16px 0;
}

/* Actions */
.profile-data-row-list .action-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  min-width: 112px;
}

.profile-data-row-list .row-divider {
  height: 1px;
  background: var(--pdr-color-border);
  width: 100%;
}

.profile-data-row-list .editing-indicator {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.profile-data-row-list .editing-text {
  font-size: 13px;
  color: var(--pdr-color-editing-text);
  font-style: italic;
}

/* Search bar */
.profile-data-row-list .data-row-list__search {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
  padding-right: 0.5rem;
}

/* Row flash highlight — shown after cancel or save-and-close */
@keyframes rowFlash {
  0%   { background-color: var(--pdr-color-editing-bg); border-radius: 4px; }
  70%  { background-color: var(--pdr-color-editing-bg); border-radius: 4px; }
  100% { background-color: transparent; border-radius: 4px; }
}

.profile-data-row-list .data-row--highlighted {
  animation: rowFlash 2.5s ease-out forwards;
}

@media (max-width: 768px) {
  .profile-data-row-list.data-row-list {
    padding: 0 16px 20px;
  }

  .profile-data-row-list .data-columns {
    gap: 16px;
    flex-wrap: wrap;
  }

  .profile-data-row-list .data-col--grow {
    min-width: 0;
  }

  .profile-data-row-list .action-buttons {
    gap: 10px;
  }
}
/**
 * SectionCard — shared card shell molecule.
 * Replaces the 6 near-identical .profile-form-layout.{x}-section blocks
 * that were duplicated in profile-form-layout.css.
 *
 * Import this file (non-scoped) from SectionCard.vue, just like DataRowList.css.
 */

.section-card {
  border: 1px solid #dadfe8;
  border-radius: 16px;
  background: white;
  overflow: hidden;
  padding: 1px;
}

.section-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  min-height: 65px;
  background-color: #dadfe8;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 15px 15px 0 0;
}

.section-card__title {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  margin: 0;
}

.section-card__add-btn {
  white-space: nowrap;
}

.section-card__body {
  padding: 30px 30px 30px;
}

@media (max-width: 768px) {
  .section-card__header {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    padding: 16px 20px;
  }

  .section-card__title {
    text-align: center;
  }

  .section-card__add-btn {
    width: 100%;
  }

  .section-card__body {
    padding: 20px 16px 20px;
  }
}

.export-button-container[data-v-1e76b160] {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 0;
}
.export-label[data-v-1e76b160] {
  font-weight: 600;
  font-size: 16px;
  line-height: 1em;
  color: #001E62;
  white-space: nowrap;
}

/* Icon-only button (no background) */
.icon-only-button[data-v-1e76b160] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.icon-only-button[data-v-1e76b160]:hover {
  transform: translateY(-1px);
}
.icon-only-button.disabled[data-v-1e76b160] {
  opacity: 0.5;
  cursor: not-allowed;
}
.icon-only-button.disabled[data-v-1e76b160]:hover {
  transform: none;
}
.icon-only-button__icon-wrap[data-v-1e76b160] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
}
.export-icon-spinner[data-v-1e76b160] {
  position: absolute;
  inset: -2px;
  margin: auto;
  width: 28px;
  height: 28px;
  border: 3px solid rgba(0, 30, 98, 0.2);
  border-top-color: #001e62;
  border-radius: 50%;
  animation: export-button-spin-1e76b160 0.65s linear infinite;
  pointer-events: none;
}
@keyframes export-button-spin-1e76b160 {
to {
    transform: rotate(360deg);
}
}

/* Regular button (with background) */
.export-button[data-v-1e76b160] {
  min-height: 44px;
}
.export-icon[data-v-1e76b160] {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}
.export-icon--loading[data-v-1e76b160] {
  opacity: 0.45;
  pointer-events: none;
}
.button-text[data-v-1e76b160] {
  font-weight: 500;
  font-size: 14px;
}

/* Custom styles to override PrimeVue button styles if needed */
[data-v-1e76b160] .p-button {
  border-radius: 6px;
  padding: 8px 16px;
}
[data-v-1e76b160] .p-button.p-button-primary {
  background-color: #007bff;
  border-color: #007bff;
}
[data-v-1e76b160] .p-button.p-button-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.export-button-container[data-v-1e76b160] {
    gap: 12px;
    flex-direction: column;
    align-items: flex-start;
}
.export-label[data-v-1e76b160] {
    font-size: 14px;
}
}

.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;
}

/* This component is primarily for logic, minimal styling needed */

/* Link Button Container */
.link-button-container[data-v-0a6ef676] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
}
.linking-container[data-v-0a6ef676] {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Link Button styling for raw button elements */
.link-button-raw[data-v-0a6ef676],
.link-add-button-raw[data-v-0a6ef676] {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  transition: opacity 0.2s ease;
}
.link-button-raw[data-v-0a6ef676]:hover,
.link-add-button-raw[data-v-0a6ef676]:hover {
  opacity: 0.8;
}
.link-button-raw[data-v-0a6ef676]:focus,
.link-add-button-raw[data-v-0a6ef676]:focus {
  outline: 2px solid #001E62;
  outline-offset: 2px;
  border-radius: 4px;
}
.link-with-count[data-v-0a6ef676],
.link-add[data-v-0a6ef676] {
  display: flex;
  align-items: center;
  gap: 2px;
}
.link-count[data-v-0a6ef676] {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  color: #4A4F55;
  margin-left: 2px;
}
.no-linking[data-v-0a6ef676] {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  color: #4A4F55;
}

/* SVG Icon styling - Based on Figma design */
.link-svg-icon[data-v-0a6ef676],
.add-svg-icon[data-v-0a6ef676] {
  width: 24px;
  height: 24px;
  transition: opacity 0.2s ease;
}
.link-button-raw:hover .link-svg-icon[data-v-0a6ef676],
.link-add-button-raw:hover .link-svg-icon[data-v-0a6ef676],
.link-add-button-raw:hover .add-svg-icon[data-v-0a6ef676] {
  opacity: 0.8;
}

/* This component is primarily for logic, minimal styling needed */

.auto-assign-button-container[data-v-87da04cf] {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Auto Add Button - Figma Design */
.auto-assign-button[data-v-87da04cf] {
  height: 42px !important;
  padding: 12px 16px !important;
  background-color: #51565C !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
}
.auto-assign-button[data-v-87da04cf]:hover:not(:disabled) {
  opacity: 0.8 !important;
  transform: translateY(-1px) !important;
}
.auto-assign-button[data-v-87da04cf]:active:not(:disabled) {
  transform: translateY(0) !important;
}
.auto-assign-button[data-v-87da04cf]:disabled {
  opacity: 0.4 !important;
}


/* This component is primarily for logic, minimal styling needed */

.equal-pi-button[data-v-b4cde03d] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  margin-left: 4px;
  color: #007bff;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.equal-pi-button[data-v-b4cde03d]:hover:not(:disabled) {
  color: #0056b3;
  transform: scale(1.1);
}
.equal-pi-button[data-v-b4cde03d]:active:not(:disabled) {
  transform: scale(0.95);
}
.equal-pi-button[data-v-b4cde03d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.equal-pi-button i[data-v-b4cde03d] {
  font-size: 14px;
}

.committee-dropdown[data-v-52f1de35] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.committee-dropdown[data-v-52f1de35] .base-select-wrapper,
.committee-dropdown[data-v-52f1de35] .base-multiselect-wrapper {
  width: 100%;
  min-width: 0;
}
.committee-dropdown__archived-filter[data-v-52f1de35] {
  margin-top: 20px;
}
[data-v-52f1de35] .p-multiselect.p-invalid .p-multiselect-label.p-placeholder {
  color: var(--p-text-color) !important;
}

.critique-template-dropdown[data-v-573072e6] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.critique-template-dropdown[data-v-573072e6] .base-select-wrapper,
.critique-template-dropdown[data-v-573072e6] .base-multiselect-wrapper {
  width: 100%;
  min-width: 0;
}
.error-message[data-v-573072e6] {
  padding: 0.5rem;
  color: var(--p-red-500, #dc3545);
}
[data-v-573072e6] .p-multiselect.p-invalid .p-multiselect-label.p-placeholder {
  color: var(--p-text-color) !important;
}

[data-v-731f2bac] .p-select-overlay,[data-v-731f2bac] .p-multiselect-overlay {
  z-index: 1100 !important;
}
[data-v-731f2bac] .p-select-panel,[data-v-731f2bac] .p-multiselect-panel {
  z-index: 1100 !important;
}
[data-v-731f2bac] .p-multiselect.p-invalid .p-multiselect-label.p-placeholder {
  color: var(--p-text-color) !important;
}

.input-text-button[data-v-230159f5] {
  --input-text-button-input-width: 150px;
  display: flex;
  align-items: stretch;
  height: 44px;
}

/* Figma 11160:95041 — score entry field (left segment) */
.input-text-button__field[data-v-230159f5] {
  width: var(--input-text-button-input-width);
  min-width: var(--input-text-button-input-width);
  height: 44px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #c2c9d9;
  border-radius: 8px 0 0 8px;
  margin-right: -1px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.input-text-button__field[data-v-230159f5] .base-input-text {
  width: 100%;
  gap: 0;
}
.input-text-button__field[data-v-230159f5] .base-input-text__input-container {
  width: 100%;
  height: 44px;
  min-height: 44px;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 10px;
  gap: 8px;
  box-shadow: none;
}
.input-text-button__field[data-v-230159f5] .base-input-text__input-container--icon-right .base-input-text__input {
  padding-right: 0;
}
.input-text-button__field[data-v-230159f5] .base-input-text__input,
.input-text-button__field[data-v-230159f5] input {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.input-text-button__field[data-v-230159f5] .base-input-text__input::placeholder,
.input-text-button__field[data-v-230159f5] input::placeholder {
  color: #51565c;
}
.input-text-button__field[data-v-230159f5] .base-input-text__icon--right {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 2px;
  cursor: help;
  color: #001e62;
}
.input-text-button__field[data-v-230159f5] .base-input-text__icon--right .pi {
  font-size: 16px;
}

/* Figma 11160:95031 — connected action button (right segment) */
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  background: #ffffff !important;
  border: 1px solid #c2c9d9 !important;
  border-radius: 0 8px 8px 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  color: #001e62 !important;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
  box-shadow: none !important;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:hover:not(:disabled),
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:not(:disabled):hover {
  background: #f6f6f6 !important;
  border-color: #c2c9d9 !important;
  color: #001e62 !important;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:active:not(:disabled) {
  background: #eef3ff !important;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:focus {
  outline: none;
  box-shadow: none !important;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:focus-visible {
  outline: 2px solid #001e62;
  outline-offset: 2px;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:disabled,
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button.p-disabled {
  opacity: 1 !important;
  cursor: not-allowed;
  background: #ffffff !important;
  border: 1px solid #c2c9d9 !important;
  color: #001e62 !important;
}
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button:disabled .p-button-label,
.input-text-button[data-v-230159f5] .input-text-button__btn.p-button.p-disabled .p-button-label {
  color: #001e62 !important;
}

/* Accordion chrome + title: shared BaseAccordion.css (.accordion-panel-inner for body padding) */

/* Loading Section */
.loading-section[data-v-accca115] {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}

/* Table Styles */
/*these are for tiny tables only*/
.table-container[data-v-accca115] {
  overflow: hidden;
}
.loi-status-table-header[data-v-accca115] {
  background: #e9ecf1;
  border-bottom: 1px solid #dadfe8;
}
.loi-status-header-row[data-v-accca115] {
  display: flex;
  padding: 20px;
  gap: 21px;
}
.loi-status-header-cell[data-v-accca115] {
  font-weight: 600;
  font-size: 13px;
  color: #4a4f55;
  text-align: left;
}
.loi-status-program-cell[data-v-accca115] {
  flex: 1;
  min-width: 200px;
  max-width: 630px;
}
.loi-status-count-cell[data-v-accca115] {
  flex: 0 0 200px;
  text-align: left;
}
.loi-status-table-body[data-v-accca115] {
  background: white;
}
.loi-status-data-row[data-v-accca115] {
  display: flex;
  padding: 16px 20px;
  gap: 21px;
  border-bottom: 1px solid #dbdcdd;
}
.loi-status-data-row[data-v-accca115]:last-child {
  border-bottom: none;
}
.alternate-row[data-v-accca115] {
  background: #f6f6f6;
}
.loi-status-data-cell[data-v-accca115] {
  font-weight: 500;
  font-size: 12px;
  color: #4a4f55;
  display: flex;
  align-items: center;
}
.loi-status-data-cell.loi-status-program-cell[data-v-accca115] {
  font-weight: 600;
}
.program-name[data-v-accca115] {
  line-height: 18px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* No Data Section */
.no-data-section[data-v-accca115] {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}
.no-data-text[data-v-accca115] {
  color: #6e7277;
  font-size: 14px;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 1200px) {
.loi-status-header-row[data-v-accca115],
  .loi-status-data-row[data-v-accca115] {
    gap: 15px;
    padding: 16px;
}
.loi-status-count-cell[data-v-accca115] {
    flex: 0 0 150px;
}
.loi-status-program-cell[data-v-accca115] {
    min-width: 150px;
}
}
@media (max-width: 768px) {
.loi-status-table-header[data-v-accca115] {
    display: none;
}
.loi-status-header-row[data-v-accca115],
  .loi-status-data-row[data-v-accca115] {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
.loi-status-data-cell[data-v-accca115] {
    width: 100%;
    margin-bottom: 4px;
}
.loi-status-data-cell[data-v-accca115]::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: 12px;
    color: #4a4f55;
    margin-right: 8px;
    min-width: 120px;
    display: inline-block;
}
.loi-status-data-row[data-v-accca115] {
    padding: 12px;
}
}
@media (max-width: 480px) {
.loi-status-header-row[data-v-accca115],
  .loi-status-data-row[data-v-accca115] {
    padding: 12px;
}
}

.checkbox-row[data-v-34b9ba37] {
  margin-top: 4px;
}

/* Single column layout container */
.filters-container[data-v-34b9ba37] {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Single column - full width */
.filters-column[data-v-34b9ba37] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* Individual filter group (label + input) */
.filter-group[data-v-34b9ba37] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.checkbox-group[data-v-34b9ba37] {
  justify-content: flex-start;
  align-items: flex-start;
  align-self: flex-end;
  margin-bottom: 5px;
}

/* Two-column rows */
.filter-row-2col[data-v-34b9ba37] {
  display: flex;
  gap: 20px;
}
.filter-row-2col .filter-group[data-v-34b9ba37] {
  flex: 1;
}

/* Three-column rows */
.filter-row-3col[data-v-34b9ba37] {
  display: flex;
  gap: 20px;
}
.filter-row-3col .filter-group[data-v-34b9ba37] {
  flex: 1;
}

/* Actions layout adjustments */
.actions-right[data-v-34b9ba37] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

/* Responsive adjustments */
@media (max-width: 1440px) {
.filter-row-3col[data-v-34b9ba37] {
    flex-wrap: wrap;
}
.filter-row-3col .filter-group[data-v-34b9ba37] {
    flex: 1 1 calc(50% - 10px);
    min-width: 250px;
}
}
@media (max-width: 768px) {
.filter-row-2col[data-v-34b9ba37],
  .filter-row-3col[data-v-34b9ba37] {
    flex-direction: column;
}
.filter-row-2col .filter-group[data-v-34b9ba37],
  .filter-row-3col .filter-group[data-v-34b9ba37] {
    flex: 1 1 100%;
    max-width: 100%;
}
}

.loi-table[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.actions-cell[data-v-9d3c81c1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 8px;
}
.pi-cell[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
}
.pi-email-link[data-v-9d3c81c1] {
  color: inherit;
  text-decoration: none;
}
.pi-email-link[data-v-9d3c81c1]:hover {
  text-decoration: underline;
}
.pi-email[data-v-9d3c81c1] {
  color: #4a4f55;
  font-size: 12px;
}
.app-id-link[data-v-9d3c81c1] {
  color: inherit;
  text-decoration: none;
}
.app-id-link[data-v-9d3c81c1]:hover {
  text-decoration: underline;
}
.resub-cell[data-v-9d3c81c1] {
  text-align: center;
}
.resub-link[data-v-9d3c81c1] {
  color: inherit;
  text-decoration: none;
}
.resub-link[data-v-9d3c81c1]:hover {
  text-decoration: underline;
}
.status-cell[data-v-9d3c81c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  text-align: center;
  gap: 6px;
}
.status-text[data-v-9d3c81c1] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
}
.revision-indicator[data-v-9d3c81c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #001e62;
  font-size: 12px;
  cursor: help;
}
.revision-indicator i[data-v-9d3c81c1] {
  opacity: 0.8;
}
.delinquent-cell[data-v-9d3c81c1] {
  text-align: center;
}
.delinquent-link[data-v-9d3c81c1] {
  color: inherit;
  text-decoration: none;
}
.delinquent-link[data-v-9d3c81c1]:hover {
  text-decoration: underline;
}
.committee-cell[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-height: 60px;
  justify-content: center;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.committee-none[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.committee-links[data-v-9d3c81c1] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.committee-link-container[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 100%;
}
.committee-link[data-v-9d3c81c1] {
  word-break: break-all;
  overflow-wrap: anywhere;
  max-width: 100%;
  display: inline-block;
  text-align: center;
}

/* Status Date cell styling */
.status-date-cell[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 260px;
  box-sizing: border-box;
  padding: 0 4px;
}

/* Deadline Input styling to match Figma design */
.deadline-input[data-v-9d3c81c1] {
  width: 100%;
  min-width: 200px;
}
.deadline-input[data-v-9d3c81c1] .p-inputtext,
.deadline-input[data-v-9d3c81c1] .p-datepicker-input {
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.385 !important;
  color: var(--color-text) !important;
  text-align: center !important;
  height: auto !important;
  width: 100% !important;
  min-width: 100px !important;
}

/* Action Button styling to match Figma design */
.action-button[data-v-9d3c81c1] {
  height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  min-width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  border-color: #001e62 !important;
  color: #001e62 !important;
}
.action-button[data-v-9d3c81c1]:hover {
  background: rgba(0, 30, 98, 0.1) !important;
}

/* Main label styling */
.main-label[data-v-9d3c81c1] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  text-align: center;
  padding: 2px 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  overflow-wrap: anywhere;
  white-space: nowrap;
}

/* Expanded row styling */
.expanded-row[data-v-9d3c81c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* Deadline label styling */
.deadline-label[data-v-9d3c81c1] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-heading);
  text-align: center;
}

/* Buttons container styling */
.buttons-container[data-v-9d3c81c1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 8px;
}
.notes-cell[data-v-9d3c81c1] {
  text-align: center;
}
.notes-link[data-v-9d3c81c1] {
  color: inherit;
  text-decoration: none;
}
.notes-link[data-v-9d3c81c1]:hover {
  text-decoration: underline;
}

.loi-admin-view[data-v-9eeb8fd9] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.table-section[data-v-9eeb8fd9] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Header Section */
.header-section[data-v-ad041729] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 42%, rgba(238, 238, 244, 1) 100%);
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  margin-bottom: 30px;
}
.header-content[data-v-ad041729] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.application-info[data-v-ad041729] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.program-name[data-v-ad041729] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.8888888888888888em;
  color: #4A4F55;
  margin: 0;
}
.application-details[data-v-ad041729] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.detail-info[data-v-ad041729] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2857142857142858em;
  color: #51565C;
  margin: 0;
}

/* Header Actions (Return Button) */
.header-actions[data-v-ad041729] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.back-button-wrapper[data-v-ad041729] .p-button {
  background-color: transparent !important;
  color: #001e62 !important;
  border: 2px solid #001e62 !important;
  border-radius: 8px;
}
.back-button-wrapper[data-v-ad041729] .p-button:hover {
  background-color: #001e62 !important;
  color: white !important;
}

/* Single column layout container */
.filters-container[data-v-ef90b11b] {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Single column - full width */
.filters-column[data-v-ef90b11b] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* Individual filter group (label + input) */
.filter-group[data-v-ef90b11b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Two-column rows */
.filter-row-2col[data-v-ef90b11b] {
  display: flex;
  gap: 20px;
}
.filter-row-2col .filter-group[data-v-ef90b11b] {
  flex: 1;
}

/* Four-column rows */
.filter-row-4col[data-v-ef90b11b] {
  display: flex;
  gap: 20px;
}
.filter-row-4col .filter-group[data-v-ef90b11b] {
  flex: 1;
}

/* Search field occupies 2 columns */
.filter-row-4col .filter-group.filter-2col[data-v-ef90b11b] {
  flex: 2;
}

/* Label with tooltip styling */
.label-with-tooltip[data-v-ef90b11b] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Actions layout adjustments */
[data-v-ef90b11b] .search-panel__actions {
  align-items: center;
  gap: 10px;
}
.actions-right[data-v-ef90b11b] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

/* Responsive adjustments */
@media (max-width: 1440px) {
.filter-row-4col[data-v-ef90b11b] {
    flex-wrap: wrap;
}
.filter-row-4col .filter-group[data-v-ef90b11b] {
    flex: 1 1 calc(50% - 10px);
    min-width: 250px;
}
.filter-row-4col .filter-group.filter-2col[data-v-ef90b11b] {
    flex: 1 1 calc(50% - 10px);
}
}
@media (max-width: 768px) {
.filter-row-2col[data-v-ef90b11b],
  .filter-row-4col[data-v-ef90b11b] {
    flex-direction: column;
}
.filter-row-4col .filter-group[data-v-ef90b11b],
  .filter-row-4col .filter-group.filter-2col[data-v-ef90b11b] {
    flex: 1 1 100%;
    max-width: 100%;
}
[data-v-ef90b11b] .search-panel__actions {
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
}
.actions-right[data-v-ef90b11b] {
    width: 100%;
    justify-content: center;
}

  /* Ensure default buttons and custom actions stack properly on mobile */
[data-v-ef90b11b] .search-panel__actions-default,[data-v-ef90b11b] .search-panel__actions-custom {
    width: 100%;
    margin-left: 0;
}
}

.submitted-applications-table[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
}

/* Ensure table columns respect their width boundaries */
[data-v-36d4c1bc] .p-datatable-table {
  table-layout: fixed;
  width: 100%;
}

/* Table body cell styles - prevent overflow */
[data-v-36d4c1bc] .p-datatable-tbody > tr > td {
  overflow: hidden;
  padding: 8px !important;
  box-sizing: border-box;
}

/* Table cell styles */
.program-cell[data-v-36d4c1bc],
.sub-program-cell[data-v-36d4c1bc],
.applicant-cell[data-v-36d4c1bc],
.institution-cell[data-v-36d4c1bc],
.app-id-cell[data-v-36d4c1bc],
.tracking-id-cell[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--color-text);
}

/* Link styles */
.institution-link[data-v-36d4c1bc],
.app-id-link[data-v-36d4c1bc],
.action-link[data-v-36d4c1bc],
.committee-link[data-v-36d4c1bc] {
  color: #001e62;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}
.institution-link[data-v-36d4c1bc]:hover,
.app-id-link[data-v-36d4c1bc]:hover,
.action-link[data-v-36d4c1bc]:hover,
.committee-link[data-v-36d4c1bc]:hover {
  color: #003d99;
  text-decoration: underline;
}
.institution-text[data-v-36d4c1bc] {
  color: #4a4f55;
  font-weight: 600;
}
.no-institution[data-v-36d4c1bc] {
  color: #6b7280;
  font-style: italic;
}
.pc-indicator[data-v-36d4c1bc] {
  color: #6b7280;
  font-size: 0.7rem;
  margin-left: 0.25rem;
}

/* Removed - now using BaseButton component */
.committee-link[data-v-36d4c1bc] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  margin: 0.125rem;
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.committee-link[data-v-36d4c1bc]:hover {
  background-color: #e5e7eb;
  border-color: #001e62;
}
.project-title-cell[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.333;
  color: var(--color-text);
  max-width: 8.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Removed - unused link indicator styles */
.actions-cell[data-v-36d4c1bc] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.actions-cell .action-link[data-v-36d4c1bc] {
  padding: 0.25rem 0.5rem;
  border: 1px solid #d1d5db;
  border-radius: 0.25rem;
  background-color: #f9fafb;
  font-size: 0.75rem;
  white-space: nowrap;
}
.actions-cell .action-link[data-v-36d4c1bc]:hover {
  background-color: #f3f4f6;
  border-color: #001e62;
}

/* Removed - unused status and date cell styles */

/* Removed - unused footer and pagination styles */

/* Responsive adjustments */
@media (max-width: 768px) {
.actions-cell[data-v-36d4c1bc] {
    flex-direction: column;
    gap: 0.25rem;
}
}

/* Figma Design Styles - Table Row and Cell Styling */
/* .pc-datatable tbody tr {
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-radius: 16px;
  margin-bottom: 4px;
}

.pc-datatable tbody td {
  padding: 16px;
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  border: none;
  vertical-align: center;
} */

/* Actions cell styling */
.actions-cell[data-v-36d4c1bc] {
  display: block;
}
.actions-link[data-v-36d4c1bc] {
  display: block;
  margin-bottom: 0.25rem;
}
.actions-link[data-v-36d4c1bc]:last-child {
  margin-bottom: 0;
}

/* Committee cell styling */
.committee-cell[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  min-height: 60px;
  justify-content: center;
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.committee-none[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.committee-none .main-label[data-v-36d4c1bc] {
  margin-bottom: 2px;
}
.committee-none .expanded-row[data-v-36d4c1bc] {
  gap: 4px;
}

/* Date of Status cell styling */
.date-of-status-cell[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 260px;
  box-sizing: border-box;
  padding: 0 4px;
}

/* Deadline Input styling to match Figma design */
.deadline-input[data-v-36d4c1bc] {
  width: 100%;
  min-width: 200px;
}
.deadline-input[data-v-36d4c1bc] .p-inputtext,
.deadline-input[data-v-36d4c1bc] .p-datepicker-input {
  border: 1px solid var(--color-border) !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1.385 !important;
  color: var(--color-text) !important;
  text-align: center !important;
  height: auto !important;
  width: 100% !important;
  min-width: 100px !important;
}

/* Action Button styling to match Figma design */
.action-button[data-v-36d4c1bc] {
  height: 24px !important;
  padding: 2px 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  min-width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  border-color: #001e62 !important;
  color: #001e62 !important;
}
.action-button[data-v-36d4c1bc]:hover {
  background: rgba(0, 30, 98, 0.1) !important;
}

/* Link styling for clickable text */
.link.cursor-pointer.text-blue-600.hover\\[data-v-36d4c1bc]:underline {
  color: #001e62 !important;
  text-decoration: underline;
  font-weight: 600;
}
.link.cursor-pointer.text-blue-600.hover\\[data-v-36d4c1bc]:underline:hover {
  color: #001e62 !important;
  opacity: 0.8;
}

/* Institution name with logo styling */
.applicant-with-logo[data-v-36d4c1bc] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.institution-logo[data-v-36d4c1bc] {
  width: 24px;
  height: 24px;
  background: #9cc63b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: white;
  font-weight: 700;
}

/* Project title lengthy text styling */
.project-title-cell[data-v-36d4c1bc] {
  max-width: 188px;
  word-wrap: break-word;
  line-height: 1.385;
}

/* Main label styling */
.main-label[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  text-align: center;
  padding: 2px 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  overflow-wrap: anywhere;
}

/* Expanded row styling */
.expanded-row[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}

/* Deadline label styling */
.deadline-label[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-heading);
  text-align: center;
}

/* Buttons container styling */
.buttons-container[data-v-36d4c1bc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 8px;
}

/* Special styling for single button in committee cell */
.committee-none .buttons-container[data-v-36d4c1bc] {
  justify-content: center;
  margin-top: 4px;
}

/* Legacy icon container styling (kept for other components) */
.icon-container[data-v-36d4c1bc] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background: rgba(74, 79, 85, 0.1);
  color: #001e62;
  transition: all 0.2s ease;
}
.icon-container[data-v-36d4c1bc]:hover {
  background: rgba(0, 30, 98, 0.15);
}

/* Committee links styling */
.committee-links[data-v-36d4c1bc] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.committee-links .main-label[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 100%;
}
.committee-links .actions-link[data-v-36d4c1bc] {
  word-break: break-all;
  overflow-wrap: anywhere;
  max-width: 100%;
  display: inline-block;
  text-align: center;
}



/* Declined info styling */
.declined-info[data-v-36d4c1bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.declined-text[data-v-36d4c1bc] {
  font-size: 12px;
  color: #51565c;
  text-align: center;
}

/* Project title cell styling */
.project-title-lengthy[data-v-36d4c1bc] {
  max-width: 188px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.385;
  color: #51565c;
}

/* Applicant with institution logo */
.applicant-with-logo .institution-logo[data-v-36d4c1bc] {
  flex-shrink: 0;
}

/* New Applicant Cell Design - Figma Implementation */
.applicant-cell-container[data-v-36d4c1bc] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  min-height: 86px;
  width: 100%;
  min-width: 120px;
}
.orcid-logo-container[data-v-36d4c1bc] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #9cc63b;
  border-radius: 50%;
  cursor: help;
}
.orcid-logo[data-v-36d4c1bc] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.applicant-name-container[data-v-36d4c1bc] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.applicant-link[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-heading) !important;
  text-decoration: none;
  transition: opacity 0.2s ease;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.applicant-link[data-v-36d4c1bc]:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Status cell styling */
.status-cell[data-v-36d4c1bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  text-align: center;
  gap: 6px;
}
.status-text[data-v-36d4c1bc] {
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
}
.revision-indicator[data-v-36d4c1bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #001e62;
  font-size: 12px;
  cursor: help;
}
.revision-indicator i[data-v-36d4c1bc] {
  opacity: 0.8;
}

/* Resubmission indicator cell styling */
.resubmission-cell[data-v-36d4c1bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-text);
  text-align: center;
  min-width: 50px;
}
.resubmission-link[data-v-36d4c1bc] {
  color: var(--color-heading) !important;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.resubmission-link[data-v-36d4c1bc]:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* Equal PI Indicator cell styling */
.equal-pi-cell[data-v-36d4c1bc] {
  display: flex;
  align-items: center;
  justify-content: right;
  padding: 8px;
}

.submitted-applications-view[data-v-e89e03d5] {
  display: flex;
  flex-direction: column;
}

/* Action Buttons Section */
.action-buttons-section[data-v-e89e03d5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  gap: 20px;
}
.action-buttons-left[data-v-e89e03d5] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.action-buttons-right[data-v-e89e03d5] {
  display: flex;
  align-items: center;
  gap: 20px;
}



/* Current Date */
.current-date[data-v-e89e03d5] {
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-heading);
}

/* Responsive adjustments */
@media (max-width: 768px) {
.submitted-applications-view[data-v-e89e03d5] {
    padding: 1rem;
    gap: 1rem;
}
.action-buttons-section[data-v-e89e03d5] {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}
.action-buttons-left[data-v-e89e03d5],
  .action-buttons-right[data-v-e89e03d5] {
    justify-content: center;
}
.current-date[data-v-e89e03d5] {
    font-size: 14px;
    text-align: center;
}
}

/* Position Excel export button close to search/reset buttons */
[data-v-182265ec] .search-panel__actions-custom {
  margin-left: 0;
  gap: 10px;
}

.invitations-table-container[data-v-1f09cac0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.action-bar[data-v-1f09cac0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
}
.action-bar-left[data-v-1f09cac0] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.action-bar-left[data-v-1f09cac0] .p-button:disabled,
.action-bar-left[data-v-1f09cac0] .p-button.p-disabled {
  background: transparent !important;
}
.action-bar-right[data-v-1f09cac0] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.selection-count[data-v-1f09cac0] {
  font-size: 0.875rem;
  color: var(--text-secondary, #666);
  font-weight: 500;
}
.table-container[data-v-1f09cac0] {
  background: var(--background-primary, white);
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.stage-badge[data-v-1f09cac0] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: var(--primary-light, #e3f2fd);
  color: var(--primary-color, #1976d2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 768px) {
.action-bar[data-v-1f09cac0] {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
}
.action-bar-left[data-v-1f09cac0],
  .action-bar-right[data-v-1f09cac0] {
    justify-content: center;
}
.selection-controls[data-v-1f09cac0] {
    flex-wrap: wrap;
}
}

.invitations-pending-view[data-v-d77994c6] {
  display: flex;
  flex-direction: column;
}
.results-section[data-v-d77994c6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
.invitations-pending-view[data-v-d77994c6] {
    padding: 1rem;
    gap: 1rem;
}
}

/* Application details + actions: page masthead via SingleSearchPanel default (page-layout.css) */

/* Application Details */
.application-details-section[data-v-19428cad] {
  background: #ffffff;
  border: 1px solid #DBDCDD;
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  margin-top: 24px;
}
.details-header[data-v-19428cad] {
  padding: 16px 24px;
  border-bottom: 1px solid #DBDCDD;
}
.selected-proposal h3[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  color: #4A4F55;
  margin: 0 0 16px 0;
}
.application-header[data-v-19428cad] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.application-header h2[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #000000;
  margin: 0;
}
.status-badge[data-v-19428cad] {
  padding: 6px 12px;
  border-radius: 100px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  color: #ffffff;
}
.status-pending[data-v-19428cad] { background-color: #D78834;
}
.status-approved[data-v-19428cad] { background-color: #4CAF50;
}
.status-rejected[data-v-19428cad] { background-color: #f44336;
}
.status-default[data-v-19428cad] { background-color: #9E9E9E;
}
.details-content[data-v-19428cad] {
  padding: 24px;
}
.details-grid[data-v-19428cad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  margin-bottom: 24px;
}
.detail-item[data-v-19428cad] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 428px;
}
.detail-item label[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #6B7280;
}
.detail-item span[data-v-19428cad],
.detail-item p[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #1F2937;
  margin: 0;
}
.title-section[data-v-19428cad] {
  border-top: 1px solid #DBDCDD;
  padding-top: 24px;
}

/* Change Action Section */
.change-action-section[data-v-19428cad] {
  background: #F6F6F6;
  border-top: 1px solid #DBDCDD;
  padding: 24px;
  border-radius: 0 0 16px 16px;
}
.action-description p[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #1F2937;
  margin: 0 0 16px 0;
}
.action-controls[data-v-19428cad] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  max-width: 700px;
}
.action-controls[data-v-19428cad] .molecule-form-field {
  flex: 1;
}
.go-button[data-v-19428cad] {
  flex-shrink: 0;
  height: 42px;
}
.no-subprogram-message[data-v-19428cad] {
  text-align: center;
  padding: 24px;
}
.no-subprogram-message p[data-v-19428cad] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #E74444;
  margin: 0;
}

/* Messages */
.success-message[data-v-19428cad] {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
}
.error-message[data-v-19428cad] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
  white-space: pre-line;
}

/* Responsive Design */
@media (max-width: 768px) {
.details-grid[data-v-19428cad] {
    flex-direction: column;
    gap: 16px;
}
.detail-item[data-v-19428cad] {
    width: 100%;
}
.application-header[data-v-19428cad] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.action-controls[data-v-19428cad] {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}
}

/* ========================================================================== */
/* COMPONENT STYLES                                                          */
/* ========================================================================== */

/* Loader */
.loader-container[data-v-903e9ca3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  gap: 1rem;
}

/* Table Container */
.table-container[data-v-903e9ca3] {
  margin-top: 1rem;
}

/* Deadline Editor */
.deadline-editor[data-v-903e9ca3] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-direction: column;
  justify-content: center;
}

/* Filter Layout - matching Figma design */
/* Individual filter group (label + input) */
.filter-group[data-v-903e9ca3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Main filter row - Programs (712px) + PI Names (320px each) with 20px gaps */
.filter-row-main[data-v-903e9ca3] {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

/* Field sizes matching Figma */
.filter-field-large[data-v-903e9ca3] {
  width: 712px;
  flex-shrink: 0;
}
.filter-field-medium[data-v-903e9ca3] {
  width: 320px;
  flex-shrink: 0;
}
.filter-field-radio[data-v-903e9ca3] {
  width: 272px;
  flex-shrink: 0;
}

/* Nested row for Radio + LOI ID inside the large field */
.filter-row-nested[data-v-903e9ca3] {
  display: flex;
  gap: 120px;
  align-items: flex-end;
}

/* Checkbox container spans remaining space */
.filter-field-checkbox-container[data-v-903e9ca3] {
  flex: 1;
  min-width: 320px;
}

/* Checkbox Field Alignment */
.checkbox-field[data-v-903e9ca3] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 19px;
}
.checkbox-label-group[data-v-903e9ca3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.checkbox-label[data-v-903e9ca3] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  color: #4A4F55;
  margin: 0;
  cursor: pointer;
}
.checkbox-description[data-v-903e9ca3] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3333333333333333em;
  color: #4A4F55;
  margin: 0;
  max-width: 615px;
}

/* Responsive adjustments */
@media (max-width: 1440px) {
.filter-row-main[data-v-903e9ca3] {
    flex-wrap: wrap;
}
.filter-field-large[data-v-903e9ca3],
  .filter-field-medium[data-v-903e9ca3],
  .filter-field-radio[data-v-903e9ca3],
  .filter-field-checkbox-container[data-v-903e9ca3] {
    width: 100%;
    max-width: 100%;
}
.filter-row-nested[data-v-903e9ca3] {
    gap: 20px;
}
}
@media (max-width: 768px) {
.filter-row-main[data-v-903e9ca3],
  .filter-row-nested[data-v-903e9ca3] {
    flex-direction: column;
}
}


/* Title row + export: vertical center so the button lines up with title + subtitle block */
.extensions-pending__masthead[data-v-7d082895] {
  align-items: center;
}

/* ========================================================================== */
/* COMPONENT STYLES                                                          */
/* ========================================================================== */
.date-info[data-v-7d082895] {
  color: #6c757d;
  font-size: 0.9rem;
}
.error-state[data-v-7d082895],
.loading-state[data-v-7d082895],
.empty-state[data-v-7d082895] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}
.error-content[data-v-7d082895],
.loading-content[data-v-7d082895],
.empty-content[data-v-7d082895] {
  text-align: center;
  max-width: 400px;
}
.error-icon[data-v-7d082895],
.loading-spinner[data-v-7d082895],
.empty-icon[data-v-7d082895] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-icon[data-v-7d082895] {
  color: #dc3545;
}
.loading-spinner[data-v-7d082895] {
  color: #007bff;
  animation: spin-7d082895 1s linear infinite;
}
.empty-icon[data-v-7d082895] {
  color: #6c757d;
}
@keyframes spin-7d082895 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.table-container[data-v-7d082895] {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bulk-invite-initial-form[data-v-c8801db7] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
}

/* Error Message */
.error-message[data-v-c8801db7] {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  background-color: #f8d7da;
  color: #721c24;
}

/* Form Container */
.form-container[data-v-c8801db7] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.form-field-row[data-v-c8801db7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-field-row[data-v-c8801db7]:has(button) {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.form-label[data-v-c8801db7] {
  font-size: 0.875rem;
  color: #4a4f55;
  font-weight: 600;
}
.program-select[data-v-c8801db7] {
  max-width: 500px;
}
.applicant-textarea[data-v-c8801db7] {
  width: 100%;
  font-size: 0.9rem;
  resize: vertical;
  min-height: 400px;
}

/* Alert Styles */
.alert[data-v-c8801db7] {
  padding: 0.75rem 1rem;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.alert-danger[data-v-c8801db7] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

/* Responsive */
@media (max-width: 768px) {
.bulk-invite-initial-form[data-v-c8801db7] {
    padding: 0.5rem;
    gap: 1rem;
}
.form-container[data-v-c8801db7] {
    gap: 1rem;
}
.program-select[data-v-c8801db7] {
    max-width: 100%;
}
.applicant-textarea[data-v-c8801db7] {
    min-height: 300px;
}
}

.bulk-invite-results-table[data-v-f519ff74] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
}

/* Action Row */
.action-row[data-v-f519ff74] {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-start;
}

/* Row number cell styling */
.row-number-cell[data-v-f519ff74] {
  font-weight: 600;
  font-size: 0.75rem;
  color: #4a4f55;
}

/* Message Styling */
.error-message[data-v-f519ff74] {
  color: #e74444;
  font-size: 0.75rem;
  font-weight: 600;
}
.success-message[data-v-f519ff74] {
  color: #4a4f55;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Note: Message type styling (.message-error, .message-warning, etc.) 
   is defined in parent component BulkInviteApplicantsView.vue */

/* Responsive */
@media (max-width: 768px) {
.bulk-invite-results-table[data-v-f519ff74] {
    padding: 0.5rem;
    gap: 1rem;
}
}

.bulk-invite-review-table[data-v-af12b5b2] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem 0;
}
.error-text[data-v-af12b5b2] {
  color: #d3130b;
  font-weight: 600;
}

/* Action Row */
.action-row[data-v-af12b5b2] {
  display: flex;
  gap: 1rem;
  align-items: center;
}

/* Input Styling */
.editable-input[data-v-af12b5b2] {
  width: 100%;
  max-width: 300px;
  font-size: 0.75rem;
  padding: 0.5rem;
}
.error-input[data-v-af12b5b2] {
  border-color: #e74444 !important;
}

/* Message Styling */
.error-message-text[data-v-af12b5b2] {
  color: #e74444;
  font-size: 0.75rem;
  font-weight: 600;
}
.success-message-text[data-v-af12b5b2] {
  color: #4a4f55;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Note: Message type styling (.message-error, .message-warning, etc.) 
   is defined in parent component BulkInviteApplicantsView.vue */

/* Row Styling based on data type */
/* Target rows containing error-row cells */
[data-v-af12b5b2] tr:has([data-row-type="error-row"]) {
  background-color: #fee;
  border-left: 4px solid #e74444;
}

/* Target rows containing existing-user-row cells */
[data-v-af12b5b2] tr:has([data-row-type="existing-user-row"]) {
  background-color: #f0f9ff;
}

/* Target rows containing new-user-row cells */
[data-v-af12b5b2] tr:has([data-row-type="new-user-row"]) {
  background-color: #fafafa;
}

/* Responsive */
@media (max-width: 768px) {
.bulk-invite-review-table[data-v-af12b5b2] {
    padding: 0.5rem;
    gap: 1rem;
}
.editable-input[data-v-af12b5b2] {
    max-width: 200px;
}
}

.bulk-invite-applicants-view[data-v-c99d6a8d] {
  padding: 1rem;
  margin: 0 auto;
}
.back-button-container[data-v-c99d6a8d] {
  margin-bottom: 1.5rem;
}

/* Shared Message Type Styling - Used by child components with v-html */
[data-v-c99d6a8d] .message-error {
  color: #E00802;
  font-weight: 600;
}
[data-v-c99d6a8d] .message-warning {
  color: #FF8C00;
  font-weight: 600;
}
[data-v-c99d6a8d] .message-info {
  font-weight: 600;
}
[data-v-c99d6a8d] .message-note {
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
.bulk-invite-applicants-view[data-v-c99d6a8d] {
    padding: 0.5rem;
}
.back-button-container[data-v-c99d6a8d] {
    margin-bottom: 1rem;
}
}

.p-toast-message-content[data-v-d165409f] {
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
}
.toast-note[data-v-d165409f] {
  display: block;
}
.toast-warning[data-v-d165409f] {
  font-weight: 500;
  margin-top: 2px;
  display: block;
  font-size: 16px;
  color: #E74444;
}



.description-intro[data-v-46e47bdb] {
  margin-bottom: 4px;
  display: inline-block;
}
.committee-select-wrapper[data-v-46e47bdb] {
  width: 40%;
}

/* Custom textarea styling */
.proposal-textarea[data-v-46e47bdb] {
  width: 100%;
  height: 250px;
  line-height: 1.5;
  padding: 12px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  resize: vertical;
}
.proposal-textarea[data-v-46e47bdb]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, 0.25);
}
.proposal-textarea[data-v-46e47bdb]:disabled {
  background-color: #f9fafb;
  color: #9ca3af;
  cursor: not-allowed;
}

/* Fix gray background to only cover description section */
[data-v-46e47bdb] .form-panel__content {
  background: transparent;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.bulk-upload-app-nums-view[data-v-46e47bdb] {
    gap: 16px;
}
.proposal-textarea[data-v-46e47bdb] {
    font-size: 13px;
    min-height: 250px;
}
}

.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-12519530] {
  width: 100%;
}

/* Label */
.upload-label[data-v-12519530] {
  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-12519530] {
  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-12519530]:hover:not(.is-disabled) {
  border-color: #001e62;
  background-color: #f5f5f5;
}
.file-upload-area.is-dragover[data-v-12519530] {
  border-color: #001e62;
  background-color: #e8f0fe;
}
.file-upload-area.has-error[data-v-12519530] {
  border-color: #dc3545;
}
.file-upload-area.is-disabled[data-v-12519530] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #f9f9f9;
}
.file-upload-area.has-file[data-v-12519530] {
  cursor: default;
}
.file-upload-area[data-v-12519530]:has(.selected-files-list) {
  min-height: auto;
  padding-bottom: 12px;
}
.upload-content-compact[data-v-12519530] {
  padding: 6px 10px;
}
.upload-content-compact .upload-icon-container[data-v-12519530] {
  width: 32px;
  height: 32px;
  padding: 8px;
}
.selected-files-list[data-v-12519530] {
  list-style: none;
  margin: 0;
  padding: 0 12px 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.selected-file-item[data-v-12519530] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  pointer-events: auto;
}
.file-icon-sm[data-v-12519530] {
  width: 44px;
  height: 44px;
}
.file-icon-sm i[data-v-12519530] {
  font-size: 16px;
}
.selected-file-item .file-info[data-v-12519530] {
  flex: 1;
  min-width: 0;
  gap: 4px;
}
.selected-file-item .file-name[data-v-12519530] {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/* Upload Content */
.upload-content[data-v-12519530] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  pointer-events: none;
}
.upload-icon-container[data-v-12519530] {
  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-12519530] {
  font-size: 16px;
  color: #001e62;
}
.upload-text-container[data-v-12519530] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 2px;
}
.upload-instructions[data-v-12519530] {
  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-12519530] {
  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-12519530] {
  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-12519530] {
  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-12519530] {
  font-size: 20px;
  color: #3b82f6;
}
.file-type-text[data-v-12519530] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1em;
  color: #3b82f6;
  margin-top: 2px;
}
.file-info[data-v-12519530] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 0 8px;
}
.file-header[data-v-12519530] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.file-name[data-v-12519530] {
  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-12519530] {
  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-12519530] {
  width: 100%;
}
.progress-bar-bg[data-v-12519530] {
  width: 100%;
  height: 6px;
  background: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
}
.progress-bar-fill[data-v-12519530] {
  height: 100%;
  background: #3b82f6;
  border-radius: 9999px;
  transition: width 0.3s ease;
}
.file-size-info[data-v-12519530] {
  display: flex;
  justify-content: flex-start;
}
.size-remaining[data-v-12519530] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  color: #6b7280;
}
.cancel-button[data-v-12519530] {
  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-12519530] {
  cursor: default;
}
.cancel-button[data-v-12519530]:hover:not(:disabled) {
  color: #374151;
}
.cancel-button[data-v-12519530]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cancel-button i[data-v-12519530] {
  font-size: 16px;
}

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

/* Error Message */
.error-message[data-v-12519530] {
  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-12519530] {
  font-size: 16px;
}

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

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

.section-header[data-v-f97dfbcb] {
  margin-bottom: 20px;
}
.description-text[data-v-f97dfbcb] {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
}
.description-sub-text[data-v-f97dfbcb] {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.attachment-table-wrapper[data-v-f97dfbcb] {
  margin-bottom: 20px;
}

/* Invalid attachment row styling - red background for rows with invalid attachments */
[data-v-f97dfbcb] .p-datatable-tbody tr {
  background: #ffffff !important;
}

/* Target rows with invalid attachment class */
[data-v-f97dfbcb] .p-datatable-tbody tr.invalid-attachment-row {
  background: #ff9292 !important;
}
[data-v-f97dfbcb] .p-datatable-tbody tr.invalid-attachment-row td {
  background: #ff9292 !important;
}

/* Table cell styling */
.extension-cell[data-v-f97dfbcb],
.file-size-cell[data-v-f97dfbcb],
.date-cell[data-v-f97dfbcb] {
  color: #4a4f55;
}
.file-name-cell[data-v-f97dfbcb] {
  color: #000000;
  max-width: 350px;
  word-wrap: break-word;
}

/* Application Card */
.application-card[data-v-4548b13c] {
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.card-header[data-v-4548b13c] {
  display: flex;
  padding: 20px 40px;
  gap: 10px;
}
.header-item[data-v-4548b13c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 450px;
}
.label[data-v-4548b13c] {
  color:  #51565C;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 228.571% */
}
.value[data-v-4548b13c] {
  color: #000000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.card-content[data-v-4548b13c] {
  display: flex;
  padding: 20px 40px;
  gap: 10px;
}
.content-item[data-v-4548b13c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 450px;
}
.regenerate-link[data-v-4548b13c] {
  display: inline-block;
  color: #0066cc;
  text-decoration: underline;
  cursor: pointer;
  width: fit-content;
  transition: color 0.2s;
}
.regenerate-link[data-v-4548b13c]:hover:not(.disabled) {
  color: #0052a3;
  text-decoration: underline;
}
.regenerate-link.disabled[data-v-4548b13c] {
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
  pointer-events: none;
}

/* Responsive Design */
@media (max-width: 768px) {
.card-header[data-v-4548b13c],
  .card-content[data-v-4548b13c] {
    flex-direction: column;
    padding: 20px;
}
.header-item[data-v-4548b13c],
  .content-item[data-v-4548b13c] {
    width: 100%;
}
}

/* Multiple Results Section */
.multiple-applications-table[data-v-18ed2c06] {
  padding: 24px;
}
.multiple-results-header[data-v-18ed2c06] {
  margin-bottom: 20px;
}
.multiple-results-action[data-v-18ed2c06] {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 20px 0;
}

/* Responsive */
@media (max-width: 768px) {
.multiple-applications-table[data-v-18ed2c06] {
    padding: 16px;
}
.selection-table-wrapper[data-v-18ed2c06] {
    font-size: 14px;
}
.multiple-results-action[data-v-18ed2c06] {
    justify-content: center;
}
}

.section-header[data-v-91655459] {
  margin-bottom: 21px;
}
.description-text[data-v-91655459] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333333333333333em;
  color: #000000;
  margin: 0;
}
.attachment-table-wrapper[data-v-91655459] {
  margin-bottom: 20px;
}

/* Custom Table Cell Styles */
.status-cell[data-v-91655459],
.pmid-cell[data-v-91655459],
.title-cell[data-v-91655459],
.journal-cell[data-v-91655459],
.uploader-cell[data-v-91655459] {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5em;
  color: #4A4F55;
}
.file-name-cell[data-v-91655459] {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5em;
  color: #4A4F55;
  max-width: 350px;
  word-wrap: break-word;
}





.upload-new-document-section[data-v-60c3adc5] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

/* Form Container - Matching Figma layout */
.form-container[data-v-60c3adc5] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* Two Column Row */
.two-column-row[data-v-60c3adc5] {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  width: 100%;
}
.form-field-left[data-v-60c3adc5] {
  flex: 1;
  max-width: 706px;
}
.form-field-right[data-v-60c3adc5] {
  flex: 1;
  max-width: 664px;
}

/* Upload Section - Matching Figma specifications */
.upload-section[data-v-60c3adc5] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.upload-label[data-v-60c3adc5] {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1428571428571428em;
  color: #4A4F55;
}
.required-indicator[data-v-60c3adc5] {
  color: red;
  margin-right: 4px;
}

/* Responsive Design */
@media (max-width: 1024px) {
.two-column-row[data-v-60c3adc5] {
    flex-direction: column;
    gap: 20px;
}
.form-field-left[data-v-60c3adc5],
  .form-field-right[data-v-60c3adc5] {
    max-width: 100%;
}
}
@media (max-width: 768px) {
.upload-new-document-section[data-v-60c3adc5] {
    gap: 16px;
}
.form-container[data-v-60c3adc5] {
    gap: 16px;
}
.upload-section[data-v-60c3adc5] {
    gap: 12px;
}
}

/* Submit Section */
.submit-section[data-v-60c3adc5] {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: 8px;
}
[data-v-60c3adc5] .cancel-button-blue-border.p-button {
  border: 2px solid #001e62 !important;
}


.replace-attachment-panel__lead[data-v-ecdffbd9] {
  margin: 8px 0 0;
  color: #51565c;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
[data-v-ecdffbd9] .search-panel__header {
  margin-bottom: 0;
}
.info-icon[data-v-ecdffbd9] {
  flex-shrink: 0;
  width: 24px;
  height: auto;
}

[data-v-4a75baad] .warning-popup-message .smaller-text {
  font-size: 13px;
}

/* (info-banner styles moved into ReplaceAttachmentSearchPanel organism) */

/* Selection page content padding (excludes header and bottom search) */
.selection-content[data-v-30da831b] {
  padding: 0 24px;
}

/* Action Selection Section */
.action-selection-section[data-v-30da831b] {
  margin-top: 20px;
}
.action-header h2[data-v-30da831b] {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 80% */
}
.instruction-text[data-v-30da831b] {
  margin-bottom: 20px;
  color: #4a4f55;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* Radio Options */
.radio-options-container[data-v-30da831b] {
  border: 1px solid #eaeaea;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
}
.radio-option[data-v-30da831b] {
  border-bottom: 1px solid #eaeaea;
  transition: background-color 0.2s;
  cursor: pointer;
}
.radio-option[data-v-30da831b]:last-child {
  border-bottom: none;
}
.radio-option.selected[data-v-30da831b] {
  background-color: #f9f9f9;
}
.radio-option.disabled[data-v-30da831b] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.radio-option.disabled .radio-input[data-v-30da831b] {
  cursor: not-allowed;
}
.radio-option[data-v-30da831b]:focus:not(.disabled) {
  outline: 2px solid #2cd5c4;
  outline-offset: -2px;
}
.radio-content[data-v-30da831b] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 20px;
}
.radio-input[data-v-30da831b] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: #001e62; /* Override browser default orange with brand blue */
}
.radio-title[data-v-30da831b]{
  color: #000;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 88.889% */
}
.radio-text[data-v-30da831b] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 616px;
}
.radio-description[data-v-30da831b]{
  color: #51565C;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
.radio-option.selected .radio-title[data-v-30da831b] {
  color: #001e62;
}
.radio-option.disabled .radio-title[data-v-30da831b] {
  color: #999;
}
.radio-option.disabled .radio-description[data-v-30da831b] {
  color: #999;
}

/* Continue Footer */
.continue-footer[data-v-30da831b] {
  background: #f6f6f6;
  border-top: 1px solid #eaeaea;
  padding: 30px 40px;
  display: flex;
  justify-content: flex-start;
}

/* Re-enter form styles removed; replaced by reusable organism */

/* Screen Reader Only */
.sr-only[data-v-30da831b] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.selection-header[data-v-30da831b] {
  margin-bottom: 20px;
  margin-top: 20px;
}
.selection-header .selection-header-title[data-v-30da831b] {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 80% */
  margin: 0 0 20px 0;
}
/* Responsive Design */
@media (max-width: 768px) {
.card-header[data-v-30da831b],
  .card-content[data-v-30da831b] {
    flex-direction: column;
    padding: 20px;
}
.header-item[data-v-30da831b],
  .content-item[data-v-30da831b] {
    width: 100%;
}
.radio-content[data-v-30da831b] {
    padding: 20px;
}
.radio-text[data-v-30da831b] {
    width: 100%;
}
.radio-description[data-v-30da831b] {
    width: 100%;
    height: auto;
}
.continue-footer[data-v-30da831b] {
    padding: 20px;
    justify-content: center;
}
}

/* Page-specific styles only - unique layouts and custom components */

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

/* Application Selection Section */
.application-selection-section[data-v-e6bbe36c] {
  padding: 24px;
}

/* Replace Attachment Section */
.attachment-replacement-section[data-v-e6bbe36c] {
  padding: 0 24px 24px 24px;
}

/* Replace Publication Attachment Section */
.publication-section[data-v-e6bbe36c] {
  padding: 0 24px 24px 24px;
}

/* New File Section */
.new-file-section[data-v-e6bbe36c] {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.attachments-table-container[data-v-e6bbe36c] {
  margin-top: 32px;
}

/* Messages */
.message[data-v-e6bbe36c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  margin: 16px 24px;
}
.success-message[data-v-e6bbe36c] {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}
.error-message[data-v-e6bbe36c] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}
.action-buttons[data-v-e6bbe36c] {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 15px;
}
[data-v-e6bbe36c] .cancel-button-blue-border.p-button {
  border: 2px solid #001e62 !important;
}
.selection-header[data-v-e6bbe36c] {
  margin-bottom: 20px;
  margin-top: 20px;
}
.selection-header .selection-header-title[data-v-e6bbe36c] {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 80% */
  margin: 0 0 20px 0;
}




/* Filters Container */
.filters-container[data-v-e30299c7] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.filter-row[data-v-e30299c7] {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.filter-group[data-v-e30299c7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0; /* Allow flex items to shrink below content size */
}

/* Program Opening Date From/To - half the row (same width as Program filter) */
.filter-group--date-range[data-v-e30299c7] {
  flex: 1;
}
.filter-row-spacer[data-v-e30299c7] {
  flex: 1;
  min-width: 0;
}
.date-range-fields[data-v-e30299c7] {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
.date-field[data-v-e30299c7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

/* Responsive adjustments - wrap at 1024px, row layout (no column) */
@media (max-width: 1024px) {
.filter-row[data-v-e30299c7] {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
}
.filter-group[data-v-e30299c7],
  .filter-group--date-range[data-v-e30299c7] {
    flex: 1 1 100%;
    min-width: 0;
}
.filter-row-spacer[data-v-e30299c7] {
    display: none;
}

  /* Date pickers stay side by side until 600px */
}

/* Column layout only at smaller screens */
@media (max-width: 600px) {
.filters-container[data-v-e30299c7] {
    width: 100%;
}
.filter-row[data-v-e30299c7] {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}
.filter-group[data-v-e30299c7],
  .filter-group--date-range[data-v-e30299c7] {
    flex: 1 0 auto;
    width: 100%;
    align-self: stretch;
}

  /* Force filter inputs to full width at small breakpoint */
.filter-group[data-v-e30299c7] .p-multiselect,
  .filter-group[data-v-e30299c7] .p-select,
  .filter-group[data-v-e30299c7] .p-dropdown,
  .filter-group[data-v-e30299c7] .p-datepicker,
  .date-field[data-v-e30299c7] .p-datepicker {
    width: 100% !important;
}
.filter-row-spacer[data-v-e30299c7] {
    display: none;
}
.date-range-fields[data-v-e30299c7] {
    flex-direction: column;
}
.date-field[data-v-e30299c7] {
    width: 100%;
}
}

.submission-statistics-table[data-v-62319ebd] {
  width: 100%;
}
.right-aligned-cell[data-v-62319ebd] {
  text-align: right;
  display: block;
}

.submission-statistics-view[data-v-4f40dfb6] {
  width: 100%;
}

/* Page-specific styles only - table styling handled by BaseReportTable */

/* Page-specific styles only */
.header-section[data-v-7fd64104] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 42%, rgba(238, 238, 244, 1) 100%);
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  margin-bottom: 30px;
}
.header-content[data-v-7fd64104] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.program-info[data-v-7fd64104] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.program-name[data-v-7fd64104] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 0.8888888888888888em;
  color: #4A4F55;
  margin: 0;
}
.program-dates[data-v-7fd64104] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.date-info[data-v-7fd64104] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2857142857142858em;
  color: #51565C;
  margin: 0;
}
.info-note[data-v-7fd64104] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.info-note p[data-v-7fd64104] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5em;
  color: #51565C;
  margin: 0;
}
.header-actions[data-v-7fd64104] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.back-button-wrapper[data-v-7fd64104] .p-button {
  background-color: transparent !important;
  color: #001e62 !important;
  border: 2px solid #001e62 !important;
  border-radius: 8px;
}
.back-button-wrapper[data-v-7fd64104] .p-button:hover {
  background-color: #001e62 !important;
  color: white !important;
}

/* Information Bar */
.information-bar[data-v-84790a43] {
  margin-bottom: 1rem;
}
.alert[data-v-84790a43] {
  padding: 1rem;
  border-radius: 4px;
}
.alert-info[data-v-84790a43] {
  background-color: #d1ecf1;
  border: 1px solid #bee5eb;
  color: #0c5460;
}
.alert-warning[data-v-84790a43] {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  color: #856404;
}
.alert p[data-v-84790a43] {
  margin: 0;
}

/* Warning Bar */
.warning-bar[data-v-84790a43] {
  margin-bottom: 1rem;
}

/* Bulk Actions */
.bulk-actions[data-v-84790a43] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.selection-count[data-v-84790a43] {
  font-size: 14px;
  font-weight: 500;
  color: #4a4f55;
}

/* Disabled row styling */
[data-v-84790a43] .copy-disabled-row {
  opacity: 0.6;
  pointer-events: none;
}
[data-v-84790a43] .copy-disabled-row .p-checkbox {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-v-84790a43] .copy-disabled-row .p-checkbox input {
  cursor: not-allowed;
  pointer-events: none;
}


/* Center checkbox vertically to align with input fields */
.checkbox-field[data-v-3b7b9110] {
  align-self: flex-end;
  justify-content: flex-end;
}
.checkbox-field[data-v-3b7b9110] .molecule-form-field {
  margin-bottom: 0;
}

/* Results section and loader overlay */
.results-section[data-v-3b7b9110] {
  position: relative;
}
.loader-overlay[data-v-3b7b9110] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.operation-loading[data-v-3b7b9110] {
  pointer-events: none;
}
.operation-loading .loader-overlay[data-v-3b7b9110] {
  pointer-events: all;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.copy-application-view[data-v-3b7b9110] {
    padding: 1rem;
    gap: 1rem;
}
}

.filters-container[data-v-c2e47efa] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  gap: 20px;
  align-items: start;
  box-sizing: border-box;
}
.filter-group[data-v-c2e47efa] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.deleted-proposals-table[data-v-0bb5837d] {
  margin-top: 1rem;
}

.undelete-applications-view[data-v-9bb9d09a] {
  padding: 1rem;
}
.results-section[data-v-9bb9d09a] {
  margin-top: 1rem;
}
.empty-state[data-v-9bb9d09a] {
  padding: 2rem;
  text-align: center;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.empty-message[data-v-9bb9d09a] {
  margin: 0;
  color: #6c757d;
  font-size: 1rem;
}

.filters-container[data-v-0c55343a] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.filter-row[data-v-0c55343a] {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.filter-group[data-v-0c55343a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.date-range-group[data-v-0c55343a] {
  flex: 1.25;
  /* Slightly wider for date range */
}
.date-range-container[data-v-0c55343a] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.date-input-group[data-v-0c55343a] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.date-label[data-v-0c55343a] {
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
  min-width: 40px;
}
.checkbox-group[data-v-0c55343a] {
  margin-top: 4px;
}
.export-container[data-v-0c55343a] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.export-help-text[data-v-0c55343a] {
  font-size: 14px;
  color: var(--color-text-secondary, #666);
  white-space: nowrap;
}
.report-builder-row[data-v-0c55343a] {
  margin-bottom: 10;
}
.table-container[data-v-0c55343a] {
  width: 100%;
}

/* Same frozen column + table approach as SubmittedApplicationsTable - rely on BaseReportTable/PrimeVue defaults */
/* Ensure table columns respect their width boundaries */
.submitted-app-reports-table[data-v-0c55343a] .p-datatable-table {
  table-layout: fixed !important;
  width: 100%;
}

/* Table body cell styles - prevent overflow (match SubmittedApplicationsTable) */
.submitted-app-reports-table[data-v-0c55343a] .p-datatable-tbody > tr > td {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Responsive adjustments */
@media (max-width: 1440px) {
.filter-row[data-v-0c55343a] {
    flex-wrap: wrap;
}
.filter-group[data-v-0c55343a] {
    min-width: 200px;
}
}
@media (max-width: 768px) {
.filter-row[data-v-0c55343a] {
    flex-direction: column;
}
.date-range-container[data-v-0c55343a] {
    flex-direction: column;
}
.date-input-group[data-v-0c55343a] {
    flex-direction: column;
    align-items: flex-start;
}
.export-section[data-v-0c55343a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
}
#report-builder-wrapper[data-v-0c55343a]{
  max-height: 65px;
}
.report-builder-over-limit[data-v-0c55343a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0;
  margin-bottom: 20px;
  min-height: 70px;
}
.report-builder-disabled-btn[data-v-0c55343a] {
  opacity: 0.65;
  color: #fff;
}
.report-builder-over-limit-warning[data-v-0c55343a] {
  font-size: 14px;
  color: var(--p-text-muted-color, #6b7280);
  font-style: italic;
}
#report-builder-iframe[data-v-0c55343a] {
  height: 70px;
}

.apps-assigned-reviewers-with-dates[data-v-000864bd] .single_filter-container > .filter-row:last-of-type > .search-panel__filters,
.apps-assigned-reviewers-with-dates[data-v-000864bd] .single_filter-container > .filter-row:last-of-type > .search-panel__actions {
  grid-column: 1 / -1;
}
.apps-assigned-reviewers-with-dates[data-v-000864bd] .search-panel__filters {
  margin-bottom: 4px;
}
.apps-assigned-reviewers-with-dates .apps-assigned-reviewers__committee-dropdown[data-v-000864bd] {
  width: 50%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.apps-assigned-reviewers-with-dates[data-v-000864bd]
  .search-panel__filters .apps-assigned-reviewers__checkbox-row {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.apps-assigned-reviewers-with-dates[data-v-000864bd]
  .search-panel__filters .apps-assigned-reviewers__checkbox-row .filter-field {
  width: auto;
  max-width: none;
  min-width: 0;
  justify-content: flex-start;
  white-space: nowrap;
}
.apps-assigned-reviewers-with-dates[data-v-000864bd] .search-panel__actions.search-panel__actions_single {
  gap: 15px;
  padding-top: 4px;
}
.apps-assigned-reviewers-with-dates[data-v-000864bd] .search-panel__actions_single .search-panel__actions-custom {
  margin-left: 0;
}
.notes-dialog-body[data-v-000864bd] {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Stack filters full-width, then Search + Export on the row below (see SingleSearchPanel grid) */
.reviewer-preferences-by-application[data-v-a6e71d89]
  .single_filter-container > .filter-row:last-of-type > .search-panel__filters,
.reviewer-preferences-by-application[data-v-a6e71d89]
  .single_filter-container > .filter-row:last-of-type > .search-panel__actions {
  grid-column: 1 / -1;
}
.reviewer-preferences-by-application[data-v-a6e71d89] .search-panel__filters {
  margin-bottom: 0;
}
.committee-field[data-v-a6e71d89] {
  width: 50%;
}
.reviewer-preferences-by-application[data-v-a6e71d89] .search-panel__actions.search-panel__actions_single {
  gap: 12px;
  padding-top: 0;
  margin-top: -12px;
}
.reviewer-preferences-by-application[data-v-a6e71d89] .search-panel__actions_single .search-panel__actions-custom {
  margin-left: 0;
}


.role-selector[data-v-f84ade9d] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 0 0;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background: #FFFFFF; /* White background as per Figma */
  justify-content: center;
}
.role-label[data-v-f84ade9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 10px;
  height: 65px;
  flex-shrink: 0;
}
.label-text[data-v-f84ade9d] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 0.89em;
  text-transform: uppercase;
  text-align: center;
  color: #000000; /* Black text as per Figma */
  white-space: nowrap;
}
.role-tabs[data-v-f84ade9d] {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 65px;
  flex-shrink: 0;
}
.role-tab[data-v-f84ade9d] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: #FFFFFF; /* White background for inactive tabs */
  border: 2px solid #001E62; /* Blue border for inactive tabs */
  border-radius: 10px 10px 0 0;
  border-bottom: none; /* No bottom border for inactive tabs */
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.role-tab[data-v-f84ade9d]:hover {
  background: rgba(0, 30, 98, 0.05);
}
.role-tab.active[data-v-f84ade9d] {
  background: #001E62; /* Blue background for active tab */
  color: white;
  border-bottom: 2px solid #001E62; /* Blue bottom border for active tab */
}
.role-tab.active .role-text[data-v-f84ade9d] {
  color: #FFFFFF; /* White text for active tab */
}
.role-icon[data-v-f84ade9d] {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.role-icon img[data-v-f84ade9d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Change icon colors when active */
.role-tab.active .role-icon img[data-v-f84ade9d] {
  filter: brightness(0) invert(1); /* Makes the icon white when active */
}
.role-text[data-v-f84ade9d] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 0.89em;
  text-transform: uppercase;
  text-align: center;
  color: #001E62; /* Blue text for inactive tabs */
  white-space: nowrap;
}

/* Responsive design */
@media (max-width: 1200px) {
.role-tabs[data-v-f84ade9d] {
    gap: 8px;
}
.role-tab[data-v-f84ade9d] {
    padding: 8px 16px;
}
.role-text[data-v-f84ade9d] {
    font-size: 16px;
}
}
@media (max-width: 1024px) {
.role-selector[data-v-f84ade9d] {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}
.role-tabs[data-v-f84ade9d] {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.role-tab[data-v-f84ade9d] {
    padding: 8px 12px;
}
.role-text[data-v-f84ade9d] {
    font-size: 14px;
}
.role-icon[data-v-f84ade9d] {
    width: 35px;
    height: 35px;
}
}
@media (max-width: 768px) {
.role-tabs[data-v-f84ade9d] {
    gap: 6px;
}
.role-tab[data-v-f84ade9d] {
    padding: 6px 10px;
}
.role-text[data-v-f84ade9d] {
    font-size: 12px;
}
.role-icon[data-v-f84ade9d] {
    width: 30px;
    height: 30px;
}
}
@media (max-width: 480px) {
.role-tabs[data-v-f84ade9d] {
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.role-tab[data-v-f84ade9d] {
    width: 100%;
    justify-content: center;
    padding: 8px 12px;
}
}

.reviewer-login-page[data-v-2cc6866d] {
  /* Removed min-height: 100vh to prevent infinite height growth in iframe */
  min-height: 500px;
  background-color: #F7F7F7;
  position: relative;
}
.internal-login-overlay[data-v-2cc6866d] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.loading-spinner[data-v-2cc6866d] {
  background-color: white;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.spinner[data-v-2cc6866d] {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #001E62;
  border-radius: 50%;
  animation: spin-2cc6866d 1s linear infinite;
  margin: 0 auto 15px;
}
@keyframes spin-2cc6866d {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-spinner p[data-v-2cc6866d] {
  margin: 0;
  color: #001E62;
  font-weight: 600;
}

/* Header Styles — site chrome (not `.page-header`; see @shared/styles/page-layout.css) */
.review-login-view__site-header[data-v-2cc6866d] {
  background-color: #FFFFFF;
  padding: 15px 0;
  box-shadow: 0px 1px 0px 0px rgba(219, 220, 221, 0.7);
}
.header-content[data-v-2cc6866d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 227px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}
.logo-section[data-v-2cc6866d] {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 392px;
}
.altum-logo[data-v-2cc6866d] {
  width: 54.31px;
  height: 60.82px;
}
.altum-logo-img[data-v-2cc6866d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.divider[data-v-2cc6866d] {
  width: 0;
  height: 41.5px;
  border-left: 1px solid rgba(219, 220, 221, 0.7);
}
.proposal-central-logo[data-v-2cc6866d] {
  width: 249.71px;
  height: 38px;
}
.pc-logo-img[data-v-2cc6866d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.menu-section[data-v-2cc6866d] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 31px;
  padding-right: 40px;
}
.main-menu[data-v-2cc6866d] {
  display: flex;
  align-items: center;
}
.menu-item[data-v-2cc6866d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  color: #001E62;
  text-decoration: none;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
  border-right: 1px solid #E6E7E8;
}
.menu-item[data-v-2cc6866d]:last-child {
  border-right: none;
}
.contact-button[data-v-2cc6866d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  background-color: #2CD5C4;
  border: none;
  border-radius: 10px;
  color: #001E62;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 1em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

/* Role Selector Section */
.role-selector-section[data-v-2cc6866d] {
  background-color: #FFFFFF;
  padding: 10px 0 0;
  border-bottom: 2px solid #001E62;
}
.banner[data-v-2cc6866d] {
  background-color: #001E62;
  position: relative;
  height: 700px;
  width: 100%;
  overflow: hidden;
}
.banner[data-v-2cc6866d]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 40px;
  width: 98px;
  height: 108px;
  background-color: #2CD5C4;
}
.banner-content[data-v-2cc6866d] {
  display: flex;
  padding: 112px 40px;
  max-width: 1360px;
  margin: 0 auto;
}
.banner-text[data-v-2cc6866d] {
  flex: 1;
  max-width: 742px;
}
h1[data-v-2cc6866d] {
  font-size: 59px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1em;
  margin-bottom: 87px;
}
.stats-container[data-v-2cc6866d] {
  display: flex;
  gap: 60px;
}
.stat-item[data-v-2cc6866d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-value[data-v-2cc6866d] {
  font-size: 36px;
  font-weight: 800;
  color: #2CD5C4;
  text-transform: uppercase;
  line-height: 1.1em;
}
.stat-label[data-v-2cc6866d] {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 2em;
}
.login-box[data-v-2cc6866d] {
  position: relative;
  width: 530px;
  height: 479px;
}
.login-box[data-v-2cc6866d]::before {
  content: '';
  position: absolute;
  top: 38px;
  left: 0;
  width: 530px;
  height: 441px;
  background-color: #FFFFFF;
  border-radius: 12px;
}
.login-icon-container[data-v-2cc6866d] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 74px;
  height: 74px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.login-icon[data-v-2cc6866d] {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-form[data-v-2cc6866d] {
  position: relative;
  z-index: 1;
  padding: 100px 99px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
h2[data-v-2cc6866d] {
  font-size: 34px;
  font-weight: 800;
  color: #001E62;
  margin-bottom: 30px;
  text-align: center;
}
.form-fields[data-v-2cc6866d] {
  width: 100%;
  margin-bottom: 30px;
}
.form-group[data-v-2cc6866d] {
  margin-bottom: 22px;
}
.input-container[data-v-2cc6866d] {
  position: relative;
  width: 100%;
}
.form-control[data-v-2cc6866d] {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #DBDCDD;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.password-toggle[data-v-2cc6866d] {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #51565C;
  font-size: 12px;
}
.error-message[data-v-2cc6866d] {
  color: #dc3545;
  margin-bottom: 15px;
  text-align: center;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 0.375rem;
  padding: 1rem;
}
.error-icon[data-v-2cc6866d] {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.login-links[data-v-2cc6866d] {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}
.login-links a[data-v-2cc6866d] {
  color: #000000;
  text-decoration: none;
}
.login-links a[data-v-2cc6866d]:hover {
  text-decoration: underline;
}

/* Footer Styles */
.page-footer[data-v-2cc6866d] {
  background-color: #FFFFFF;
  padding: 40px 0 0;
}
.footer-content[data-v-2cc6866d] {
  display: flex;
  gap: 79px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}
.footer-logo[data-v-2cc6866d] {
  width: 70px;
  height: 79px;
  flex-shrink: 0;
}
.footer-logo-img[data-v-2cc6866d] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-links[data-v-2cc6866d] {
  display: flex;
  gap: 30px;
  flex: 1;
}
.footer-section[data-v-2cc6866d] {
  display: flex;
  flex-direction: column;
  gap: 35px;
  min-width: 0;
}
.footer-section h3[data-v-2cc6866d] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 1em;
  text-transform: uppercase;
  color: #001E62;
  margin: 0;
}
.footer-section ul[data-v-2cc6866d] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-section li[data-v-2cc6866d] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 2em;
  color: #001E62;
  margin: 0;
}
.footer-social[data-v-2cc6866d] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 145px;
}
.social-icons[data-v-2cc6866d] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.social-icon[data-v-2cc6866d] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 41px;
  background-color: #001E62;
  border-radius: 100px;
  padding: 10px;
}
.social-icon i[data-v-2cc6866d] {
  font-size: 16px;
  color: #FFFFFF;
}
.demo-button[data-v-2cc6866d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  background-color: #001E62;
  border: none;
  border-radius: 10px;
  color: #FFFFFF;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.14em;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.footer-bottom[data-v-2cc6866d] {
  background-color: #2CD5C4;
  padding: 30px 10px;
  margin-top: 40px;
}
.footer-bottom p[data-v-2cc6866d] {

  font-weight: 500;
  font-size: 14px;
  line-height: 1.14em;
  text-align: center;
  color: #001E62;
  margin: 0;
  max-width: 1440px;
  margin: 0 auto;
}

/* Responsive Design */
@media (max-width: 1200px) {
.header-content[data-v-2cc6866d] {
    gap: 100px;
}
.footer-content[data-v-2cc6866d] {
    gap: 40px;
}
}
@media (max-width: 768px) {
.header-content[data-v-2cc6866d] {
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
}
.logo-section[data-v-2cc6866d] {
    width: 100%;
    justify-content: center;
}
.menu-section[data-v-2cc6866d] {
    width: 100%;
    justify-content: center;
    padding-right: 0;
}
.main-menu[data-v-2cc6866d] {
    flex-wrap: wrap;
    justify-content: center;
}
.footer-content[data-v-2cc6866d] {
    flex-direction: column;
    gap: 30px;
    padding: 0 20px;
}
.footer-links[data-v-2cc6866d] {
    flex-direction: column;
    gap: 20px;
}
.role-selector-section[data-v-2cc6866d] {
    padding: 15px 20px 0;
}
}
@media (max-width: 480px) {
.header-content[data-v-2cc6866d] {
    padding: 0 15px;
}
.main-menu[data-v-2cc6866d] {
    flex-direction: column;
    gap: 10px;
}
.menu-item[data-v-2cc6866d] {
    border-right: none;
    border-bottom: 1px solid #E6E7E8;
}
.footer-content[data-v-2cc6866d] {
    padding: 0 15px;
}
.role-selector-section[data-v-2cc6866d] {
    padding: 10px 15px 0;
}
}

.grantmaker-selection-page[data-v-4b690e52] {
  background-color: #F7F7F7;
  /* Removed min-height: 100vh to prevent infinite height growth in iframe */
  min-height: 500px;
  /*padding-top: 90px; */
}
.selection-container[data-v-4b690e52] {
  max-width: 1376px;
  margin: 32px auto;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 47px 40px;
  box-shadow: 0px 4px 12px rgba(219, 219, 219, 0.25);
}
.selection-header[data-v-4b690e52] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.selection-title h2[data-v-4b690e52] {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  padding: 10px;
}
.select-container[data-v-4b690e52] {
  position: relative;
  width: 951px;
}
.grantmaker-select[data-v-4b690e52] {
  width: 100%;
}

/* Style BaseSelect to match original dropdown */
.select-container[data-v-4b690e52] .p-select {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #DBDCDD;
  border-radius: 10px;
  font-size: 14px;
  color: #51565C;
  background-color: #FFFFFF;
  cursor: pointer;
}
.select-container[data-v-4b690e52] .p-select:focus {
  border-color: #001E62;
  box-shadow: 0 0 0 0.2rem rgba(0, 30, 98, 0.25);
}
.select-container[data-v-4b690e52] .p-select-overlay {
  border: 1px solid #DBDCDD;
  border-radius: 10px;
  margin-top: 4px;
  z-index: 10;
  max-height: 300px;
  overflow-y: auto;
}
.select-container[data-v-4b690e52] .p-select-option {
  padding: 10px 16px;
  font-size: 14px;
}
.select-container[data-v-4b690e52] .p-select-option:hover {
  background-color: #F7F7F7;
}
.divider[data-v-4b690e52] {
  height: 1px;
  background-color: #D3D3D3;
  margin-bottom: 32px;
  border: none;
  border-top: 1px dashed #D3D3D3;
}
.notes[data-v-4b690e52] {
  margin-bottom: 52px;
}
.notes p[data-v-4b690e52] {
  font-size: 16px;
  font-weight: 500;
  color: #4A4F55;
  line-height: 2.0625em;
}
.grantmaker-grid[data-v-4b690e52] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.grantmaker-card[data-v-4b690e52] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 203px;
  background-color: #FFFFFF;
  border: 2px solid rgba(142, 142, 142, 0.2);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  padding: 10px;
}
.grantmaker-card.selected[data-v-4b690e52] {
  background-color: #FFFFFF;
  border: 4px solid #2CD5C4;
  box-shadow: 0px 5px 20px rgba(121, 121, 121, 0.25);
}
.grantmaker-logo[data-v-4b690e52] {
  max-width: 261px;
  max-height: 161px;
  object-fit: contain;
}
.grantmaker-placeholder[data-v-4b690e52] {
  width: 261px;
  height: 161px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #001E62;
}
.selected-icon[data-v-4b690e52] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.loading[data-v-4b690e52] {
  text-align: center;
  padding: 40px;
  font-size: 18px;
  color: #4A4F55;
}
.error-message[data-v-4b690e52] {
  text-align: center;
  padding: 20px;
  color: #dc3545;
  font-size: 16px;
}

/* Loading overlay styles */
.selection-loading-overlay[data-v-4b690e52] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.sae-filters-grid[data-v-30661ecf] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 16px;
  align-items: start;
  width: 100%;
}
.sae-filter-cell[data-v-30661ecf] {
  min-width: 0;
}
.sae-filter-cell--template[data-v-30661ecf] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 640px) {
.sae-filters-grid[data-v-30661ecf] {
    grid-template-columns: minmax(0, 1fr);
}
}
.sae-template-hint[data-v-30661ecf] {
  margin: 0;
  font-size: 13px;
  color: #555;
}
.sae-template-info[data-v-30661ecf] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 16px 17px;
  border: 0.756px solid #c9e0ff;
  border-radius: 8px;
  background-color: rgba(239, 246, 255, 0.8);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 #f7fbff;
  width: 100%;
  box-sizing: border-box;
}
.sae-template-info__text[data-v-30661ecf] {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21.125px;
  letter-spacing: -0.0762px;
  color: #252525;
}

.sae-email-section[data-v-24dd9119] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 0 2rem;
}
.sae-loading-overlay[data-v-24dd9119] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.85);
}
.sae-loading-overlay[data-v-24dd9119] .loader {
  min-height: 0;
  padding: 0;
}
.sae-message-editor-wrap[data-v-24dd9119] {
  min-height: 240px;
}
.sae-cc-field-wrap[data-v-24dd9119] .hint-message {
  color: #fb2c36;
}
.sae-alert[data-v-24dd9119] {
  padding: 0.75rem 1rem;
  border-radius: 4px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  color: #533f03;
  font-size: 14px;
}
.sae-block[data-v-24dd9119] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sae-block-title[data-v-24dd9119] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}
.sae-attach-section[data-v-24dd9119] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.sae-attach-heading[data-v-24dd9119] {
  margin: 0;
  font-family: 'Nunito Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: #000;
}
.sae-attach-error[data-v-24dd9119] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  font-size: 13px;
}
.sae-from-grid[data-v-24dd9119] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 700px) {
.sae-from-grid[data-v-24dd9119] {
    grid-template-columns: 1fr;
}
}

.sae-recipients-section[data-v-1197cda0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sae-toolbar[data-v-1197cda0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.sae-page[data-v-e8ae70b6] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.page-container[data-v-b534b4a0] {
  width: 100%;
}
.main-content[data-v-b534b4a0] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 64%, rgba(238, 238, 244, 1) 100%);
  padding: 32px 24px;
  margin-bottom: 24px;
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
  display: flex;
  flex-direction: column;
  gap: 29px;
}

/* Reduced gap between selected committee info and form on Copy Review Committee step */
.main-content--copy-step[data-v-b534b4a0] {
  gap: 1em;
}
.title-description-container[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 1376px;
  max-width: 100%;
}

/* Reduced gap between title and selected committee details (similar to previous page) */
.title-description-container--compact[data-v-b534b4a0] {
  gap: 6px;
}
.description-section[data-v-b534b4a0] {
  margin-bottom: 0;
  width: 100%;
}

/* Vertical layout per Figma - Create New, then Select Type */
.step1-container[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 800px;
}
.form-field-block[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Button sizes to content per Figma; select stays full width */
.form-field-block[data-v-b534b4a0]:first-child .p-button {
  width: auto;
  align-self: flex-start;
}
.form-field-block .form-label[data-v-b534b4a0] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  margin: 0;
}

/* Create New button - blue outline per Figma */
.form-field-block[data-v-b534b4a0] .p-button.p-button-outlined.p-button-secondary {
  border: 1.5px solid #001e62;
  color: #001e62;
  background: transparent;
}
.form-field-block[data-v-b534b4a0] .p-button.p-button-outlined.p-button-secondary:hover {
  background: rgba(0, 30, 98, 0.04);
  border-color: #001e62;
  color: #001e62;
}
.step1-container .copy-options-form[data-v-b534b4a0] {
  margin-top: 0;
}
.info-note[data-v-b534b4a0] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #4a4f55;
  margin: 0.5rem 0;
}
.info-note-with-help[data-v-b534b4a0] {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.visually-hidden[data-v-b534b4a0] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.form-fields-section[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.constrained-inputs[data-v-b534b4a0] {
  max-width: 800px;
}
.form-field-wrapper[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.include-applications-dropdown[data-v-b534b4a0] {
  margin-left: 28px;
}
.form-label[data-v-b534b4a0] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1428571428571428em;
  color: #000000;
}
.checkbox-field[data-v-b534b4a0] {
  display: inline-flex;
  align-items: flex-start;
  align-self: flex-start;
  gap: 8px;
  cursor: pointer;
}
.checkbox-label[data-v-b534b4a0] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565C;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: break-word;
}

/* First page (step 2) - checkbox text black */
.copy-options-form .checkbox-label[data-v-b534b4a0] {
  color: #000000;
}

/* ========================================================================== */
/* STEP 3: Name/Abbreviation Form - Figma styles                              */
/* ========================================================================== */
.selected-committee-info[data-v-b534b4a0] {
  margin-bottom: 0;
}

/* Gap after Default Views, before input fields */
.name-abbreviation-fields[data-v-b534b4a0] {
  margin-top: 0.25em;
}
.selected-committee-info .description-content[data-v-b534b4a0] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
}
.selected-committee-info .description-icon[data-v-b534b4a0] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 33px;
  flex-shrink: 0;
}
.selected-committee-info .description-icon .info-icon[data-v-b534b4a0] {
  width: 20px;
  height: 28px;
}
.selected-committee-info .template-info-content[data-v-b534b4a0] {
  flex: 1;
}
.selected-committee-info .template-info-content .description-text[data-v-b534b4a0] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5714285714285714em;
  color: #000000;
  margin: 0 0 0.25em;
}
.selected-committee-info .template-info-content .description-text[data-v-b534b4a0]:last-child {
  margin-bottom: 0;
}

/* Gap after committee name (before Reviewers) and after Default Views */
.selected-committee-info .template-info-content .description-text--spaced-after[data-v-b534b4a0] {
  margin-bottom: 1em;
}
.selected-committee-info .template-info-content .description-text strong[data-v-b534b4a0] {
  font-weight: 700;
}
.copy-conflicts-field[data-v-b534b4a0] {
  margin-top: 8px;
}
.copy-conflicts-field .checkbox-label[data-v-b534b4a0] {
  color: #000000;
}
.name-abbreviation-fields .form-inputs-row[data-v-b534b4a0] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.name-abbreviation-fields .form-inputs-row .molecule-form-field[data-v-b534b4a0] {
  flex: 1;
  min-width: 0;
}
.confirmation-panel .description-text[data-v-b534b4a0] {
  margin: 0.25rem 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #0c5460;
}
.form-labels-row[data-v-b534b4a0],
.form-inputs-row[data-v-b534b4a0] {
  display: flex;
  gap: 16px;
  width: 100%;
}
.form-input-wrapper[data-v-b534b4a0] {
  flex: 1;
  min-width: 0;
}
.form-actions[data-v-b534b4a0] {
  margin-top: 8px;
}

/* Figma primary button */
.name-abbreviation-fields .form-actions[data-v-b534b4a0] .p-button.p-button-primary {
  background-color: #001e62;
  border-color: #001e62;
  color: #ffffff;
  border-radius: 8px;
  height: 44px;
  padding: 12px 16px;
}
@media (max-width: 768px) {
.main-content[data-v-b534b4a0] {
    padding: 24px 16px;
}
.form-labels-row[data-v-b534b4a0],
  .form-inputs-row[data-v-b534b4a0] {
    flex-direction: column;
}
.name-abbreviation-fields .form-inputs-row[data-v-b534b4a0] {
    flex-direction: column;
    gap: 8px;
}
.selected-committee-info .description-content[data-v-b534b4a0] {
    flex-direction: column;
}
}

.page-container[data-v-5473fd0e] {
  width: 100%;
}
.main-content[data-v-5473fd0e] {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.title-description-container[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(180deg, #ffffff 63.65%, #eeeef4 100%);
  padding: 32px 24px 24px;
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
}
.info-sample-label[data-v-5473fd0e] {
  font-weight: 700;
  color: #51565c;
  margin: 0 0 0.25em;
  padding-top: 1.25em;
}
.info-sample-data[data-v-5473fd0e] {
  font-weight: 400;
  color: #51565c;
  margin: 0;
}
.form-fields-section[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  padding: 24px 24px;
}
.upload-form[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-field-wrapper[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-field-wrapper.form-field-button[data-v-5473fd0e] {
  align-self: flex-start;
}
.form-field-wrapper.form-field-button[data-v-5473fd0e] .p-button {
  width: auto;
}
.form-field-textarea[data-v-5473fd0e] {
  width: 1392px;
  max-width: 100%;
}
.form-label[data-v-5473fd0e] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1428571428571428em;
  color: #51565c;
}
.committee-textarea[data-v-5473fd0e] {
  width: 100%;
  padding: 10px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  resize: vertical;
  background: #ffffff;
}
.committee-textarea[data-v-5473fd0e]:focus {
  border-color: #001e62;
  box-shadow: 0 0 0 0.2rem rgba(0, 30, 98, 0.1);
  outline: none;
}
.table-button-section[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 21px;
  width: 100%;
  padding: 32px 24px;
}
.results-content[data-v-5473fd0e] {
  padding: 32px 24px;
}
.review-form[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.form-actions-top[data-v-5473fd0e] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.table-container[data-v-5473fd0e] {
  width: 100%;
}
.editable-input[data-v-5473fd0e] {
  width: 100%;
}
.error-messages[data-v-5473fd0e],
.comment-messages[data-v-5473fd0e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.error-message[data-v-5473fd0e] {
  color: #51565c;
  font-size: 12px;
  font-family: 'Nunito Sans', sans-serif;
}
.error-message--multiline[data-v-5473fd0e],
.comment-message--multiline[data-v-5473fd0e] {
  white-space: pre-line;
}
.comment-message[data-v-5473fd0e] {
  color: #51565c;
  font-size: 12px;
  font-family: 'Nunito Sans', sans-serif;
}
.committee-checkbox[data-v-5473fd0e] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #001e62;
}
.result-success[data-v-5473fd0e] {
  color: #28a67d;
  font-weight: 500;
}
.results-info[data-v-5473fd0e] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
  margin: 0.5rem 0;
}
.results-section[data-v-5473fd0e] {
  margin-top: 21px;
}
.results-content[data-v-5473fd0e] {
  padding: 24px;
}
@media (max-width: 768px) {
.title-description-container[data-v-5473fd0e],
  .form-fields-section[data-v-5473fd0e],
  .table-button-section[data-v-5473fd0e],
  .results-content[data-v-5473fd0e] {
    padding: 24px 16px;
}
.form-field-textarea[data-v-5473fd0e] {
    width: 100%;
}
}

/* Page shell — align with BulkUploadCommittees / committees bulk-upload pattern */
.bulk-upload-reviewers.page-container[data-v-b5219280] {
  width: 100%;
}
.bulk-upload-reviewers .main-content[data-v-b5219280] {
  /* Sit on shell canvas (#f2f4f7); sections below are discrete white cards */
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}
.bulk-upload-reviewers .title-description-container[data-v-b5219280] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  padding: 32px 24px 24px;
}
.bulk-upload-reviewers[data-v-b5219280] .base-page-description {
  width: 100%;
  box-sizing: border-box;
}
.bulk-upload-reviewers .form-fields-section[data-v-b5219280] {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  padding: 24px 24px;
}
.bulk-upload-reviewers .table-button-section[data-v-b5219280] {
  display: flex;
  flex-direction: column;
  gap: 21px;
  width: 100%;
  padding: 32px 24px;
}

/* Results step: summary + table + actions in one card on canvas */
.bulk-upload-reviewers .main-content > .results-body[data-v-b5219280] {
  padding: 24px;
}
.bulk-upload-reviewers .main-content > .results-body .table-container[data-v-b5219280] {
  margin-top: 0.5rem;
}
.form-field-wrapper[data-v-b5219280] {
  margin-bottom: 1rem;
}
.field-label[data-v-b5219280] {
  display: block;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.committee-select-wrap[data-v-b5219280] {
  max-width: 420px;
}
.back-button-container[data-v-b5219280] {
  margin-bottom: 1.5rem;
}
.action-row[data-v-b5219280] {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: 1rem 0;
}
.form-actions-bottom[data-v-b5219280] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1rem 0;
}
.alert-banner[data-v-b5219280] {
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.alert-banner--warning[data-v-b5219280] {
  background: #fff8e6;
  border: 1px solid #f5d78e;
}
.select-all-conflicts[data-v-b5219280] {
  margin-top: 0.5rem;
}
.table-container[data-v-b5219280] {
  margin-top: 0.5rem;
}
.cell-pick[data-v-b5219280] {
  display: flex;
  justify-content: center;
}
.editable-input[data-v-b5219280] {
  min-width: 120px;
}
.tags-cell[data-v-b5219280] {
  min-width: 200px;
}
.tag-chips[data-v-b5219280] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.tag-chip[data-v-b5219280] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  background: #e8e8e8;
  font-size: 0.85rem;
}
.comments-cell[data-v-b5219280],
.changes-cell[data-v-b5219280] {
  font-size: 0.9rem;
}
.active-committees-line[data-v-b5219280] {
  margin-top: 0.25rem;
}
.committees-list-button[data-v-b5219280] {
  margin-left: 4px;
  vertical-align: middle;
}
.committees-list-button[data-v-b5219280] .p-button {
  padding: 0 4px;
  color: #007bff;
  transition: all 0.2s ease;
}
.committees-list-button[data-v-b5219280] .p-button:hover {
  color: #0056b3;
  transform: scale(1.1);
}
.committees-list-button[data-v-b5219280] .p-button .pi {
  font-size: 14px;
}

/* Committees Dialog Styling */
.dialog-header[data-v-b5219280] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.dot[data-v-b5219280] {
  width: 8px;
  height: 8px;
  background-color: #25285F;
  border-radius: 50%;
}
.dialog-title[data-v-b5219280] {
  color: #25285F;
  font-weight: bold;
  font-size: 18px;
}
.dialog-content[data-v-b5219280] {
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}
.modal-body[data-v-b5219280] {
  padding: 20px;
}

/* Committees List - matching equal-pi-list table styling */
.committees-list[data-v-b5219280] {
  margin-bottom: 20px;
}
.committees-list[data-v-b5219280] .table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
}
.committees-list[data-v-b5219280] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.committees-list[data-v-b5219280] .table td {
  padding: 12px 15px;
  border-bottom: 1px solid #dee2e6;
}
.committees-list[data-v-b5219280] .text-center {
  text-align: center;
}
.dialog-footer[data-v-b5219280] {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
}
[data-v-b5219280] .committees-dialog .p-dialog,[data-v-b5219280] .committees-dialog .p-dialog-content,[data-v-b5219280] .committees-dialog .p-dialog-header,[data-v-b5219280] .committees-dialog .p-dialog-footer {
  font-family: "Nunito Sans", sans-serif !important;
}
.text-error[data-v-b5219280] {
  color: #b00020;
  font-weight: 600;
}
.text-warn[data-v-b5219280] {
  color: #a60e1d;
  margin-top: 0.25rem;
}
.preview-or-not[data-v-b5219280] {
  color: #a60e1d;
  font-weight: 700;
}
.alert-banner__sub[data-v-b5219280] {
  margin-top: 1em;
  margin-bottom: 0;
}
.results-description[data-v-b5219280] {
  margin-bottom: 1rem;
}
.results-confirmation[data-v-b5219280] {
  margin-top: 0.75rem;
}
.summary-list ul[data-v-b5219280] {
  margin: 0 0 1rem 1.25rem;
}
.notes-body[data-v-b5219280] {
  white-space: pre-wrap;
}

/* Page-specific filter row layout only (typography for labels/fields: SearchPanel.css + page-layout.css) */
.all-app-row--primary[data-v-63b753a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.all-app-row__main[data-v-63b753a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 auto;
  min-width: 0;
}
.all-app-row__main .all-app-committee-section[data-v-63b753a2] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.all-app-committee-section__row[data-v-63b753a2] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.all-app-committee-section__row[data-v-63b753a2] .committee-dropdown {
  flex: 0 0 50%;
  min-width: 240px;
  max-width: 100%;
}

.kp-report__controls[data-v-cd17c2de] {
  width: 100%;
}
.kp-report__top-row[data-v-cd17c2de] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.kp-report__committee-block[data-v-cd17c2de] {
  flex: 1 1 600px;
  min-width: min(100%, 600px);
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kp-report__radios-block[data-v-cd17c2de] {
  flex: 1 1 260px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kp-report__actions-row[data-v-cd17c2de] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}


.filter-stack[data-v-d80bda35] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.committee-field[data-v-d80bda35] {
  width: 50%;
}
.actions-stack[data-v-d80bda35] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.actions-row[data-v-d80bda35] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
[data-v-d80bda35] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
}

.no-kw-report__controls[data-v-d89872fa] {
  width: 100%;
}
.no-kw-report__top-row[data-v-d89872fa] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.no-kw-report__committee-block[data-v-d89872fa] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.no-kw-report__committee-block--full[data-v-d89872fa] {
  flex: 1 1 600px;
  width: 100%;
  max-width: 720px;
  min-width: min(100%, 600px);
}
.no-kw-report__actions-row[data-v-d89872fa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}

.albasr__controls[data-v-c96c120e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.albasr__committee-block[data-v-c96c120e] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.albasr__committee-select-row[data-v-c96c120e] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}
.albasr__dropdown-wrap[data-v-c96c120e] {
  flex: 1 1 320px;
  min-width: min(100%, 600px);
  max-width: 720px;
}
.albasr__dropdown-wrap[data-v-c96c120e] .base-select-wrapper {
  width: 100%;
  margin-bottom: 0;
}

.filter-stack[data-v-f1d173a5] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.actions-stack[data-v-f1d173a5] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.actions-row[data-v-f1d173a5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
[data-v-f1d173a5] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
}

[data-v-3efedc2d] .single_filter-container > .filter-row:first-of-type {
  display: block;
  width: 100%;
}
.rw-report__controls[data-v-3efedc2d] {
  width: 100%;
}
.rw-report__top-row[data-v-3efedc2d] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.rw-report__committee-block[data-v-3efedc2d] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rw-report__committee-block--full[data-v-3efedc2d] {
  flex: 1 1 600px;
  width: 100%;
  max-width: 720px;
  min-width: min(100%, 600px);
}
.rw-report__committee-block--full[data-v-3efedc2d] .base-select-wrapper {
  width: 100%;
}
.rw-report__actions-row[data-v-3efedc2d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}


.ps-report__controls[data-v-ae9f3f4a] {
  width: 100%;
}
.ps-report__top-row[data-v-ae9f3f4a] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.ps-report__committee-block[data-v-ae9f3f4a] {
  flex: 1 1 600px;
  min-width: min(100%, 600px);
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ps-report__actions-row[data-v-ae9f3f4a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.ps-report__empty[data-v-ae9f3f4a] {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #842029;
  padding: 16px;
  background: #f8d7da;
  border-radius: 4px;
}


.rtt-report__controls[data-v-182c8772] {
  width: 100%;
}
.rtt-report__top-row[data-v-182c8772] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.rtt-report__committee-block[data-v-182c8772] {
  width: 50%;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rtt-report__actions-row[data-v-182c8772] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.rtt-report__empty[data-v-182c8772] {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #842029;
  padding: 16px;
  background: #f8d7da;
  border-radius: 4px;
}
.rtt-report__table-wrap[data-v-182c8772] .p-datatable-tbody > tr > td {
  vertical-align: top;
}


.sv-report__note[data-v-30a6b963] {
  margin-top: 4px;
}
.sv-report__controls[data-v-30a6b963] {
  width: 100%;
}
.sv-report__committee-block[data-v-30a6b963] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 50%;
  min-width: 260px;
  max-width: 720px;
}
.sv-report__committee-select[data-v-30a6b963] {
  width: 100%;
}
.sv-report__committee-select[data-v-30a6b963] .base-select-wrapper {
  width: 100%;
}
.sv-report__committee-select[data-v-30a6b963] .p-select {
  min-height: 36px;
}
.sv-report__committee-select[data-v-30a6b963] .p-select-label {
  font-size: 14px;
}
.sv-report__filter-block[data-v-30a6b963] {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sv-report__radio-wrap[data-v-30a6b963] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 4px;
  overflow-x: auto;
}
.sv-report__radio-wrap[data-v-30a6b963] .base-radio-button--horizontal {
  flex-wrap: nowrap;
  gap: 1rem;
}

/* Reviewer scope radios: no blue hover (page-only; keeps default border/text) */
.sv-report__radio-wrap[data-v-30a6b963] .base-radio-button__label:hover {
  color: #333;
}
.sv-report__radio-wrap[data-v-30a6b963] .p-radiobutton:not(.p-disabled):hover .p-radiobutton-box {
  border-color: #dbdCDD;
}
.sv-report__radio-wrap[data-v-30a6b963] .p-radiobutton.p-highlight:not(.p-disabled):hover .p-radiobutton-box {
  border-color: #1976d2;
  background: #1976d2;
}
.sv-report__actions-row[data-v-30a6b963] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.sv-report__results[data-v-30a6b963],
.sv-report__datatable-scope[data-v-30a6b963] {
  width: 100%;
}

/* Column filter UI checkboxes: neutral border on hover (not blue ring) */
.sv-report__datatable-scope[data-v-30a6b963] .p-checkbox:not(.p-disabled):hover .p-checkbox-box {
  border-color: #dbdCDD;
}
.sv-report__datatable-scope[data-v-30a6b963] .p-checkbox.p-highlight:not(.p-disabled):hover .p-checkbox-box {
  border-color: #1976d2;
  background: #1976d2;
}
.sv-report__empty[data-v-30a6b963] {
  margin: 0;
  color: #4a4f55;
}
.sv-report__group-header[data-v-30a6b963] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 2px 0 8px;
  cursor: pointer;
  text-align: left;
  border-bottom: 1px solid #e4e7eb;
  margin-bottom: 4px;
}
.sv-report__group-header[data-v-30a6b963]:focus-visible {
  outline: 2px solid #a2c5ec;
  outline-offset: 2px;
}
.sv-report__summary-line--primary[data-v-30a6b963] {
  display: grid;
  grid-template-columns: minmax(0, min(26rem, 38%)) minmax(0, 1fr);
  gap: 10px 20px;
  width: 100%;
  align-items: start;
}
.sv-report__summary-metrics[data-v-30a6b963] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: 8px 12px;
  width: 100%;
  min-width: 0;
}
.sv-report__summary-metrics .sv-report__summary-item--institution[data-v-30a6b963] {
  grid-column: span 2;
}
@media (min-width: 1100px) {
.sv-report__summary-metrics .sv-report__summary-item--institution[data-v-30a6b963] {
    grid-column: span 3;
}
}
@media (max-width: 520px) {
.sv-report__summary-metrics .sv-report__summary-item--institution[data-v-30a6b963] {
    grid-column: span 1;
}
}
.sv-report__summary-line--secondary[data-v-30a6b963] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: 8px 12px;
  width: 100%;
  min-width: 0;
}
.sv-report__summary-line + .sv-report__summary-line[data-v-30a6b963] {
  margin-top: 8px;
}
@media (max-width: 768px) {
.sv-report__summary-line--primary[data-v-30a6b963] {
    grid-template-columns: 1fr;
}
}
.sv-report__group-header-top[data-v-30a6b963] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
  min-width: 0;
  max-width: 100%;
}
.sv-report__group-chevron[data-v-30a6b963] {
  font-size: 12px;
  color: #4a4f55;
  transition: transform 0.15s ease;
}
.sv-report__group-chevron--expanded[data-v-30a6b963] {
  transform: rotate(90deg);
}
.sv-report__app-title[data-v-30a6b963] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #1a1d21;
  line-height: 1.25;
  min-width: 0;
  flex: 1 1 auto;
  overflow-wrap: break-word;
  word-break: break-word;
}
.sv-report__app-id[data-v-30a6b963] {
  font-variant-numeric: tabular-nums;
}
.sv-report__app-title-sep[data-v-30a6b963] {
  color: #6b7280;
  font-weight: 500;
}
.sv-report__summary-item[data-v-30a6b963] {
  min-width: 0;
}
.sv-report__summary-item--title[data-v-30a6b963] {
  grid-column: span 2;
}
@media (max-width: 520px) {
.sv-report__summary-item--title[data-v-30a6b963] {
    grid-column: span 1;
}
}
.sv-report__summary-item dt[data-v-30a6b963] {
  font-size: 12px;
  font-weight: 600;
  color: #4a4f55;
  margin: 0;
  line-height: 1.2;
}
.sv-report__summary-item dd[data-v-30a6b963] {
  margin: 1px 0 0;
  font-size: 14px;
  color: #1a1d21;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-30a6b963] tr.sv-report__placeholder-row td {
  font-style: italic;
  color: #4a4f55;
}

/* Hide PrimeVue row-group toggle; custom chevron in #groupheader only (same as AdministerGMReviewers) */
.sv-report__results[data-v-30a6b963] .p-datatable-row-toggle-button {
  display: none !important;
}

.cas-report__controls[data-v-95d43326] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.cas-report__committee-block[data-v-95d43326] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.cas-report__committee-select-row[data-v-95d43326] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}
.cas-report__dropdown-wrap[data-v-95d43326] {
  flex: 1 1 320px;
  min-width: min(100%, 600px);
  max-width: 720px;
}
.cas-report__warnings[data-v-95d43326] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cas-report__warn[data-v-95d43326] {
  margin: 0;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
}
.cas-report__warn--conflict[data-v-95d43326] {
  background: #fff8e6;
  border: 1px solid #e6c200;
  color: #5c4a00;
}
.cas-report__warn--removed[data-v-95d43326] {
  background: #fdecea;
  border: 1px solid #e57373;
  color: #5d1f1f;
}
.cas-report__actions-row[data-v-95d43326] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.cas-report__dropdown-wrap[data-v-95d43326] .base-select-wrapper {
  width: 100%;
  margin-bottom: 0;
}

.filter-stack[data-v-88da03d0] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.committee-field[data-v-88da03d0] {
  width: 50%;
}
.actions-stack[data-v-88da03d0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.actions-row[data-v-88da03d0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
[data-v-88da03d0] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
}

.ras-report__controls[data-v-a0d53dfd] {
  width: 100%;
}
.ras-report__top-row[data-v-a0d53dfd] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.ras-report__committee-block[data-v-a0d53dfd] {
  width: 50%;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ras-report__actions-row[data-v-a0d53dfd] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}


.rpr-report__controls[data-v-9fcf049c] {
  width: 100%;
}
.rpr-report__top-row[data-v-9fcf049c] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.rpr-report__committee-block[data-v-9fcf049c] {
  width: 50%;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rpr-report__actions-row[data-v-9fcf049c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.rpr-report__empty[data-v-9fcf049c] {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  color: var(--p-red-600, #b91c1c);
  border: 1px solid var(--p-red-200, #fecaca);
  border-radius: 4px;
  background: var(--p-red-50, #fef2f2);
}

.ukw-report__controls[data-v-9805cde5] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ukw-report__committee-actions-stack[data-v-9805cde5] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.ukw-report__committee-block[data-v-9805cde5] {
  flex: 0 1 auto;
  width: 100%;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ukw-report__committee-input-row[data-v-9805cde5] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 24px;
  width: 100%;
  min-width: 0;
}
.ukw-report__committee-input-row[data-v-9805cde5] .committee-dropdown {
  flex: 0 0 50%;
  min-width: 240px;
  max-width: 100%;
}
.ukw-report__generate-actions[data-v-9805cde5],
.ukw-report__secondary-actions-row[data-v-9805cde5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex: 0 1 auto;
}
.ukw-report__secondary-actions-row[data-v-9805cde5] {
  width: 100%;
}

/* ========================================================================== */
/* COMPONENT STYLES                                                          */
/* ========================================================================== */
.filter-field[data-v-4e5c3380] {
  margin-bottom: 1rem;
}

/* Filter Row for 3 Text Inputs */
.filter-row[data-v-4e5c3380] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.filter-field-inline[data-v-4e5c3380] {
  flex: 1;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}
.filter-field-inline .filter-label[data-v-4e5c3380] {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: normal;
  color: #333;
}
.filter-input[data-v-4e5c3380] {
  width: 100%;
}

/* Results Section */
.results-section[data-v-4e5c3380] {
  margin-top: 1.5rem;
}

/* Export & Bulk Actions Section */
.export-section[data-v-4e5c3380] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.export-date[data-v-4e5c3380] {
  font-size: 0.875rem;
  color: #333;
}
.bulk-action-container[data-v-4e5c3380] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.bulk-action-label[data-v-4e5c3380] {
  margin-right: 0.5rem;
}
.bulk-date-picker[data-v-4e5c3380] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
.selection-count[data-v-4e5c3380] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1428571428571428;
  color: #4a4f55;
  display: flex;
  align-items: center;
}
.bulk-action-note[data-v-4e5c3380] {
  font-size: 0.875rem;
  color: #666;
  font-style: italic;
}
.help-icon[data-v-4e5c3380] {
  cursor: pointer;
  color: #337ab7;
}
.help-icon[data-v-4e5c3380]:hover {
  color: #23527c;
}

/* Critique Status Radio Buttons - Force Single Row */
.critique-status-field[data-v-4e5c3380] {
  width: 100%;
}
.radio-buttons-wrapper[data-v-4e5c3380] {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 1rem;
}
.radio-buttons-wrapper[data-v-4e5c3380] .p-radiobutton-group {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
}

/* Critique Close Date Cell Styles - Fixed Width */
.critique-close-date-cell[data-v-4e5c3380] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem;
  width: 250px;
  max-width: 250px;
}
.critique-date-input[data-v-4e5c3380] {
  width: 100%;
  max-width: 250px;
}
.critique-date-input[data-v-4e5c3380] .p-inputtext {
  width: 100% !important;
  max-width: 250px !important;
}
.change-btn[data-v-4e5c3380] {
  align-self: flex-start;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

/* Position Generate Report button on the left */
[data-v-4e5c3380] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
.filter-row[data-v-4e5c3380] {
    flex-direction: column;
}
.filter-field-inline[data-v-4e5c3380] {
    width: 100%;
}
.export-header[data-v-4e5c3380] {
    flex-direction: column;
    align-items: flex-start;
}
}
@media (max-width: 768px) {
.bulk-action-container[data-v-4e5c3380] {
    flex-direction: column;
    align-items: stretch;
}
.bulk-date-picker[data-v-4e5c3380] {
    width: 100%;
}
.export-date[data-v-4e5c3380] {
    margin-top: 0.5rem;
}
}

.filter-stack[data-v-50d30bd3] {
  grid-column: 1 / -1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.filter-field[data-v-50d30bd3] {
  margin-bottom: 1rem;
}

/* Match .search-panel__filters .filter-field from SearchPanel.css (committee lived in #filters before) */
.committee-field[data-v-50d30bd3] {
  width: 50%;
  margin-bottom: 0;
}
.exclude-voters-field[data-v-50d30bd3] {
  max-width: 640px;
  margin-bottom: 0;
  margin-top: 0.25rem;
}
.actions-row[data-v-50d30bd3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.results-section[data-v-50d30bd3] {
  margin-top: 1.5rem;
}
.no-records[data-v-50d30bd3] {
  text-align: center;
  font-weight: bold;
  margin-top: 1rem;
}
[data-v-50d30bd3] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
}

.confidentiality-report__controls[data-v-f98e55dc] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
}
.confidentiality-report__input-row[data-v-f98e55dc] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}
.confidentiality-report__committee-dropdown[data-v-f98e55dc] {
  flex: 1 1 280px;
  min-width: min(100%, 400px);
  max-width: 720px;
}


.list-committee-members__heading[data-v-cea32249] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.list-committee-members__form[data-v-cea32249] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.list-committee-members__row[data-v-cea32249] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.list-committee-members__row[data-v-cea32249] .committee-dropdown {
  flex: 0 0 50%;
  min-width: 240px;
  max-width: 100%;
}
@media (max-width: 768px) {
.list-committee-members__row[data-v-cea32249] {
    flex-direction: column;
    align-items: stretch;
}
.list-committee-members__row[data-v-cea32249] .committee-dropdown {
    flex: 1 1 auto;
    max-width: none;
}
}
.copy-keywords-section[data-v-cea32249] {
  margin-top: 16px;
}
[data-v-cea32249] .copy-keywords-btn-blue-border.p-button {
  border: 2px solid #001e62 !important;
}

.signature-pages-zip__controls[data-v-f2cdfadf] {

  width: 100%;
}
.signature-pages-zip__committee-block[data-v-f2cdfadf] {

  flex: 1 1 600px;

  width: 100%;

  max-width: 720px;

  min-width: min(100%, 600px);

  display: flex;

  flex-direction: column;

  gap: 10px;
}
.signature-pages-zip__actions-row[data-v-f2cdfadf] {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-start;

  gap: 12px;

  margin-top: 24px;

  width: 100%;
}


.demo-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  margin: 10px;
  max-width: 50%;
}
.custom-input-class {
  max-width: 250px;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
}
.button-group.align-center {
  align-items: center;
}
.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.filter-field[data-v-d9b7f119]{
  margin-top: 15px;
}

/* Conflict Display Styles */
.conflict-descriptions[data-v-d9b7f119],
.conflict-option[data-v-d9b7f119] {
  word-wrap: break-word;
  white-space: pre-wrap;
  padding: 4px 8px;
}

/* Row-level styling for overridden conflicts */
[data-v-d9b7f119] .conflict-overridden-row {
  background-color: #fff9c4 !important;
}
.view-more-link[data-v-d9b7f119] {
  color: #1976d2;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px;
}
.view-more-link[data-v-d9b7f119]:hover {
  color: #1565c0;
}

/* No Report Message */
.no-report-message[data-v-d9b7f119] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: 16px;
}


/*
 * Do not use class "filter-field" on custom rows: SearchPanel.css applies
 * .search-panel__filters .filter-field { width: 50%; flex-direction: column } which breaks this layout.
 */
.accept-decline-field[data-v-837ec8b0] {
  margin-bottom: 1rem;
  width: 100%;
}
.accept-decline-field--committee-actions[data-v-837ec8b0] {
  width: 100%;
}
.accept-decline-field__committee[data-v-837ec8b0] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: min(100%, 240px);
}
.accept-decline-field__committee-input-row[data-v-837ec8b0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.accept-decline-field__committee-input-row[data-v-837ec8b0] .committee-dropdown {
  flex: 0 0 50%;
  min-width: 240px;
  max-width: 100%;
}
.accept-decline-field__actions[data-v-837ec8b0] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.accept-decline-field--checkboxes[data-v-837ec8b0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 2rem;
  margin-bottom: 1.5rem;
}
[data-v-837ec8b0] .search-panel__filters {
  padding-bottom: 5px;
}
.multiline-cell[data-v-837ec8b0] {
  white-space: pre-line;
}

/*
 * BaseReportTable sets tbody tr/td to white and hover to #EFEFF4 !important.
 * Match Excel (#ffff99 / light yellow) with same specificity + !important on tr and td.
 */
[data-v-837ec8b0] .base-report-table .p-datatable-tbody > tr.accept-decline-highlight-row,[data-v-837ec8b0] .base-report-table .p-datatable-tbody > tr.accept-decline-highlight-row > td {
  background-color: #fff9c4 !important;
}

/* Outrank BaseReportTable.css hover (#EFEFF4) — chain matches PrimeVue DataTable root */
[data-v-837ec8b0] 
  .base-report-table .p-datatable-hoverable .p-datatable-tbody > tr.accept-decline-highlight-row:hover
,[data-v-837ec8b0] 
  .base-report-table .p-datatable-hoverable .p-datatable-tbody > tr.accept-decline-highlight-row:hover > td
 {
  background-color: #fff9c4 !important;
}
.search-panel__content-slot[data-v-837ec8b0]{
  margin: 0 !important;
}

.applicant-award-field[data-v-85377fac] {
  margin-bottom: 1rem;
  width: 100%;
}
.applicant-award-field--committee-actions[data-v-85377fac] {
  width: 50%;
}
.applicant-award-field__committee[data-v-85377fac] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: min(100%, 240px);
}
.applicant-award-field__committee-input-row[data-v-85377fac] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.applicant-award-field__committee-input-row[data-v-85377fac] .committee-dropdown {
  flex: 1 1 280px;
  min-width: 240px;
  max-width: 100%;
}
.applicant-award-field__actions[data-v-85377fac] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.applicant-award-field--filters[data-v-85377fac] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.applicant-award-field__filter[data-v-85377fac] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
[data-v-85377fac] .search-panel__filters {
  padding-bottom: 5px;
}
.search-panel__content-slot[data-v-85377fac] {
  margin: 0 !important;
}

/* ── Dialog header ── */
.dialog-header[data-v-587a2df6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 30px;
  background-color: #ededee;
  border-bottom: 1px solid #dbdcdd;
  border-radius: 10px 10px 0 0;
}
.dialog-title[data-v-587a2df6] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
  line-height: 1.2;
}
.dialog-close-btn[data-v-587a2df6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border: none;
  border-radius: 50%;
  background-color: #2cd5c4;
  color: #fff;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0;
  transition: background-color 0.2s;
}
.dialog-close-btn[data-v-587a2df6]:hover {
  background-color: #22b9aa;
}

/* ── Dialog body ── */
.dialog-body[data-v-587a2df6] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}

/* ── Warning section ── */
.warning-section[data-v-587a2df6] {
  background-color: #fff6f6;
  padding: 24px 30px;
}
.warning-top[data-v-587a2df6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}
.warning-title-row[data-v-587a2df6] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.warning-icon-circle[data-v-587a2df6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #d78834;
  color: #fff;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1;
}
.warning-title[data-v-587a2df6] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
}
.warning-message[data-v-587a2df6] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #e74444;
  line-height: 1.55;
}
.warning-instructions[data-v-587a2df6] {
  padding-left: 20px;
}
.warning-instructions p[data-v-587a2df6] {
  margin: 0 0 4px 0;
  font-size: 1rem;
  font-weight: 500;
  color: #090909;
  line-height: 1.625;
}
.warning-instructions p[data-v-587a2df6]:last-child {
  margin-bottom: 0;
}

/* ── Conflict section ── */
.conflict-section[data-v-587a2df6] {
  padding: 20px 30px 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.conflict-title[data-v-587a2df6] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  line-height: 1.33;
}
[data-v-587a2df6] .conflict-table .p-datatable-tbody > tr > td {
  padding: 12px 20px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #4a4f55;
  border: 1px solid #dbdcdd;
}
[data-v-587a2df6] .conflict-table .p-datatable-tbody > tr {
  background-color: #fff;
  border-radius: 6px;
}

/* ── Dialog footer ── */
.dialog-footer[data-v-587a2df6] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 16px 30px 20px;
}

/* Remove default PrimeVue dialog padding overrides */
[data-v-587a2df6] .p-dialog-header {
  padding: 0;
}
[data-v-587a2df6] .p-dialog-content {
  padding: 0;
}

.assigned-applications-tab[data-v-16987d5e] {
  width: 100%;
  padding: 1rem;
}
.applicant-cell[data-v-16987d5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.title-text[data-v-16987d5e] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Table wrapper: constrain width so horizontal scroll appears when table is wider than viewport */
.assigned-applications-table-wrapper[data-v-16987d5e] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.assigned-applications-table-wrapper--with-bar[data-v-16987d5e] {
  padding-bottom: 5.5rem; /* Space so table is not hidden behind sticky bar */
}
.assigned-applications-table-wrapper[data-v-16987d5e] .p-datatable-scrollable-body {
  overflow-x: auto !important;
}
.assigned-applications-table-wrapper[data-v-16987d5e] .p-datatable-scrollable-body-table,
.assigned-applications-table-wrapper[data-v-16987d5e] .p-datatable-scrollable-header-table {
  min-width: 1200px;
  width: max-content !important;
}
.assigned-applications-table-wrapper[data-v-16987d5e] .base-report-table {
  max-width: 100%;
}

/* Sticky bottom bar - Figma: dark bar, selection count + Application IDs, Reset + Delete from Committee */
.selection-bottom-bar[data-v-16987d5e] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #2c3e50;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.selection-bottom-bar__content[data-v-16987d5e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  max-width: 100%;
}
.selection-bottom-bar__left[data-v-16987d5e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.selection-bottom-bar__count[data-v-16987d5e] {
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
}
.selection-bottom-bar__ids[data-v-16987d5e] {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-bottom-bar__right[data-v-16987d5e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

/* Higher specificity than .p-button-outlined.p-button-secondary by including parent */
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-16987d5e] {
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-16987d5e]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__remove[data-v-16987d5e] {
  background-color: #dc3545;
  color: #ffffff;
  border: none;
}
.selection-bottom-bar__remove[data-v-16987d5e]:hover:not(:disabled) {
  background-color: #c82333;
  color: #ffffff;
}

.available-applications-filter[data-v-bc0c3af8] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.filter-row[data-v-bc0c3af8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: end;
}
.filter-field[data-v-bc0c3af8] {
  width: 100%;
}
.form-field-wrapper[data-v-bc0c3af8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-field-label-with-icon[data-v-bc0c3af8] {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 24px;
  padding: 2px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--text-color);
}
@media (max-width: 768px) {
.filter-row[data-v-bc0c3af8] {
    grid-template-columns: 1fr;
}
}

.available-applications-tab[data-v-4979b022] {
  width: 100%;
}
.results-container[data-v-4979b022] {
  margin-top: 1rem;
}
.results-container--with-bar[data-v-4979b022] {
  padding-bottom: 5.5rem; /* Space so table is not hidden behind sticky bar */
}

/* Sticky bottom bar - Figma: dark bar, selection count + Application IDs, Reset + Add to Committee */
.selection-bottom-bar[data-v-4979b022] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #2c3e50;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.selection-bottom-bar__content[data-v-4979b022] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  max-width: 100%;
}
.selection-bottom-bar__left[data-v-4979b022] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.selection-bottom-bar__count[data-v-4979b022] {
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
}
.selection-bottom-bar__ids[data-v-4979b022] {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-bottom-bar__right[data-v-4979b022] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

/* Higher specificity than .p-button-outlined.p-button-secondary by including parent */
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-4979b022] {
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-4979b022]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__add[data-v-4979b022] {
  background-color: #ffffff;
  color: #001e62;
  border: none;
}
.selection-bottom-bar__add[data-v-4979b022]:hover:not(:disabled) {
  background-color: #f0f0f0;
  color: #001648;
}
.title-text[data-v-4979b022] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.empty-state[data-v-4979b022] {
  padding: 2rem;
  text-align: center;
  color: var(--text-color-secondary);
}

.dialog-header[data-v-e687117f] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.dot[data-v-e687117f] {
  width: 8px;
  height: 8px;
  background-color: #25285f;
  border-radius: 50%;
}
.dialog-title[data-v-e687117f] {
  color: #25285f;
  font-weight: bold;
  font-size: 18px;
}
.dialog-content[data-v-e687117f] {
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}
.loading-container[data-v-e687117f] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.loading-spinner[data-v-e687117f] {
  text-align: center;
}
.modal-body[data-v-e687117f] {
  padding: 20px;
}
.description-section[data-v-e687117f] {
  margin-bottom: 20px;
}
.description-text[data-v-e687117f] {
  font-size: 16px;
  color: #333;
  margin: 0;
}
.programs-section[data-v-e687117f] {
  margin-bottom: 20px;
}
.programs-header[data-v-e687117f] {
  background-color: #4a4f553c;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.programs-header h4[data-v-e687117f] {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.programs-content[data-v-e687117f] {
  padding: 0 10px;
}
.programs-table-header[data-v-e687117f] {
  background-color: #d1ecf1;
  color: #0c5460;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #bee5eb;
  border-radius: 4px;
  font-weight: bold;
}
.programs-list[data-v-e687117f] {
  max-height: 300px;
  overflow-y: auto;
}
.program-item[data-v-e687117f] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.program-item[data-v-e687117f]:last-child {
  border-bottom: none;
}
.program-checkbox-wrapper[data-v-e687117f] {
  flex: 1;
  min-width: 0;
}
.program-label[data-v-e687117f] {
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  color: #333;
}
.no-programs-message[data-v-e687117f] {
  text-align: center;
  padding: 20px;
  color: #666;
  font-style: italic;
}
.dialog-footer[data-v-e687117f] {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
}
.alert[data-v-e687117f] {
  padding: 10px 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger[data-v-e687117f] {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.remove-confirmation-dialog[data-v-e43c70af] {
  border-radius: 0.5rem;
}
.dialog-header[data-v-e43c70af] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--surface-200);
}
.dialog-title[data-v-e43c70af] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.dialog-content[data-v-e43c70af] {
  padding: 1.5rem;
}
.confirmation-message[data-v-e43c70af] {
  margin-bottom: 1.5rem;
}
.message-text[data-v-e43c70af] {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.5;
}
.applications-list[data-v-e43c70af] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
  max-height: 300px;
  overflow-y: auto;
}
.application-item[data-v-e43c70af] {
  padding: 1rem;
  background-color: var(--surface-50);
  border: 1px solid var(--surface-200);
  border-radius: 0.5rem;
}
.app-header[data-v-e43c70af] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--surface-200);
}
.app-id[data-v-e43c70af] {
  font-weight: 600;
  color: var(--primary-color);
  font-size: 0.875rem;
}
.app-title[data-v-e43c70af] {
  font-size: 0.875rem;
  color: var(--text-color);
  line-height: 1.4;
}
.app-details[data-v-e43c70af] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.detail-row[data-v-e43c70af] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.detail-label[data-v-e43c70af] {
  font-weight: 500;
  color: var(--text-color-secondary);
  min-width: 140px;
}
.detail-value[data-v-e43c70af] {
  color: var(--text-color);
}
.warning-row .detail-value[data-v-e43c70af] {
  font-weight: 600;
}
.warning-value[data-v-e43c70af] {
  color: var(--red-600);
}
.warning-note[data-v-e43c70af] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background-color: var(--blue-50);
  border: 1px solid var(--blue-200);
  border-radius: 0.5rem;
}
.warning-icon[data-v-e43c70af] {
  font-size: 1.25rem;
  color: var(--blue-600);
  flex-shrink: 0;
}
.note-text[data-v-e43c70af] {
  margin: 0;
  color: var(--blue-800);
  font-size: 0.875rem;
  line-height: 1.5;
}
.dialog-footer[data-v-e43c70af] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--surface-200);
}
[data-v-e43c70af] .p-dialog-header {
  padding: 0;
}
[data-v-e43c70af] .p-dialog-content {
  padding: 0;
}

.selection-bottom-dialog[data-v-4fe3418a] {
  border-radius: 0;
}
.dialog-header[data-v-4fe3418a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--surface-200);
}
.dialog-title[data-v-4fe3418a] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.dialog-content[data-v-4fe3418a] {
  padding: 1.5rem;
  max-height: 60vh;
  overflow-y: auto;
}
.selection-summary[data-v-4fe3418a] {
  margin-bottom: 1.5rem;
}
.summary-text[data-v-4fe3418a] {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
}
.selected-items-list[data-v-4fe3418a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.selected-item[data-v-4fe3418a] {
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-50);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.item-app-id[data-v-4fe3418a] {
  font-weight: 500;
  color: var(--text-color);
  font-size: 0.875rem;
}
.more-items[data-v-4fe3418a] {
  padding: 0.75rem;
  text-align: center;
  color: var(--text-color-secondary);
  font-style: italic;
}
.dialog-footer[data-v-4fe3418a] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid var(--surface-200);
}
[data-v-4fe3418a] .p-dialog-header {
  padding: 0;
}
[data-v-4fe3418a] .p-dialog-content {
  padding: 0;
}

.committee-proposal-admin[data-v-dad1ef72] {
  width: 100%;
  background: linear-gradient(to bottom, white 63.648%, #eeeef4 175.65%);
  padding: 32px 24px;
  box-shadow: 0px 1px 1px 0px rgba(224, 224, 224, 1);
}
.page-title-container[data-v-dad1ef72] {
  padding: 10px 0;
}
.page-title[data-v-dad1ef72] {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
.committee-selector-section[data-v-dad1ef72] {
  margin-bottom: 20px;
}
.committee-selector-container[data-v-dad1ef72] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.committee-selector-row[data-v-dad1ef72] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  align-items: end;
}
.committee-selector-field[data-v-dad1ef72] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 428px;
}
.committee-selector-label[data-v-dad1ef72] {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: var(--text-color);
  padding: 2px 0;
}
.go-button[data-v-dad1ef72] {
  height: 44px;
  min-width: 51px;
}
.auto-add-container[data-v-dad1ef72] {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 44px;
}
.auto-add-button[data-v-dad1ef72] {
  height: 44px;
}
.auto-add-help-icon[data-v-dad1ef72] {
  width: 32px;
  height: 32px;
  color: rgba(74, 79, 85, 0.5);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(74, 79, 85, 0.1);
  border-radius: 50%;
  padding: 2px;
  flex-shrink: 0;
}
.action-buttons-row[data-v-dad1ef72] {
  display: flex;
  gap: 12px;
  align-items: start;
}
.action-link-button[data-v-dad1ef72] {
  background-color: rgba(0, 30, 98, 0.06);
  padding: 12px 16px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: var(--primary-color);
  text-decoration: underline;
}
.action-link-button[data-v-dad1ef72]:hover {
  background-color: rgba(0, 30, 98, 0.1);
}
.committee-proposal-admin__tabs[data-v-dad1ef72] {
  width: 100%;
}
[data-v-dad1ef72] .p-tabview-panels {
  padding: 0;
}
@media (max-width: 768px) {
.committee-selector-row[data-v-dad1ef72] {
    flex-direction: column;
    align-items: stretch;
}
.committee-selector-field[data-v-dad1ef72] {
    width: 100%;
}
.action-buttons-row[data-v-dad1ef72] {
    flex-wrap: wrap;
}
}

/* ============================================================================
   KEY STATISTICS (Figma SxRu9AdymwrdwHdLLan2Sv node 6967-52639)
   Label above value; row1: teal (4) + purple (1) + yellow (1), row2: yellow (3)
   ============================================================================ */
.summary-section[data-v-c34ade45] {
  margin-bottom: 1.5rem;
}
.summary-section__header[data-v-c34ade45] {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.summary-section__title[data-v-c34ade45] {
  font-size: 1rem;
  font-weight: 600;
  color: #4a4f55;
  margin: 0;
}
.summary-section__exclude-note[data-v-c34ade45] {
  font-size: 0.8125rem;
  color: #6c757d;
  font-weight: 400;
}
.stats-grid[data-v-c34ade45] {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0;
}
.stats-grid--row1[data-v-c34ade45] {
  grid-template-columns: repeat(6, 1fr);
  margin-bottom: 0.75rem;
}
.stats-grid--row2[data-v-c34ade45] {
  grid-template-columns: repeat(3, 1fr);
}
.stat-box[data-v-c34ade45] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  gap: 0.5rem;
  min-height: 70px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  background: #fff;
}

/* Row 1: first 4 cards */
.stat-box--teal[data-v-c34ade45] {
  background: #e0f2f1;
}

/* Row 1: 5th card */
.stat-box--purple[data-v-c34ade45] {
  background: #f3e5f5;
}

/* Row 1: 6th card + Row 2: all 3 */
.stat-box--yellow[data-v-c34ade45] {
  background: #fffde7;
}
.stat-box--wide[data-v-c34ade45] {
  padding: 0.875rem 1.25rem;
}
.stat-box__label[data-v-c34ade45] {
  font-size: 0.8125rem;
  color: #4a4f55;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}
.stat-box__value[data-v-c34ade45] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #343a40;
  line-height: 1.3;
  white-space: nowrap;
  flex-shrink: 0;
}
.stat-box__keywords-link[data-v-c34ade45] {
  flex: 1;
  min-width: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0.8125rem;
  color: #001e62;
  text-decoration: underline;
  text-align: left;
  line-height: 1.3;
}
.stat-box__keywords-link[data-v-c34ade45]:hover {
  color: #001e62;
  opacity: 0.85;
}
.stat-box__keywords-link[data-v-c34ade45]:focus-visible {
  outline: 2px solid #001e62;
  outline-offset: 2px;
  border-radius: 2px;
}

/* ============================================================================
   RELATIONSHIPS & DATES COLUMNS
   ============================================================================ */
.info-columns[data-v-c34ade45] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.info-panel[data-v-c34ade45] {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.info-panel__title[data-v-c34ade45] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #343a40;
  margin: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dee2e6;
  background: #f8f9fa;
  border-radius: 4px 4px 0 0;
}
.info-panel__body[data-v-c34ade45] {
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-row[data-v-c34ade45] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.info-row__label[data-v-c34ade45] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #495057;
  min-width: 280px; /* fits longest label so dot + date align in one column */
  flex-shrink: 0;
  line-height: 1.5;
}
.info-row__values[data-v-c34ade45] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1;
}
.info-person[data-v-c34ade45] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: #495057;
}
.info-person__dot[data-v-c34ade45] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #20a090;
  flex-shrink: 0;
}
.info-person__dot--muted[data-v-c34ade45] {
  background-color: #adb5bd;
}

/* ============================================================================
   OVERLAY
   ============================================================================ */
.keywords-modal__overlay[data-v-4933b600] {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 20vh;
  background: rgba(0, 0, 0, 0.45);
}

/* ============================================================================
   PANEL (Figma 6967-54180, 6967-54187)
   ============================================================================ */
.keywords-modal__panel[data-v-4933b600] {
  width: 561px;
  max-width: calc(100vw - 2rem);
  max-height: 80vh;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  outline: none;
}

/* ============================================================================
   HEADER (Figma 6967-54180: light gray, bold title, teal circular close with dark X)
   ============================================================================ */
.keywords-modal__header[data-v-4933b600] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: #f6f6f6;
  border-bottom: 1px solid #dbdcdd;
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
}
.keywords-modal__title[data-v-4933b600] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #090909;
  margin: 0;
  line-height: 1.4;
}
.keywords-modal__close-btn[data-v-4933b600] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #2cd5c4;
  color: #090909;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s;
}
.keywords-modal__close-btn[data-v-4933b600]:hover {
  background: #20a090;
  color: #090909;
}
.keywords-modal__close-btn[data-v-4933b600]:focus-visible {
  outline: 2px solid #2cd5c4;
  outline-offset: 2px;
}

/* ============================================================================
   CONTENT (Figma 6967-54187: plain list, regular weight, dark gray, consistent spacing)
   ============================================================================ */
.keywords-modal__content[data-v-4933b600] {
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  flex: 1;
  background: #fff;
  font-family: 'Nunito Sans', sans-serif;
}
.keywords-modal__keyword[data-v-4933b600] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #4a4f55;
  line-height: 1.6;
  margin-bottom: 0.25rem;
}
.keywords-modal__keyword[data-v-4933b600]:last-child {
  margin-bottom: 0;
}
.keywords-modal__empty[data-v-4933b600] {
  font-size: 13px;
  font-weight: 400;
  color: #4a4f55;
}

/* ============================================================================
   TRANSITION
   ============================================================================ */
.modal-enter-active[data-v-4933b600],
.modal-leave-active[data-v-4933b600] {
  transition: opacity 0.2s ease;
}
.modal-enter-active .keywords-modal__panel[data-v-4933b600],
.modal-leave-active .keywords-modal__panel[data-v-4933b600] {
  transition: transform 0.2s ease;
}
.modal-enter-from[data-v-4933b600],
.modal-leave-to[data-v-4933b600] {
  opacity: 0;
}
.modal-enter-from .keywords-modal__panel[data-v-4933b600] {
  transform: translateY(-20px);
}
.modal-leave-to .keywords-modal__panel[data-v-4933b600] {
  transform: translateY(-20px);
}

/* ============================================================================
   STATE CONTAINERS
   ============================================================================ */
.state-container[data-v-952a68cd] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  padding: 2rem;
}
.state-container--error[data-v-952a68cd] {
  align-items: flex-start;
  padding-top: 3rem;
}

/* ============================================================================
   ERROR CARD
   ============================================================================ */
.error-card[data-v-952a68cd] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  max-width: 560px;
  padding: 1.25rem 1.5rem;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 6px;
}
.error-card__icon[data-v-952a68cd] {
  font-size: 1.5rem;
  color: #856404;
  flex-shrink: 0;
  line-height: 1.4;
}
.error-card__title[data-v-952a68cd] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #856404;
  margin: 0 0 0.25rem 0;
}
.error-card__message[data-v-952a68cd] {
  font-size: 0.875rem;
  color: #664d03;
  margin: 0;
}

/* ============================================================================
   COMMITTEE HEADER
   ============================================================================ */
.committee-header[data-v-952a68cd] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  transition: opacity 0.2s;
}
.committee-header--refreshing[data-v-952a68cd] {
  opacity: 0.7;
}
.committee-header__field[data-v-952a68cd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  flex: 1;
  min-width: 160px;
}
.committee-header__field--program[data-v-952a68cd] {
  flex: 2;
  max-width: 400px;
}
.committee-header__field-label[data-v-952a68cd] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.committee-header__field-value--name[data-v-952a68cd] {
  font-size: 0.875rem;
  font-weight: 500;
  color: #343a40;
}
.committee-header__status-badge[data-v-952a68cd] {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 500;
  width: fit-content;
}

/* Active: green (Figma) */
.committee-header__status-badge--active[data-v-952a68cd] {
  background: #d4edda;
  color: #155724;
}

/* Period statuses: Preference / Review / Discussion / Voting / Post Meeting Revision (Figma 6967-52639) */
.committee-header__status-badge--period[data-v-952a68cd] {
  background: #cce5ff;
  color: #004085;
}

/* Not Available / Inactive: light gray badge, black text (Figma node 6967-52639) */
.committee-header__status-badge--inactive[data-v-952a68cd] {
  background: #e9ecef;
  color: #000000;
}
.committee-header__divider[data-v-952a68cd] {
  width: 1px;
  background: #dee2e6;
  align-self: stretch;
  flex-shrink: 0;
}

/* Wrapper for BaseSelect (compliance: no custom class on shared component) */
.committee-header__program-select[data-v-952a68cd] {
  width: 100%;
}

/* ============================================================================
   SUMMARY CONTAINER
   ============================================================================ */
.summary-container[data-v-952a68cd] {
  margin-bottom: 1.5rem;
}

/* ============================================================================
   ROSTER SECTION
   ============================================================================ */
.roster-section[data-v-952a68cd] {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  overflow: hidden;
}

/* ============================================================================
   EMPTY STATE
   ============================================================================ */
.empty-state[data-v-952a68cd] {
  padding: 3rem 2rem;
  text-align: center;
}
.empty-state__text[data-v-952a68cd] {
  font-size: 0.9375rem;
  color: #6c757d;
  margin: 0;
}

/* Resubmission column link (Prior App Critiques) */
.resubmission-link[data-v-952a68cd] {
  font-size: 0.8125rem;
  color: var(--color-link, #004085);
  text-decoration: none;
}
.resubmission-link[data-v-952a68cd]:hover {
  text-decoration: underline;
}

/* ============================================================================
   APPLICANT CELL (ORCiD Trust Levels – match SubmittedApplicationsTable)
   ============================================================================ */
.applicant-cell-container[data-v-952a68cd] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  min-height: 86px;
  width: 100%;
  min-width: 120px;
}
.orcid-logo-container[data-v-952a68cd] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #9cc63b;
  border-radius: 50%;
  cursor: help;
}
.orcid-logo[data-v-952a68cd] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.applicant-name-container[data-v-952a68cd] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.applicant-name-text[data-v-952a68cd] {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  color: var(--color-heading, #343a40);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
}

/* ============================================================================
   CRITIQUES CELL
   ============================================================================ */
.critiques-cell[data-v-952a68cd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.critique-line[data-v-952a68cd] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.125rem;
  font-size: 0.8125rem;
  color: #495057;
}
.critique-line__name[data-v-952a68cd] {
  white-space: nowrap;
}
.critique-line__score[data-v-952a68cd] {
  white-space: nowrap;
}
.critique-indicator[data-v-952a68cd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  font-size: 0.6875rem;
  font-weight: 700;
  flex-shrink: 0;
}
.critique-indicator--extended[data-v-952a68cd] {
  background: #cce5ff;
  color: #004085;
}
.critique-indicator--revised[data-v-952a68cd],
.critique-indicator--approved[data-v-952a68cd] {
  background: #f8d7da;
  color: #721c24;
}

/* Score overwrite: same style as R indicator but fits content (e.g. 4.33) */
.score-overwrite-indicator[data-v-952a68cd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.35rem;
  border-radius: 3px;
  font-size: 0.8125rem;
  font-weight: 700;
  background: #f8d7da;
  color: #721c24;
  width: fit-content;
}
.critiques-cell--empty[data-v-952a68cd] {
  font-size: 0.8125rem;
  color: #adb5bd;
  font-style: italic;
}

/* ============================================================================
   PROPOSAL STATUS BADGES (Figma 6967-52639)
   Grouped: Awarded | Submitted | In Progress | Deleted
   ============================================================================ */
.status-badge[data-v-952a68cd] {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.75rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 500;
  white-space: nowrap;
}
.status-badge--awarded[data-v-952a68cd] {
  background: #cce5ff;
  color: #004085;
}
.status-badge--submitted[data-v-952a68cd] {
  background: #d4edda;
  color: #155724;
}
.status-badge--in-progress[data-v-952a68cd] {
  background: #fff3cd;
  color: #856404;
}
.status-badge--deleted[data-v-952a68cd] {
  background: #f8d7da;
  color: #721c24;
}

/* ============================================================================
   SCREEN READER ONLY
   ============================================================================ */
.sr-only[data-v-952a68cd] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.base-report-table {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* Header Controls Styling */
.table-header {
  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,
.header-right {
  display: flex;
  align-items: center;
  gap: 4px;
}

.page-size-control {
  display: flex;
  align-items: center;
  gap: 4px;
}

.page-size-label {

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



.page-info {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 4px;
}

.page-info-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1428571428571428;
  color: #000000;
}

.global-filter .p-input-icon-left {
  position: relative;
}

.global-filter .p-input-icon-left i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #001E62;
  width: 16px;
  height: 16px;
}

.global-filter .p-input-icon-left input {
  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:focus,
.global-filter .p-input-icon-left input:active,
.global-filter .p-input-icon-left input:focus-visible {
  border: 1px solid #DBDCDD !important;
  outline: none !important;
  box-shadow: none !important;
}

.global-filter .p-input-icon-left::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 :deep(.p-datatable) {
  border: none;
  border-radius: 0;
  background: transparent;
}

.base-report-table :deep(.p-datatable-wrapper) {
  border-radius: 0;
  overflow-x: auto !important;
  width: 100% !important;
}

.base-report-table :deep(.p-datatable table) {
  width: 100%;
  table-layout: auto;
}



/* Table header — Figma Table Header (9263:73287): fill DarkGrey02 #e9ecf1, border #dadfe8, radius 10 */
.base-report-table :deep(.p-datatable-thead > tr > th) {
  background: #c3c4c5 !important;
  border-top: 1px solid #dadfe8 !important;
  border-bottom: 1px solid #dadfe8 !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none;
  padding: 16px 20px !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 :deep(.p-datatable-column-title){
  font-weight: 700 !important;
}
.base-report-table :deep(.p-datatable-thead > tr > th:first-child) {
  border-left: 1px solid #dadfe8 !important;
  border-top-left-radius: 10px !important;
}

.base-report-table :deep(.p-datatable-thead > tr > th:last-child) {
  border-right: 1px solid #dadfe8 !important;
  border-top-right-radius: 10px !important;
}

/* thead rows are table-row; gap does not apply — removed erroneous gap rule */

/*
 * Native <table> — header cells match DataTable thead (opt-in: add class `report-html-table` on <table>).
 * Used where PrimeVue DataTable is not used but report chrome should match.
 */
.report-html-table thead tr {
  background-color: #e9ecf1;
}

.report-html-table thead th {
  background-color: #e9ecf1;
  border-top: 1px solid #dadfe8;
  border-bottom: 1px solid #dadfe8;
  border-left: none;
  border-right: none;
  padding: 16px 20px;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.3846153846153846;
  font-size: 13px;
  font-weight: 700;
  color: #4a4f55;
  text-align: left;
  vertical-align: middle;
}

.report-html-table thead th:first-child {
  border-left: 1px solid #dadfe8;
  border-top-left-radius: 10px;
}

.report-html-table thead th:last-child {
  border-right: 1px solid #dadfe8;
  border-top-right-radius: 10px;
}

/* Table Body Styling */
.base-report-table :deep(.p-datatable-tbody > tr) {
  border: 1px solid #DBDCDD !important;
  border-radius: 16px !important;
  margin-bottom: 6px !important;
  background: #FFFFFF;
}


.base-report-table :deep(.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 :deep(.p-datatable-tbody > tr > td:first-child) {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}

.base-report-table :deep(.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 :deep(.p-sortable-column-icon) {
  color: #6E7277 !important;
  margin-left: 8px !important;
  font-size: 14px !important;
}

.base-report-table :deep(.p-sortable-column .p-icon) {
  width: 14px !important;
  height: 14px !important;
}

/* Custom sort icons vertical arrangement */
.sort-icons {
  display: flex;
  flex-direction: column;
  align-items: center;

}

.sort-both {
  display: flex;
  flex-direction: column;
  align-items: center;

}

.sort-single {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Remove default borders on body cells (thead uses perimeter border in Table Header block) */
.base-report-table :deep(.p-datatable-tbody > tr > td) {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.base-report-table :deep(.p-datatable-tbody) {
  gap: 6px;
}

:deep(.p-datatable-header) {
  border: none !important;
  background: transparent !important;
}

/* Pagination Styling — row layout so #paginatorstart + page links stay on one line, left-aligned */
.base-report-table :deep(.p-paginator) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px !important;
}

.base-report-table :deep(.p-paginator-left-content) {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 !important;
}

.base-report-table :deep(.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 :deep(.p-paginator-right-content) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.base-report-table :deep(.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 :deep(.pi){
  color: #6E7277;
  font-size: .75rem;
  font-weight: 600;
}

.base-report-table :deep(.p-paginator-page.p-highlight) {
  background: #001E62 !important;
  color: #FFFFFF !important;
}

.base-report-table :deep(.p-paginator-first),
.base-report-table :deep(.p-paginator-prev),
.base-report-table :deep(.p-paginator-next),
.base-report-table :deep(.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 :deep(.p-paginator-first:hover),
.base-report-table :deep(.p-paginator-prev:hover),
.base-report-table :deep(.p-paginator-next:hover),
.base-report-table :deep(.p-paginator-last:hover),
.base-report-table :deep(.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 :deep(.p-focus),
.base-report-table :deep(.p-component:focus) {
  outline: none !important;
}

/* Remove focus box-shadow and outline from all input text fields */
.base-report-table :deep(.p-inputtext:focus),
.base-report-table :deep(.p-inputtext:active),
.base-report-table :deep(input:focus),
.base-report-table :deep(input:active) {
  box-shadow: none !important;
  outline: none !important;
}

/* Specifically target global filter input */
.global-filter :deep(.p-inputtext),
.global-filter :deep(.p-inputtext:focus),
.global-filter :deep(.p-inputtext:active),
.global-filter :deep(input),
.global-filter :deep(input:focus),
.global-filter :deep(input:active) {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove focus styles from IconField wrapper */
.global-filter :deep(.p-iconfield),
.global-filter :deep(.p-iconfield:focus-within),
.global-filter :deep(.p-icon-field),
.global-filter :deep(.p-icon-field:focus-within) {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

/* Action buttons and links */
.link {
  cursor: pointer;
  color: #001E62;
  text-decoration: none;
  font-weight:800 ;
}

.link:hover {
  text-decoration: underline;
}

.pointer-link {
  cursor: pointer;
  color: #001E62;
  text-decoration: none;
  background-color: transparent;
  border: 0;
}

.pointer-link:hover {
  text-decoration: underline;
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;

  color: #4A4F55;
}

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

/* Export button styling */
.export-actions .p-button {

  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:hover {
  background: #F5F5F5 !important;
}

/* Dropdown styling for controls */
.base-report-table :deep(.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 :deep(.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 :deep(.p-select-trigger .p-icon) {
  color: #001E62 !important;
  width: 8.83px !important;
  height: 8.83px !important;
}

.page-size-dropdown {
  width: 93px;
}

/* Page size dropdown visual alignment per Figma - scoped to this table only */
.base-report-table .page-size-dropdown :deep(.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 {
    flex-direction: column;
    gap: 1rem;
    padding: 0 0 1rem 0;
  }

  .header-left,
  .header-right {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
  }

  .page-size-control {
    justify-content: flex-start;
  }

  .page-info-text {
    font-size: 12px;
  }

  .action-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .base-report-table :deep(.p-datatable-thead > tr > th),
  .base-report-table :deep(.p-datatable-tbody > tr > td) {
    padding: 12px !important;
  }
}

@media (max-width: 480px) {

  .header-left,
  .header-right {
    gap: 0.5rem;
  }

  .page-size-label,
  .page-info-text {
    font-size: 12px;
  }



  .page-size-dropdown,
  .global-filter .p-input-icon-left input {
    min-width: 150px;
  }

  .base-report-table :deep(.p-datatable-thead > tr > th),
  .base-report-table :deep(.p-datatable-tbody > tr > td) {
    padding: 10px !important;
    font-size: 12px !important;
  }
}

.base-report-table :deep(.p-datatable-tbody tr td:nth-child(1)) {
  border-left: 1px solid #DBDCDD !important;
}
.base-report-table :deep(.p-datatable-tbody tr td.p-datatable-frozen-column) {
  border-left: 0px solid #DBDCDD !important;
  border-top-left-radius: 0px !important;
}

.base-report-table :deep(.p-datatable-tbody tr td:last-child) {
  border-right: 1px solid #DBDCDD !important;
}

.base-report-table :deep(.p-datatable-tbody tr td) {
  border-top: 1px solid #DBDCDD !important;
  border-bottom: 1px solid #DBDCDD !important;
}

.base-report-table :deep(.p-datatable-table) {
  border-spacing: 0 6px !important;
  table-layout: auto !important;
  width: 100% !important;
}

/* Ensure scrollable tables respect column widths */
.base-report-table :deep(.p-datatable-scrollable-table) {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure scrollable table headers respect column widths */
.base-report-table :deep(.p-datatable-scrollable-header-table) {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure scrollable table body respects column widths */
.base-report-table :deep(.p-datatable-scrollable-body-table) {
  table-layout: fixed !important;
  width: 100% !important;
}

/* Ensure column widths are respected in scrollable mode */
.base-report-table :deep(.p-datatable-scrollable-body) {
  overflow-x: auto !important;
}

.base-report-table :deep(.p-paginator-content-start) {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.base-report-table :deep(.p-paginator-content) {
  flex: 0 1 auto;
  min-width: 0;
  width: auto;
  flex-wrap: nowrap !important;
  margin: 31px 0 31px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
:deep(.p-paginator-current) {
  color: #000 !important;

  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.base-report-table :deep(.p-paginator-first) {
  overflow: hidden;
  position: relative;
  margin-left: 0;
}

:deep(.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 :deep(.p-datatable-paginator-bottom) {
  border: none !important;
}

:deep(.p-paginator-current) {
  font-size: 14px;
}
.global-filter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}


.global-filter label {
  color: #000;

  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
:deep(.p-datatable-column-sorted .p-datatable-sort-icon) {
    color: #001E62 !important;
}

/* Radio button selection styling */
.radio-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.radio-selection input[type="radio"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #001E62;
}

/* Remove pointer cursor for checkbox-only selection (when Column has selectionMode, not DataTable) */
/* Only radio button selection (single mode on DataTable) should show pointer cursor */
.base-report-table :deep(.p-datatable-tbody > tr[data-pc-section="bodyrow"]) {
  cursor: default;
}

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

/* Top horizontal scroll bar styling */
.top-scroll-container {
  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 {
  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 :deep(.p-datatable) {
  border-top: none;
  border-radius: 0 0 12px 12px;
}

.base-report-table.has-top-scroll :deep(.p-datatable-wrapper) {
  border-radius: 0 0 12px 12px;
}

/* Preserve header corner radii even with top scroll */
.base-report-table.has-top-scroll :deep(.p-datatable-thead > tr > th:first-child) {
  border-top-left-radius: 10px !important;
}

.base-report-table.has-top-scroll :deep(.p-datatable-thead > tr > th:last-child) {
  border-top-right-radius: 10px !important;
}

/* Ensure top scroll bar does not visually cover header corners */
.top-scroll-container {
  z-index: 0;
}

/* Ensure smooth scrolling */
.top-scroll-container::-webkit-scrollbar {
  height: 12px;
}

.top-scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
}

.top-scroll-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 6px;
}

.top-scroll-container::-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 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.2;
}

.column-header-with-tooltip span {
  flex: 1;
  white-space: normal;
  word-wrap: break-word;
}

/* Datatable tooltip styles - optimized */
:deep(.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;
}

:deep(.tooltip-trigger i) {
  font-size: 7px !important;
  font-weight: 700 !important;
}

:deep(.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 :deep(.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 :deep(.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 :deep(.base-select-wrapper) {
  width: 75% !important;
  max-width: 100% !important;
}

.base-report-table :deep(.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 :deep(.p-select .p-select-label-container) {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.base-report-table :deep(.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 :deep(.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 :deep(.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 :deep(.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 :deep(.p-button:not(.exclude-base-report-table-styles):hover) {
  background-color: #001E62 !important;
  color: #FFFFFF !important;
}

/* Links in table */
.base-report-table :deep(td a),
.base-report-table :deep(a.clickablelink),
.base-report-table :deep(.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 :deep(td a:hover),
.base-report-table :deep(a.clickablelink:hover),
.base-report-table :deep(.pointer-link:hover) {
  text-decoration: underline !important;
}

/* Icon-only button - clean icon with no border or background - exclude grid action buttons */
.base-report-table :deep(.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 :deep(.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 :deep(.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 :deep(.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 :deep(.action-buttons .delete-icon-button:hover) {
  background-color: rgba(74, 79, 85, 0.2) !important;
}

.base-report-table :deep(.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 :deep(.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 :deep(.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 :deep(.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 :deep(.action-buttons .fa-trash) {
  color: #E74444 !important;
}

/* Danger ghost buttons (e.g., Remove) - exclude grid action buttons */
.base-report-table :deep(.p-button.p-button-danger:not(.exclude-base-report-table-styles)),
.base-report-table :deep(.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 :deep(.p-button.p-button-danger:not(.exclude-base-report-table-styles):hover),
.base-report-table :deep(.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 {
  display: flex;
  align-items: center;
}

/* Column toggle button - match export button styling */
.column-toggle-button {
  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:hover {
  background: #001E62 !important;
  color: #FFFFFF !important;
}

.column-toggle-button:hover :deep(.p-button-icon) {
  color: #FFFFFF !important;
}

.column-toggle-panel {
  padding: 0;
}

.column-toggle-header {
  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 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
}

.column-toggle-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}

.column-toggle-label {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #4A4F55;
  margin: 0;
  user-select: none;
  flex: 1;
}

.column-toggle-item:hover .column-toggle-label {
  color: #001E62;
}

/* Checkbox styling in column toggle */
.column-toggle-panel :deep(.p-checkbox) {
  margin-right: 0;
}

.column-toggle-panel :deep(.p-checkbox-box) {
  border: 1.5px solid #DBDCDD;
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.column-toggle-panel :deep(.p-checkbox-box.p-highlight) {
  background: #001E62;
  border-color: #001E62;
}

.column-toggle-panel :deep(.p-checkbox-icon) {
  width: 12px;
  height: 12px;
}

:deep(.column-toggle-button){
  height: 39px !important;
}
.base-report-table :deep(.column-toggle-control .p-button) {
  height: 40px !important;
}
.base-report-table :deep(.column-toggle-button .p-button-icon) {
  font-size: 16px !important;
}

/* Row Group Header Styling - Reusable across all tables with row grouping */
:deep(.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;
}

:deep(.p-datatable .p-rowgroup-header:hover) {
  background: var(--p-surface-100, #e9ecef);
}

:deep(.p-datatable .p-rowgroup-header td) {
  padding: 0 !important;
  position: relative;
  z-index: 60 !important;
}

:deep(.p-datatable .p-rowgroup-header td:first-child) {
  box-sizing: border-box;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
}

:deep(.p-datatable .p-rowgroup-header td:not(:first-child)) {
  display: none !important;
}

:deep(.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;
}

:deep(.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;
}

:deep(.p-datatable .p-rowgroup-header .p-row-toggler .p-datatable-row-toggle-icon) {
  width: 14px !important;
  height: 14px !important;
}

:deep(.p-datatable .p-rowgroup-footer) {
  display: none !important;
}

:deep(.p-datatable-row-group-footer) {
  display: none;
}

:deep(.p-datatable .p-rowgroup-header + tr),
:deep(.p-datatable .p-rowgroup-header ~ tr:not(.p-rowgroup-header)) {
  overflow: visible !important;
}

:deep(.p-datatable .p-datatable-tbody .p-rowgroup-header ~ tr) {
  overflow: visible !important;
  position: relative !important;
}

:deep(.p-datatable-scrollable-body .p-rowgroup-header),
:deep(.p-datatable-scrollable-body .p-rowgroup-header ~ tr) {
  overflow: visible !important;
}

:deep(.p-datatable-row-group-header) {
  z-index: 102 !important;
  position: relative;
  background: rgba(242, 244, 247, 0.46) !important;
}

:deep(.p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover) {
  background: #EFEFF4 !important;
  color: var(--p-datatable-row-hover-color);
}

:deep(.p-datatable-column-header-content) {
  justify-content: space-between !important;
}

:deep(.rowgroupheadercell) {
  width: 100% !important;
}

:deep(.admin-header-container) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* ==========================================================
   FROZEN COLUMN STYLES (centralized)
   All frozen column styling lives here. Do NOT add
   frozen-column CSS overrides in individual page components.
   ========================================================== */

/* --- Thead: sticky at top with high z-index --- */
.base-report-table :deep(.p-datatable-thead) {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}

/* --- Frozen header cells --- */
.base-report-table :deep(.p-datatable-thead > tr > th.p-datatable-frozen-column) {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #c3c4c5   !important;
  box-shadow: none !important;
}

/* --- Frozen body cells: solid block, no row gaps --- */
.base-report-table :deep(.p-datatable-tbody > tr > td.p-datatable-frozen-column) {
  background: #FFFFFF !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 50 !important;
  position: sticky;
}

/* Bridge the border-spacing gap (6px) between rows so frozen columns
   form a seamless block. ::before covers below, ::after covers above. */
.base-report-table :deep(td.p-datatable-frozen-column::before) {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFFFFF;
  z-index: 50;
}

.base-report-table :deep(td.p-datatable-frozen-column::after) {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background: #FFFFFF;
  z-index: 50;
}

/* Shadow on the last left-frozen body cell (the boundary before non-frozen content).
   :has(+ td:not(..)) detects a frozen cell whose next sibling is NOT frozen. */
.base-report-table :deep(.p-datatable-tbody > tr > td.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ td:not(.p-datatable-frozen-column))) {
  box-shadow: 4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/* Right-aligned frozen body cells get a left-edge shadow */
.base-report-table :deep(.p-datatable-tbody > tr > td.p-datatable-frozen-column[style*="inset-inline-end"]) {
  box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/*
 * Thead left-frozen: subpixel seams can appear between ANY adjacent headers — frozen|frozen
 * (e.g. Reviewer|ID) as well as frozen|scroll. Remove translucent shadow; same-fill border +
 * opaque ::after on every left-frozen th that has a following header cell.
 */
.base-report-table :deep(.p-datatable-thead > tr > th.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ th)) {
  box-shadow: none !important;
  border-right: 1px solid #c3c4c5 !important;
  overflow: visible !important;
}

.base-report-table :deep(
  .p-datatable-thead > tr > th.p-datatable-frozen-column:not([style*="inset-inline-end"]):has(+ th)
)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 4px;
  height: 100%;
  background: #c3c4c5;
  z-index: 1001;
  pointer-events: none;
}

/* Pull each subsequent left-frozen header 1px left to close sticky rounding gaps (frozen|frozen).
   Exclude right-frozen (inset-inline-end) so the last sticky column is not shifted. */
.base-report-table :deep(
  .p-datatable-thead > tr > th.p-datatable-frozen-column ~ th.p-datatable-frozen-column:not([style*="inset-inline-end"])
) {
  margin-left: -1px !important;
}

.base-report-table :deep(.p-datatable-thead > tr > th.p-datatable-frozen-column[style*="inset-inline-end"]) {
  box-shadow: -4px 0 8px -2px rgba(0, 0, 0, 0.15) !important;
}

/* First non-frozen cell after left-frozen block: no left radius (sits flush against frozen) */
.base-report-table :deep(.p-datatable-tbody > tr > td.p-datatable-frozen-column:not([style*="inset-inline-end"]) + td:not(.p-datatable-frozen-column)) {
  border-left: 1px solid #DBDCDD !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Last non-frozen cell before right-frozen block: no right radius (sits flush against frozen) */
.base-report-table :deep(.p-datatable-tbody > tr > td:not(.p-datatable-frozen-column):has(+ td.p-datatable-frozen-column[style*="inset-inline-end"])) {
  border-right: 1px solid #DBDCDD !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Hover state: frozen cells follow the row hover color */
.base-report-table :deep(.p-datatable-tbody > tr:hover > td.p-datatable-frozen-column) {
  background: #EFEFF4 !important;
}

.base-report-table :deep(.p-datatable-tbody > tr:hover > td.p-datatable-frozen-column::before),
.base-report-table :deep(.p-datatable-tbody > tr:hover > td.p-datatable-frozen-column::after) {
  background: #EFEFF4 !important;
}

/* Selected row: frozen cells follow highlight */
.base-report-table :deep(.p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column) {
  background: var(--p-datatable-row-selected-background, #EFF6FF) !important;
}

.base-report-table :deep(.p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column::before),
.base-report-table :deep(.p-datatable-tbody > tr.p-datatable-row-selected > td.p-datatable-frozen-column::after) {
  background: var(--p-datatable-row-selected-background, #EFF6FF) !important;
}
.page-container[data-v-cfe2c182] {
  width: 100%;
  min-height: 100vh;
}
.main-content[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: transparent;
  box-shadow: none;
  padding: 16px 24px 24px;
  max-width: 100%;
  box-sizing: border-box;
}
.title-description-container[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Shell canvas shows through; avoid double card (single_filter-container + accordion both had chrome) */
.configure-committee-default-view[data-v-cfe2c182] .organism-search-panel .single_filter-container {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.configure-committee-default-view[data-v-cfe2c182] .search-panel__accordion {
  margin-bottom: 0;
}
.configure-committee-default-view[data-v-cfe2c182] .search-panel__accordion .search-panel__filters {
  margin-bottom: 0;
}
.configure-committee-default-view[data-v-cfe2c182] .search-panel__accordion .base-page-description {
  margin-bottom: 12px;
}
.configure-committee-default-view[data-v-cfe2c182] .search-panel__accordion-body {
  gap: 20px;
}

/* Outer ring: Figma 9387:76427 — #ffe5e5, 16px radius + padding */
.warn-banner[data-v-cfe2c182] {
  background-color: #ffe5e5;
  border-radius: 16px;
  padding: 12px;
  margin-top: 12px;
}

/* Inner panel: Figma 9387:76428 — #fff2f2, 12px radius */
.warn-banner__inner[data-v-cfe2c182] {
  background-color: #fff2f2;
  border-radius: 12px;
  padding: 12px;
}
.warn-banner__list[data-v-cfe2c182] {
  margin: 0;
  padding-left: 21px;
  list-style-type: disc;
  color: #e74444;
  font-size: 14px;
  line-height: 20px;
}
.warn-banner__list-item[data-v-cfe2c182] {
  margin: 0 0 2px;
  padding-left: 2px;
}
.warn-banner__list-item[data-v-cfe2c182]:last-child {
  margin-bottom: 0;
}
.filter-field[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.filter-label[data-v-cfe2c182] {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.content-section[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.actions-row[data-v-cfe2c182] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.actions-left[data-v-cfe2c182] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.configure-default-view__reset-action[data-v-cfe2c182] .p-button:disabled .p-button-label,
.configure-default-view__reset-action[data-v-cfe2c182] .p-button:disabled .p-button-icon {
  color: #fff !important;
}
.table-section[data-v-cfe2c182] {
  overflow-x: auto;
}
.column-table[data-v-cfe2c182] {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

/* thead / th chrome: shared report-html-table rules in BaseReportTable.css */
.column-table__th--order[data-v-cfe2c182] {
  width: 20%;
  min-width: 300px;
}
.column-table__th-note[data-v-cfe2c182] {
  font-weight: 400;
  font-style: normal;
}
.column-table__row[data-v-cfe2c182] {
  background-color: #fff;
  border: 1px solid #dbdcdd;
  border-top: none;
}
.column-table__row[data-v-cfe2c182]:first-of-type {
  border-top: 1px solid #dbdcdd;
  border-radius: 0 0 0 6px;
}
.column-table__row[data-v-cfe2c182]:last-of-type {
  border-radius: 0 0 6px 0;
}
.column-table__cell[data-v-cfe2c182] {
  padding: 20px;
  vertical-align: middle;
  font-size: 12px;
  color: #252525;
}
.column-table__cell--order[data-v-cfe2c182] {
  width: 20%;
  min-width: 300px;
}
.column-table__cell--order .select-wrapper[data-v-cfe2c182] {
  max-width: 300px;
}
.column-table__cell--column span[data-v-cfe2c182] {
  font-weight: 600;
}
.select-wrapper[data-v-cfe2c182] {
  max-width: 264px;
  min-height: 38px;
}
.column-table__description--unavailable[data-v-cfe2c182] {
  font-style: italic;
  font-weight: 400;
  color: #6e7277;
}
.column-table__row--empty .column-table__cell--empty[data-v-cfe2c182] {
  text-align: center;
  padding: 16px;
  font-size: 14px;
  color: #51565c;
  font-style: italic;
}
.sort-section[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.sort-section__title[data-v-cfe2c182] {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: #000;
}
.sort-rows[data-v-cfe2c182] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 60px;
  align-items: flex-start;
}
.sort-row[data-v-cfe2c182] {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  min-width: 440px;
}
.sort-controls[data-v-cfe2c182] {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.sort-controls .select-wrapper[data-v-cfe2c182] {
  width: 212px;
  max-width: 212px;
  min-height: 44px;
}
.group-linked-section[data-v-cfe2c182] {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
}
.group-linked-text[data-v-cfe2c182] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.group-linked-title[data-v-cfe2c182] {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.checkbox-field[data-v-cfe2c182] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.checkbox-label[data-v-cfe2c182] {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.group-linked-note[data-v-cfe2c182] {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  color: #51565c;
  margin: 0;
  padding: 0;
}
.no-committee-message[data-v-cfe2c182] {
  font-size: 14px;
  color: #4a4f55;
  margin: 0;
}
.visually-hidden[data-v-cfe2c182] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.available-reviewers-section[data-v-8ef703c0] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.empty-state[data-v-8ef703c0] {
  padding: 2rem;
  text-align: center;
  color: var(--text-color-secondary);
}
.available-reviewers-table-area--with-bar[data-v-8ef703c0] {
  padding-bottom: 5.5rem;
}

/* Sticky bottom bar — aligned with CommitteeProposalAdmin (AvailableApplicationsTab) */
.selection-bottom-bar[data-v-8ef703c0] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #2c3e50;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.selection-bottom-bar__content[data-v-8ef703c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  max-width: 100%;
}
.selection-bottom-bar__left[data-v-8ef703c0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.selection-bottom-bar__count[data-v-8ef703c0] {
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
}
.selection-bottom-bar__ids[data-v-8ef703c0] {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-bottom-bar__right[data-v-8ef703c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-8ef703c0] {
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-8ef703c0]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__add[data-v-8ef703c0] {
  background-color: #ffffff;
  color: #001e62;
  border: none;
}
.selection-bottom-bar__add[data-v-8ef703c0]:hover:not(:disabled) {
  background-color: #f0f0f0;
  color: #001648;
}

.committee-members-section[data-v-48bed6a0] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.committee-members-table-area--with-bar[data-v-48bed6a0] {
  padding-bottom: 5.5rem;
}

/* Sticky bottom bar — aligned with CommitteeProposalAdmin (AssignedApplicationsTab) */
.selection-bottom-bar[data-v-48bed6a0] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: #2c3e50;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.selection-bottom-bar__content[data-v-48bed6a0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  max-width: 100%;
}
.selection-bottom-bar__left[data-v-48bed6a0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.selection-bottom-bar__count[data-v-48bed6a0] {
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
}
.selection-bottom-bar__ids[data-v-48bed6a0] {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-bottom-bar__right[data-v-48bed6a0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-48bed6a0] {
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__right .selection-bottom-bar__reset[data-v-48bed6a0]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}
.selection-bottom-bar__remove[data-v-48bed6a0] {
  background-color: #dc3545;
  color: #ffffff;
  border: none;
}
.selection-bottom-bar__remove[data-v-48bed6a0]:hover:not(:disabled) {
  background-color: #c82333;
  color: #ffffff;
}

/* Remove button: solid red background, white text */
.cm-remove-btn[data-v-48bed6a0] .p-button {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
  color: #ffffff !important;
}
.cm-remove-btn[data-v-48bed6a0] .p-button:hover:not(:disabled) {
  background-color: #c62828 !important;
  border-color: #c62828 !important;
  color: #ffffff !important;
}

/* ── Dropdown overrides to match Figma (node 7759:34823) ── */

/* Wrapper: full width, no extra margin */
.committee-members-section[data-v-48bed6a0] .base-select-wrapper {
  width: 100% !important;
  margin-right: 0 !important;
}

/* Select control: light grey border, 8px radius, proper height */
.committee-members-section[data-v-48bed6a0] .p-select {
  height: 38px !important;
  min-height: 38px !important;
  border: 1px solid #dbdcdd !important;
  border-radius: 8px !important;
  padding: 10px !important;
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
}

/* Label: regular grey text */
.committee-members-section[data-v-48bed6a0] .p-select .p-select-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #6e7277 !important;
  line-height: 16px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Dropdown icon button: light grey pill */
.committee-members-section[data-v-48bed6a0] .p-select .p-select-dropdown {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 100px !important;
  background-color: #f6f6f6 !important;
  border: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin-top: 0 !important;
  padding: 2px !important;
}

/* Chevron icon inside dropdown button */
.committee-members-section[data-v-48bed6a0] .p-select .p-select-dropdown .p-icon {
  color: #001e62 !important;
  width: 8.83px !important;
  height: 8.83px !important;
}

.conflict-body[data-v-ffe52a3f] {
  max-height: min(520px, 70vh);
  overflow-y: auto;
  padding-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.45;
  color: #495057;
}
.conflict-intro[data-v-ffe52a3f] {
  margin: 0 0 1rem;
}
.conflict-warning[data-v-ffe52a3f] {
  color: #c62828;
}
.conflict-body p[data-v-ffe52a3f] {
  margin: 0 0 0.75rem;
}
.conflict-section-bar[data-v-ffe52a3f] {
  margin: 1.25rem 0 0.75rem;
  padding: 0.5rem 0.75rem;
  background-color: rgba(74, 79, 85, 0.24);
  border-radius: 2px;
}
.conflict-section-title[data-v-ffe52a3f] {
  font-weight: 700;
}
.conflict-table-wrap[data-v-ffe52a3f] {
  margin-bottom: 0.5rem;
}
.conflict-footer[data-v-ffe52a3f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.dialog-header[data-v-ffe52a3f] {
  margin: 0;
}
.dialog-title[data-v-ffe52a3f] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.filter-row[data-v-cdeea7b1] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
}
.filter-column[data-v-cdeea7b1] {
  flex: 0 0 calc(33.333% - 14px);
  min-width: 0;
}
@media (max-width: 900px) {
.filter-column[data-v-cdeea7b1] {
    flex: 0 0 calc(50% - 10px);
}
}
@media (max-width: 600px) {
.filter-column[data-v-cdeea7b1] {
    flex: 0 0 100%;
}
}

.dialog-header[data-v-bfe39a8d] {
  margin: 0;
}
.dialog-title[data-v-bfe39a8d] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.keyword-section[data-v-bfe39a8d] {
  margin-bottom: 1rem;
}
.keyword-section h3[data-v-bfe39a8d] {
  margin: 0 0 0.5rem;
  font-weight: 600;
  color: #495057;
}
.keyword-section ul[data-v-bfe39a8d] {
  padding-left: 1.25rem;
  margin: 0;
}
.keyword-section li[data-v-bfe39a8d] {
  margin-bottom: 0.25rem;
}

.dialog-header[data-v-ed6d0c5b] {
  margin: 0;
}
.dialog-title[data-v-ed6d0c5b] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
ul[data-v-ed6d0c5b] {
  padding-left: 1.25rem;
  margin: 0;
}
li[data-v-ed6d0c5b] {
  margin-bottom: 0.25rem;
}

.main-container[data-v-65664300] {
  width: 100%;
  padding: 32px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: linear-gradient(to bottom, #ffffff 63.648%, #eeeef4 175.65%);
  box-shadow: 0px 1px 1px 0px #e0e0e0;
}
.form-container[data-v-65664300] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.committee-input-row[data-v-65664300] {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px;
}
.configure-link-row[data-v-65664300] {
  display: flex;
}
.configure-link[data-v-65664300] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 100px;
  background-color: rgba(0, 30, 98, 0.06);
  color: #001e62;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
.configure-link[data-v-65664300]:hover {
  background-color: rgba(0, 30, 98, 0.12);
}
.section-divider[data-v-65664300] {
  border: none;
  border-top: 1px solid #dee2e6;
  margin: 0;
}
.reviewer-tabs[data-v-65664300] {
  margin-top: 0;
}
.available-reviewers-section[data-v-65664300] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.drpcommittee[data-v-65664300] {
  width: 428px;
}

/* ── Tab nav: Figma PC-9795 (e.g. node 7523:1048933) — 1px rule + 2px active underline, Nunito weights ── */
/* PrimeVue 4 TabView uses p-tabview-tablist*; v3 used p-tabview-nav / p-highlight (those no longer match). */
.reviewer-tabs[data-v-65664300] .p-tabview-ink-bar {
  display: none;
}
.reviewer-tabs[data-v-65664300] .p-tabview-tablist {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 40px;
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #dbdcdd;
  background: transparent;
}
.reviewer-tabs[data-v-65664300] .p-tabview-tablist-item .p-tabview-tab-header {
  padding: 10px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #001e62;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: border-color 0.15s ease, font-weight 0.15s ease;
  text-decoration: none;
}
.reviewer-tabs[data-v-65664300] .p-tabview-tablist-item-active .p-tabview-tab-header {
  border-bottom-color: #001e62;
  font-weight: 700;
  color: #001e62;
}
.reviewer-tabs[data-v-65664300]
  .p-tabview-tablist-item:not(.p-tabview-tablist-item-active) .p-tabview-tab-header:hover {
  border-bottom-color: rgba(0, 30, 98, 0.3);
}
.reviewer-tabs[data-v-65664300] .p-tabview-tab-title {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* Remove PrimeVue's default tab panel top border */
.reviewer-tabs[data-v-65664300] .p-tabview-panels {
  padding: 20px 0 0;
  background: transparent;
  border: none;
}

.filter-row[data-v-6531c2d2] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.filter-field[data-v-6531c2d2] {
  flex: 1 1 240px;
  min-width: 200px;
}
.results-section[data-v-6531c2d2] {
  margin-top: 10px;
}
.role-cell[data-v-6531c2d2] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.email-link[data-v-6531c2d2] {
  color: var(--p-primary-color);
  text-decoration: none;
}
.email-link[data-v-6531c2d2]:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
.filter-row[data-v-6531c2d2] {
    flex-direction: column;
}
.filter-field[data-v-6531c2d2] {
    flex: 1 1 100%;
    min-width: 100%;
}
}

.results-section[data-v-cad93757] {
  margin-top: 10px;
}

/* Export & action section (aligned with UnarchiveCritiqueTemplate) */
.export-section[data-v-cad93757] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.bulk-action-container[data-v-cad93757] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
}
.section-title[data-v-cad93757] {
  font-weight: bold;
  font-size: 15px;
}
.header-actions[data-v-cad93757] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-left: auto;
}
.summary-table[data-v-cad93757] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
.summary-table td[data-v-cad93757] {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  font-size: 14px;
}
.summary-label[data-v-cad93757] {
  font-weight: bold;
  white-space: nowrap;
  width: 220px;
}
.summary-value[data-v-cad93757] {
  color: var(--p-text-color, #333);
}
.status-select-wrapper[data-v-cad93757] {
  max-width: 200px;
}
.summary-stats[data-v-cad93757] {
  margin: 16px 0;
  padding: 0 4px;
}
.summary-stats p[data-v-cad93757] {
  margin: 6px 0;
  padding-left: 20px;
  font-size: 14px;
}
@media (max-width: 768px) {
.bulk-action-container[data-v-cad93757] {
    flex-direction: column;
    align-items: stretch;
}
.header-actions[data-v-cad93757] {
    margin-left: 0;
    justify-content: flex-start;
}
.summary-label[data-v-cad93757] {
    width: 160px;
}
}

/* Page-specific only — filters/labels/dialog chrome come from SearchPanel + BaseDialog */
.orca__results-header[data-v-0e997145] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 1rem 8px;
}
.orca__observer-header[data-v-0e997145] {
  flex: 1;
}
.orca__message[data-v-0e997145] {
  margin: 4px 0 0;
  color: #6e7277;
  font-size: 0.9rem;
}
.orca__message--warning[data-v-0e997145] {
  color: #b45309;
  font-style: italic;
}
.orca__empty[data-v-0e997145] {
  margin: 0;
  padding: 40px 16px;
  text-align: center;
  color: #4a4f55;
}
.orca__app-id[data-v-0e997145] {
  display: block;
  max-width: 110px;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.orca__conflict-cell[data-v-0e997145] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  border-radius: 3px;
}
.orca__conflict-cell--red[data-v-0e997145] {
  background-color: #fde8e8;
}
.orca__conflict-cell--green[data-v-0e997145] {
  background-color: #e8f5e9;
}

/* Yes/No selects in table — override BaseSelect + DataTable pre-wrap (label must stay on one line) */
.orca__conflict-cell[data-v-0e997145] {
  white-space: nowrap !important;
}
.orca__conflict-select[data-v-0e997145] {
  width: 100%;
  min-width: 100px;
  max-width: 118px;
}
.orca__conflict-select[data-v-0e997145] .base-select-wrapper {
  width: 100% !important;
  margin-right: 0 !important;
}
.orca__conflict-select[data-v-0e997145] .p-select {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.orca__conflict-select[data-v-0e997145] .p-select .p-select-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.orca__conflict-select[data-v-0e997145] .p-select .p-select-dropdown {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
  align-self: center !important;
}
.orca__dialog-subtitle[data-v-0e997145] {
  margin: 0 0 12px;
  font-style: italic;
  color: #6e7277;
}
.dialog-header[data-v-0e997145] {
  margin: 0;
}
.dialog-title[data-v-0e997145] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}
.orca__system-conflict-frame[data-v-0e997145] {
  display: block;
  width: 100%;
  height: 480px;
  border: none;
}

.rrr__controls[data-v-7fdc333c] {
  width: 100%;
}
.rrr__top-row[data-v-7fdc333c] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.rrr__cycle-block[data-v-7fdc333c] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rrr__cycle-input-row[data-v-7fdc333c] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}
.rrr__cycle-select[data-v-7fdc333c] {
  flex: 1 1 240px;
  min-width: 200px;
  max-width: 100%;
}
.rrr__actions-row[data-v-7fdc333c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.rrr__footer[data-v-7fdc333c] {
  margin-top: 16px;
  padding: 0 4px;
}

.srfa__committee-field[data-v-17ee7fca] {
  width: 100%;
}
button.link[data-v-17ee7fca] {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  color: #001E62;
  cursor: pointer;
}
.srfa__available--yes[data-v-17ee7fca] {
  color: #1a7a3c;
  font-weight: 600;
}
.srfa__available--no[data-v-17ee7fca] {
  color: #b00020;
  font-weight: 600;
}
.srfa__empty[data-v-17ee7fca] {
  margin: 0;
  padding: 40px 16px;
  text-align: center;
  color: #4a4f55;
}
.srfa__no-records[data-v-17ee7fca] {
  margin: 1rem 0 0;
  padding: 12px 16px;
  text-align: center;
  font-weight: 600;
  color: #b00020;
}

.rar__controls[data-v-29736910] {
  width: 100%;
}
.rar__top-row[data-v-29736910] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 40px;
  width: 100%;
}
.rar__committee-block[data-v-29736910] {
  flex: 0 0 60%;
  min-width: min(100%, 320px);
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rar__date-block[data-v-29736910] {
  flex: 0 0 180px;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rar__actions-row[data-v-29736910] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.rar__empty[data-v-29736910] {
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 16px;
}

/* ── Bar ──────────────────────────────────────────────────────────────── */
.mrbb[data-v-524d844b] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: #1c2331;
  border-radius: 10px 10px 0 0;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.25);
}

/* ── Info (left) ──────────────────────────────────────────────────────── */
.mrbb__info[data-v-524d844b] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.mrbb__count[data-v-524d844b] {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.3;
}
.mrbb__names[data-v-524d844b] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Actions (right) ──────────────────────────────────────────────────── */
.mrbb__actions[data-v-524d844b] {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.mrbb__btn[data-v-524d844b] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s ease;
}
.mrbb__btn--cancel[data-v-524d844b] {
  background: transparent;
  border: 1.5px solid #ffffff;
  color: #ffffff;
}
.mrbb__btn--cancel[data-v-524d844b]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.mrbb__btn--confirm[data-v-524d844b] {
  background: #ffffff;
  border: 1.5px solid transparent;
  color: #001e62;
}
.mrbb__btn--confirm[data-v-524d844b]:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.9);
}
.mrbb__btn--confirm[data-v-524d844b]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Loading spinner ──────────────────────────────────────────────────── */
.mrbb__spinner[data-v-524d844b] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(0, 30, 98, 0.25);
  border-top-color: #001e62;
  border-radius: 50%;
  animation: mrbb-spin-524d844b 0.65s linear infinite;
  flex-shrink: 0;
}
@keyframes mrbb-spin-524d844b {
to { transform: rotate(360deg);
}
}

/* ── Slide-up transition ──────────────────────────────────────────────── */
.mrbb-slide-enter-active[data-v-524d844b],
.mrbb-slide-leave-active[data-v-524d844b] {
  transition: transform 0.25s ease, opacity 0.2s ease;
}
.mrbb-slide-enter-from[data-v-524d844b],
.mrbb-slide-leave-to[data-v-524d844b] {
  transform: translateY(100%);
  opacity: 0;
}

.a2r[data-v-20e559a8] {
  width: 100%;
  box-sizing: border-box;
  padding: 32px 24px;
}
.a2r__header[data-v-20e559a8] {
  padding: 10px 0 16px;
}
.a2r__title[data-v-20e559a8] {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}
.a2r__export-row[data-v-20e559a8] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.a2r__keyword-item[data-v-20e559a8] {
  display: block;
  font-size: 13px;
  line-height: 1.5;
}
.a2r__null[data-v-20e559a8] {
  color: #9ba1aa;
}
.a2r__empty[data-v-20e559a8] {
  padding: 40px 16px;
  text-align: center;
  color: #4a4f55;
  margin: 0;
}

/* ========================================================================== */
/* COMPONENT STYLES                                                          */
/* ========================================================================== */

/* Unlock Actions Section */
.unlock-actions[data-v-c2990dc9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.selection-count[data-v-c2990dc9] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1428571428571428;
  color: #4a4f55;
  display: flex;
  align-items: center;
}

/* Application ID Custom Column */
.application-id[data-v-c2990dc9] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}



.align-left[data-v-267a147d] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
[data-v-267a147d] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
  width: 100%;
}
.message-alert[data-v-267a147d] {
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.message-alert.success[data-v-267a147d] {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}
.message-alert.error[data-v-267a147d] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}
.message-alert p[data-v-267a147d] {
  margin: 0;
  text-align: center;
}
.critique-label[data-v-267a147d] {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
.form-field-wrapper[data-v-267a147d] {
  margin-bottom: 1rem;
}
.form-field-create-new[data-v-267a147d] {
  width: 335px;
  max-width: 100%;
}
.form-field-copy-existing[data-v-267a147d] {
  width: 660px;
  max-width: 100%;
}
.button-container[data-v-267a147d] {
  width: fit-content;
}
.no-templates-message[data-v-267a147d] {
  padding: 1rem;
  color: #721c24;
  font-size: 14px;
}
[data-v-267a147d] .p-button.p-button-text {
  color: #001e62;
  border: 1.5px solid #001e62;
  border-radius: 8px;
  padding: 12px 16px;
  height: 44px;
  font-weight: 700;
  font-size: 14px;
  background: transparent;
}
[data-v-267a147d] .p-button.p-button-text:hover {
  background: rgba(0, 30, 98, 0.05);
  border-color: #001e62;
}
[data-v-267a147d] .p-button.p-button-text .p-button-icon {
  color: #001e62;
  margin-right: 8px;
}
.template-select-wrapper[data-v-267a147d] .base-select-wrapper {
  overflow: visible;
  position: relative;
}
@media (max-width: 768px) {
.form-field-create-new[data-v-267a147d],
  .form-field-copy-existing[data-v-267a147d] {
    width: 100%;
}
.button-container[data-v-267a147d] {
    width: 100%;
}
[data-v-267a147d] .p-button.p-button-text {
    width: 100%;
}
.critique-label[data-v-267a147d] {
    margin-bottom: 5px;
}
}

.align-left[data-v-53867661] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
[data-v-53867661] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
  width: 100%;
}
.upload-form[data-v-53867661] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-field-wrapper[data-v-53867661] {
  margin-bottom: 0;
}
.form-field-textarea[data-v-53867661] {
  width: 1392px;
  max-width: 100%;
}
.template-textarea[data-v-53867661] {
  width: 100%;
  padding: 10px;
  border: 1px solid #dbdcdd;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.14em;
  color: #000000;
  resize: vertical;
  background: #fff;
}
.template-textarea[data-v-53867661]::placeholder {
  color: #6e7277;
}
.template-textarea[data-v-53867661]:focus {
  border-color: #001e62;
  box-shadow: 0 0 0 0.2rem rgba(0, 30, 98, 0.1);
  outline: none;
}
.info-review-error-note[data-v-53867661] {
  margin: 1.25em 0 0 0;
}
.sample-data-block[data-v-53867661] {
  margin-top: 0.5em;
}
.sample-data-label[data-v-53867661] {
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 0.25em;
}
.sample-data-list[data-v-53867661] {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.sample-data-item[data-v-53867661] {
  margin-bottom: 0.25em;
}
.sample-data-item[data-v-53867661]:last-child {
  margin-bottom: 0;
}
.error-alert[data-v-53867661] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 1rem;
}
.error-alert p[data-v-53867661] {
  margin: 0;
}
.error-alert ul[data-v-53867661] {
  margin: 0.5rem 0 0 1.5rem;
  padding: 0;
}
.table-container[data-v-53867661] {
  width: 100%;
}
.editable-field-wrapper[data-v-53867661] {
  width: 100%;
}
[data-v-53867661] .editable-field-wrapper .p-inputtext {
  border-radius: 8px;
  padding: 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5em;
  color: #4a4f55;
  background: #fff;
  width: 100%;
}
[data-v-53867661] .editable-field-wrapper .p-inputtext:focus {
  border-color: #001e62;
  box-shadow: 0 0 0 0.2rem rgba(0, 30, 98, 0.1);
  outline: none;
}
.error-messages[data-v-53867661] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.error-message[data-v-53867661] {
  color: #dc3545;
  font-size: 12px;
}
.template-checkbox[data-v-53867661] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #001e62;
}
.results-step-section[data-v-53867661] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.results-section-title[data-v-53867661] {
  font-size: 16px;
  line-height: 1.25em;
  color: #4a4f55;
  margin: 0;
}
[data-v-53867661] .search-panel__actions-custom .p-button.p-button-primary {
  background: #001e62;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  height: 44px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
[data-v-53867661] .search-panel__actions-custom .p-button.p-button-primary:hover {
  background: #002080;
}
[data-v-53867661] .search-panel__actions-custom .p-button.p-button-primary .p-button-icon {
  color: #fff;
  margin-right: 8px;
}
@media (max-width: 768px) {
.form-field-textarea[data-v-53867661] {
    width: 100%;
}
.template-textarea[data-v-53867661] {
    width: 100%;
    max-width: 100%;
}
}

.align-left[data-v-c59278d6] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
[data-v-c59278d6] .search-panel__actions-custom {
  margin-left: 0;
  justify-content: flex-start;
  width: 100%;
}
.description-with-icon[data-v-c59278d6] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
}
.description-with-icon .info-icon[data-v-c59278d6] {
  width: 19.47px;
  height: 27px;
  flex-shrink: 0;
}
.description-text[data-v-c59278d6] {
  font-size: 14px;
  line-height: 1.57em;
  color: #000000;
  margin: 0 0 0.5em 0;
}
.description-text[data-v-c59278d6]:last-child {
  margin-bottom: 0;
}
.template-info-content[data-v-c59278d6] {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}
.error-alert[data-v-c59278d6] {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 1rem;
}
.error-alert p[data-v-c59278d6] {
  margin: 0;
}
.copy-form[data-v-c59278d6] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-fields-section[data-v-c59278d6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 800px;
}
.form-labels-row[data-v-c59278d6] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.form-inputs-row[data-v-c59278d6] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.filter-label[data-v-c59278d6] {
  flex: 1;
}
.form-input-wrapper[data-v-c59278d6] {
  flex: 1;
  min-width: 0;
}
.no-template-message[data-v-c59278d6] {
  text-align: center;
  padding: 2rem;
}
.no-template-message p[data-v-c59278d6] {
  margin-bottom: 1rem;
  color: #721c24;
  font-size: 14px;
}
[data-v-c59278d6] .search-panel__actions-custom .p-button.p-button-primary {
  background-color: #001e62;
  border-color: #001e62;
  color: #fff;
}
[data-v-c59278d6] .search-panel__actions-custom .p-button.p-button-primary:hover:not(.p-disabled) {
  background-color: #00194d;
  border-color: #00194d;
}
@media (max-width: 768px) {
.template-info-content[data-v-c59278d6] {
    width: 100%;
}
.form-labels-row[data-v-c59278d6],
  .form-inputs-row[data-v-c59278d6] {
    flex-direction: column;
    gap: 8px;
}
.filter-label[data-v-c59278d6],
  .form-input-wrapper[data-v-c59278d6] {
    width: 100%;
}
}

.app-rank-report__accordion-stack[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}

/* Content layout styles for accordion panels */
.ark-filters-body[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ark-committee-panel[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
}
.ark-committee-body[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ark-generate-row[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.ark-generate-actions-group[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
.ark-generate-actions[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.ark-toolbar-separator[data-v-a66e1db2] {
  width: 1.5px;
  height: 24px;
  background-color: #d9dee9;
  flex-shrink: 0;
}
.ark-filter-row[data-v-a66e1db2] {
  display: flex;
  gap: 30px;
  width: 100%;
}
.ark-filter-field[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.ark-radio-sections-row[data-v-a66e1db2] {
  display: flex;
  gap: 90px;
  align-items: flex-start;
}
.ark-critique-section[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ark-radio-row[data-v-a66e1db2] .base-radio-button--horizontal {
  gap: 48px;
}

/* Application Statistics Button */
.ark-statistics-btn-wrap[data-v-a66e1db2] {
  display: flex;
  align-items: center;
}

/* Application Statistics Dialog */
.ark-stats-dialog__title[data-v-a66e1db2] {
  font-size: 20px;
  font-weight: 800;
  color: #000;
}
.ark-stats-dialog__body[data-v-a66e1db2] {
  padding: 10px 0 0;
}
.ark-stats-dialog__subtitle[data-v-a66e1db2] {
  font-size: 16px;
  font-weight: 600;
  color: #252525;
  margin: 0 0 24px 0;
}
.ark-stats-dialog__grid[data-v-a66e1db2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.ark-stats-dialog__item[data-v-a66e1db2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e6eefa;
  border-radius: 10px;
  padding: 0 12px;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
}
.ark-stats-dialog__item-name[data-v-a66e1db2] {
  color: #252525;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ark-stats-dialog__item-count[data-v-a66e1db2] {
  color: #252525;
  white-space: nowrap;
  flex-shrink: 0;
}
.ark-stats-dialog__footer[data-v-a66e1db2] {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0 0;
}
.app-rank-report__committee-block[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.app-rank-report__actions-row[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.app-rank-report__results[data-v-a66e1db2] {
  width: 100%;
}

/* Figma 11164:95083 — action row + Show/Search row */
.app-rank-report__table-toolbar[data-v-a66e1db2] {
  display: flex;
  flex-direction: column;
  gap: 21px;
  width: 100%;
}
.app-rank-report__empty[data-v-a66e1db2] {
  margin: 16px 0;
  font-size: 14px;
  color: #333;
}

/* Table header row 1 */
.app-rank-report__table-header[data-v-a66e1db2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}
.app-rank-report__table-actions[data-v-a66e1db2] {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.app-rank-report__button-group[data-v-a66e1db2] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.app-rank-report__scoring-meta[data-v-a66e1db2] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.app-rank-report__meta-info-icon[data-v-a66e1db2] {
  font-size: 16px;
  color: #4a4f55;
  cursor: help;
}
.app-rank-report__selection-meta[data-v-a66e1db2] {
  font-size: 14px;
  font-weight: 400;
  color: #4a4f55;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
}
.app-rank-report__demographics-group[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
.app-rank-report__demographics-label[data-v-a66e1db2] {
  font-weight: 600;
  font-size: 16px;
  color: #001e62;
}
.app-rank-report__critiques-toolbar[data-v-a66e1db2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}
.app-rank-report__critiques-select-wrap[data-v-a66e1db2] {
  width: 97px;
  min-width: 97px;
}
.app-rank-report__datatable-scope[data-v-a66e1db2] {
  width: 100%;
}
.app-rank-report__triage-header[data-v-a66e1db2] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

/* Match .p-datatable-column-title / thead th (BaseReportTable.css) */
.app-rank-report__triage-header-text[data-v-a66e1db2] {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.38;
  color: #4a4f55;
}
.app-rank-report__triage-cell[data-v-a66e1db2] {
  display: flex;
  justify-content: center;
}
.app-rank-report__appid-cell[data-v-a66e1db2] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}
.app-rank-report__appid-link[data-v-a66e1db2] {
  color: #2563eb;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.385;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  flex: 1;
  min-width: 0;
  transition: color 0.2s ease;
  white-space: normal;
}
.app-rank-report__appid-link[data-v-a66e1db2]:hover {
  color: #1d4ed8;
  text-decoration: underline;
}
.app-rank-report__link-btn[data-v-a66e1db2] {
  flex-shrink: 0;
  padding: 0;
}
.app-rank-report__critique-link[data-v-a66e1db2] {
  color: #2563eb;
  text-decoration: underline;
}
.app-rank-report__metric-red[data-v-a66e1db2] {
  color: #e60000;
  font-weight: 600;
}
.app-rank-report__critique-pending[data-v-a66e1db2] {
  color: #e60000;
  font-weight: 700;
}
.app-rank-report__comment-input[data-v-a66e1db2] {
  width: 450px;
  min-width: 450px;
}
[data-v-a66e1db2] .app-rank-row--highlight > td {
  background-color: #fff9c4;
}

.ips-report__controls[data-v-a516bb83] {
  width: 100%;
}
.ips-report__top-row[data-v-a516bb83] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.ips-report__committee-block[data-v-a516bb83] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ips-report__actions-row[data-v-a516bb83] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.ips-report__empty[data-v-a516bb83] {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  color: var(--p-red-600);
  border: 1px solid var(--p-red-200);
  border-radius: 4px;
  background: var(--p-red-50);
}

/*
 * Do not use class "filter-field" on custom rows: SearchPanel.css applies
 * .search-panel__filters .filter-field { width: 50%; flex-direction: column } which breaks this layout.
 */
.unarchive-template-field[data-v-b61baac6] {
  margin-bottom: 1rem;
  width: 100%;
}
.unarchive-template-field--actions[data-v-b61baac6] {
  width: 100%;
}
.unarchive-template-field__template[data-v-b61baac6] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  min-width: min(100%, 240px);
}
.unarchive-template-field__input-row[data-v-b61baac6] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
}
.unarchive-template-field__input-row[data-v-b61baac6] .critique-template-dropdown {
  flex: 0 0 50%;
  min-width: 240px;
  max-width: 100%;
}
.unarchive-template-field__actions[data-v-b61baac6] {
  flex: 0 0 auto;
}
.filter-label[data-v-b61baac6] {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* Export & action section (aligned with ReviewersAssignedToCritiques) */
.export-section[data-v-b61baac6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #dee2e6;
}
.bulk-action-container[data-v-b61baac6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  justify-content: space-between;
}
.results-section[data-v-b61baac6] {
  margin-top: 10px;
}
.section-title[data-v-b61baac6] {
  font-weight: bold;
  font-size: 15px;
}
.header-actions[data-v-b61baac6] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-left: auto;
}
.detail-table[data-v-b61baac6] {
  width: 100%;
  border-collapse: collapse;
}
.detail-table td[data-v-b61baac6] {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  font-size: 14px;
}
.label-cell[data-v-b61baac6] {
  font-weight: bold;
  white-space: nowrap;
  width: 220px;
}
.value-cell[data-v-b61baac6] {
  color: var(--p-text-color, #333);
}
.status-select-wrapper[data-v-b61baac6] {
  max-width: 200px;
}
.empty-state[data-v-b61baac6] {
  padding: 1.5rem;
  color: var(--p-text-muted-color, #6c757d);
  text-align: center;
  font-size: 14px;
}
@media (max-width: 768px) {
.bulk-action-container[data-v-b61baac6] {
    flex-direction: column;
    align-items: stretch;
}
.header-actions[data-v-b61baac6] {
    margin-left: 0;
    justify-content: flex-start;
}
.label-cell[data-v-b61baac6] {
    width: 160px;
}
}

.acs-field[data-v-4561cf55] {
  margin-bottom: 1rem;
  width: 100%;
}
.acs-field--committee[data-v-4561cf55] {
  width: 100%;
  min-width: 0;
}
.acs-field__committee-row[data-v-4561cf55] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
.acs-field--filters-row[data-v-4561cf55] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.acs-filter-col[data-v-4561cf55] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 33%;
}
.acs-program-placeholder[data-v-4561cf55] {
  margin: 0;
  font-size: 0.875rem;
  color: #6b7280;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}
.acs-field--actions[data-v-4561cf55] {
  margin-top: 0.5rem;
}
.acs-report-options[data-v-4561cf55] {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.acs-report-options__grid[data-v-4561cf55] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem 1rem;
}
.acs-report-options__item[data-v-4561cf55] {
  min-width: 0;
}
.acs-report-options__note[data-v-4561cf55] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: var(--p-red-600, #b91c1c);
}
.acs-report-options__print[data-v-4561cf55] {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.acs-no-results[data-v-4561cf55] {
  padding: 2rem;
  text-align: center;
  color: #666;
}
.acs-results-accordion[data-v-4561cf55] {
  margin-top: 0.5rem;
  width: 100%;
}
.acs-proposals-block[data-v-4561cf55] {
  margin-top: 1.25rem;
  width: 100%;
}
.acs-select-all-header[data-v-4561cf55] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
}
@media (max-width: 768px) {
.acs-filter-col[data-v-4561cf55] {
    max-width: 100%;
}
.acs-report-options__grid[data-v-4561cf55] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Vote Actions Section */
.vote-actions[data-v-b2976fb8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
}
.calc-avg-btn[data-v-b2976fb8] {
  margin-left: auto;
}
.selection-count[data-v-b2976fb8] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1428571428571428;
  color: #4a4f55;
  display: flex;
  align-items: center;
}
.more-results-warning-wrapper[data-v-b2976fb8] {
  margin-bottom: 1rem;
}

.align-left[data-v-a835b5ca] {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.instructions-title[data-v-a835b5ca] {
  margin: 0 0 0.25em 0;
}
.instructions-list[data-v-a835b5ca] {
  margin: 0;
  padding-left: 1.25em;
}
.instructions-list li[data-v-a835b5ca] {
  margin-bottom: 0.25em;
}
.upload-sections[data-v-a835b5ca] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.upload-section[data-v-a835b5ca] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.upload-section__heading[data-v-a835b5ca] {
  font-size: 16px;
  font-weight: 700;
  color: #4a4f55;
  margin: 0;
}
.upload-section__meta[data-v-a835b5ca] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  color: #6e7277;
}
.results-section[data-v-a835b5ca] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}


.infl-report__words-panel[data-v-583978cc] {
  border: 1px solid var(--p-surface-300);
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
}
.infl-report__words-header[data-v-583978cc] {
  background-color: var(--p-surface-600);
  color: var(--p-surface-0);
  font-weight: 600;
  padding: 8px 12px;
}
.infl-report__words-body[data-v-583978cc] {
  padding: 10px 12px;
  font-size: 0.9rem;
  word-break: break-word;
}
.infl-report__words-empty[data-v-583978cc] {
  color: var(--p-surface-500);
  font-style: italic;
}
.infl-report__controls[data-v-583978cc] {
  width: 100%;
}
.infl-report__top-row[data-v-583978cc] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.infl-report__committee-block[data-v-583978cc] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.infl-report__actions-row[data-v-583978cc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.infl-report__empty[data-v-583978cc] {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  color: var(--p-red-600);
  border: 1px solid var(--p-red-200);
  border-radius: 4px;
  background: var(--p-red-50);
}

.adr__controls[data-v-890c836c] {
  width: 100%;
}
.adr__top-row[data-v-890c836c] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px 60px;
  width: 100%;
}
.adr__committee-block[data-v-890c836c] {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.adr__actions-row[data-v-890c836c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  width: 100%;
}
.adr__empty[data-v-890c836c] {
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  color: var(--p-red-600);
  border: 1px solid var(--p-red-200);
  border-radius: 4px;
  background: var(--p-red-50);
}

.profile-navigation[data-v-c6d5f639] {
  width: 335px;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 30px 0 16px;
}

/* Header */
.nav-header[data-v-c6d5f639] {
  padding: 20px 24px;
  border-bottom: 1px solid #e7e7e7;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav-header-top[data-v-c6d5f639] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.help-icon[data-v-c6d5f639] {
  background: #001e62;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 14px;
}
.help-icon[data-v-c6d5f639]:hover {
  background: #2CD5C4;
  color: #001e62;
}
.nav-title[data-v-c6d5f639] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin: 0;
  line-height: 1.4;
  text-transform: uppercase;
}
.nav-subtitle[data-v-c6d5f639] {
  font-size: 12px;
  color: #000;
  margin: 0;
  line-height: 1.5;
}

/* Navigation Sections */
.nav-sections[data-v-c6d5f639] {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.nav-section[data-v-c6d5f639] {
  display: flex;
  flex-direction: column;
}
.section-title[data-v-c6d5f639] {
  font-size: 15px;
  font-weight: 600;
  color: #6e7277;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 0;
  margin: 0;
}

/* Navigation Lists */
.nav-list[data-v-c6d5f639] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nav-item[data-v-c6d5f639] {
  position: relative;
}
.nav-link[data-v-c6d5f639] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px 35px 15px 16px;
  min-height: 58px;
  color: #001e62;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Nunito Sans', sans-serif;
  transition: background-color 0.2s;
  gap: 10px;
  border-radius: 0 100px 100px 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}
.nav-link[data-v-c6d5f639]:hover {
  background-color: #f9f9f9;
}
.nav-item--active .nav-link[data-v-c6d5f639] {
  background: #f2fffd;
  border-right: 2px solid #2cd5c4;
  font-weight: 600;
  color: #001e62;
  border-radius: 0;
}
.nav-icon[data-v-c6d5f639] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(219, 220, 221, 0.5);
  color: #001e62;
  flex-shrink: 0;
}
.nav-item--active .nav-icon[data-v-c6d5f639] {
  background: #001e62;
  color: #fff;
}
.nav-icon i[data-v-c6d5f639] {
  font-size: 14px;
}

/* Image-based icon circle (Figma custom icons) */
.nav-icon-circle[data-v-c6d5f639] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(219, 220, 221, 0.5);
  flex-shrink: 0;
  padding: 2px;
}
.nav-item--active .nav-icon-circle[data-v-c6d5f639] {
  background: #001e62;
}
.nav-icon-img[data-v-c6d5f639] {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}

/* Invert icon color to white when the circle is dark (active state) */
.nav-item--active .nav-icon-img[data-v-c6d5f639] {
  filter: brightness(0) invert(1);
}
.nav-label[data-v-c6d5f639] {
  flex: 1;
  line-height: 1.4;
}

/* Sublists (for expandable items) */
.nav-sublist[data-v-c6d5f639] {
  list-style: none;
  padding: 0 0 24px 68px;
  margin: 0;
  background: #f2fffd;
  border-right: 2px solid #2cd5c4;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nav-subitem[data-v-c6d5f639] {
  display: flex;
  min-width: 0;
}
.nav-sublink[data-v-c6d5f639] {
  display: inline-block;
  max-width: 196px;
  padding: 10px 14px;
  color: #51565c;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Nunito Sans', sans-serif;
  transition: background-color 0.2s;
  border: none;
  border-radius: 100px;
  background: #dbe0e5;
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-sublink[data-v-c6d5f639]:hover {
  background-color: #c7eeee;
  color: #001e62;
}
.nav-subitem--active .nav-sublink[data-v-c6d5f639] {
  background: #bdf4ec;
  color: #001e62;
}

/* ── Contact-Info collapse toggle ───────────────────────────────────────── */
.ci-collapse-btn[data-v-c6d5f639] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #001e62;
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  padding: 0;
  transition: background 0.15s;
}
.ci-collapse-btn[data-v-c6d5f639]:hover {
  background: rgba(0, 30, 98, 0.08);
}
.ci-collapse-btn .pi[data-v-c6d5f639] {
  font-size: 11px;
}

/* ── Contact-Info Institution Sub-Panel ─────────────────────────────────── */
.ci-sub-panel[data-v-c6d5f639] {
  border-right: 2px solid #2cd5c4;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ci-institution[data-v-c6d5f639] {
  background: #ebf7f5;
  border-radius: 12px;
  padding: 20px 16px 0 20px;
  display: flex;
  flex-direction: column;
}
.ci-inst-name[data-v-c6d5f639] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #252525;
  text-transform: uppercase;
  line-height: 16px;
}
.ci-inst-details[data-v-c6d5f639] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0;
}
.ci-wh-header[data-v-c6d5f639] {
  border-left: 2px solid #99a5c0;
  padding-left: 10px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #51565c;
  line-height: 16px;
}
.ci-wh-pills[data-v-c6d5f639] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ci-wh-pill[data-v-c6d5f639] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 100px;
  border: none;
  background: rgba(0, 30, 98, 0.1);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #51565c;
  cursor: pointer;
  text-align: left;
  line-height: 16px;
  transition: background 0.15s;
  width: 100%;
  box-sizing: border-box;
}
.ci-wh-pill[data-v-c6d5f639]:hover {
  background: rgba(0, 30, 98, 0.15);
}
.ci-wh-icon[data-v-c6d5f639] {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  display: block;
}
.ci-wh-pill--selected[data-v-c6d5f639] {
  background: rgba(44, 213, 196, 0.25);
  color: #001e62;
  font-weight: 700;
}
.ci-add-inst-btn[data-v-c6d5f639] {
  padding-left: 10px;
}

/* ── Research Interests Grouped Sub-Panel ─────────────────────────────── */
.ri-sub-panel[data-v-c6d5f639] {
  border-right: 2px solid #2cd5c4;
  background: #f2fffd;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ri-group[data-v-c6d5f639] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ri-group-header[data-v-c6d5f639] {
  border-left: 2px solid #99a5c0;
  padding-left: 10px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #51565c;
  line-height: 16px;
}
.ri-pills[data-v-c6d5f639] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ri-pill[data-v-c6d5f639] {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 100px;
  border: none;
  background: #dbe0e5;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #51565c;
  cursor: pointer;
  text-align: left;
  line-height: 1.4;
  transition: background 0.15s;
  width: 100%;
  box-sizing: border-box;
  max-width: 196px;
}
.ri-pill[data-v-c6d5f639]:hover {
  background: #c7eeee;
  color: #001e62;
}
.ri-pill--selected[data-v-c6d5f639] {
  background: #bdf4ec;
  color: #001e62;
}
.ri-pill-text[data-v-c6d5f639] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
}

/* Responsive */
@media (max-width: 1024px) {
.profile-navigation[data-v-c6d5f639] {
    width: 280px;
}
}
@media (max-width: 768px) {
.profile-navigation[data-v-c6d5f639] {
    width: 100%;
    margin-bottom: 1.5rem;
}
}

.profile-tab-bar[data-v-104e7c7d] {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  position: sticky;
  top: var(--sticky-below-nav);
  z-index: 998;
}
.tab-bar-inner[data-v-104e7c7d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 46px;
}

/* Tabs */
.tab-list[data-v-104e7c7d] {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0;
}
.tab-link[data-v-104e7c7d] {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #51565c;
  text-decoration: none;
  border: none;
  background: transparent;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.tab-link[data-v-104e7c7d]:hover {
  color: #001e62;
}
.tab-link--active[data-v-104e7c7d] {
  font-weight: 700;
  color: #001e62;
  border-bottom: 2px solid #001e62;
}

/* Right section (Classic View + ORCID) */
.right-section[data-v-104e7c7d] {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.classic-view-btn[data-v-104e7c7d] {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #001e62;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
}
.classic-view-btn[data-v-104e7c7d]:hover {
  text-decoration: underline;
}
.right-section-divider[data-v-104e7c7d] {
  display: inline-block;
  width: 1px;
  height: 22px;
  background-color: #d1d5db;
  flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
.tab-bar-inner[data-v-104e7c7d] {
    flex-direction: column;
    height: auto;
    padding: 0.5rem 1rem;
    gap: 0.5rem;
    align-items: flex-start;
}
.tab-list[data-v-104e7c7d] {
    height: auto;
    flex-wrap: wrap;
    gap: 0.25rem;
}
.tab-link[data-v-104e7c7d] {
    height: 36px;
    border-bottom: none;
    border-radius: 4px;
    padding: 0 0.75rem;
}
.tab-link--active[data-v-104e7c7d] {
    border-bottom: none;
    background: rgba(0, 30, 98, 0.08);
}
}

.profile-layout-wrapper[data-v-b5748635] {
  display: flex;
  flex-direction: column;
}

/* Return banner */
.return-banner[data-v-b5748635] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--yellow-50, #fff8e1);
  border: 1px solid var(--yellow-400, #ffca28);
  border-radius: 4px;
  padding: 0.6rem 1rem;
  margin: 0.5rem 1rem;
  font-size: 0.875rem;
}
.return-banner__message[data-v-b5748635] {
  flex: 1;
}

/* Access denied */
.access-denied[data-v-b5748635] {
  margin: 2rem;
  padding: 1rem 1.25rem;
  background: var(--red-50, #fff5f5);
  border: 1px solid var(--red-300, #fc8181);
  border-radius: 4px;
  color: var(--red-700, #c53030);
  font-size: 0.9rem;
}
.profile-page-layout[data-v-b5748635] {
  display: flex;
  gap: 0;
}

/* Sidebar Column — sticky so navigation stays visible while main content scrolls */
.layout-sidebar[data-v-b5748635] {
  flex-shrink: 0;
  width: 335px;
  position: sticky;
  top: var(--sticky-below-tab-bar);
  align-self: flex-start;
  max-height: calc(100vh - var(--sticky-below-tab-bar));
  overflow-y: auto;
}

/* Main Content Column */
.layout-main[data-v-b5748635] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 1024px) {
.layout-sidebar[data-v-b5748635] {
    width: 280px;
}
}
@media (max-width: 768px) {
.profile-page-layout[data-v-b5748635] {
    flex-direction: column;
}
.layout-sidebar[data-v-b5748635] {
    width: 100%;
}
.layout-main[data-v-b5748635] {
    width: 100%;
}
}

.profile-account-header[data-v-96f49a17] {
  background: #fff;
  border-top: 1px solid #e7e7e7;
  box-shadow: 0px 1px 0px #e7e7e7;
  padding: 26px 24px;
  margin-bottom: 0;
}
.account-info[data-v-96f49a17] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}

/* ── Left side ── */
.info-left[data-v-96f49a17] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.section-title[data-v-96f49a17] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
  line-height: 1;
}
.account-details[data-v-96f49a17] {
  display: flex;
  align-items: center;
  gap: 31px;
}
.detail-item[data-v-96f49a17] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  color: #51565c;
  line-height: 16px;
  white-space: nowrap;
}
.detail-label[data-v-96f49a17] {
  font-weight: 700;
  color: #51565c;
}
.detail-value[data-v-96f49a17] {
  font-weight: 400;
}

/* ── Right side: Buttons ── */
.action-buttons[data-v-96f49a17] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
.profile-account-header--actions-only[data-v-96f49a17] {
  padding: 16px 24px;
}
.profile-account-header--actions-only .account-info[data-v-96f49a17] {
  align-items: center;
}

/* ── Responsive ── */
@media (max-width: 768px) {
.profile-account-header[data-v-96f49a17] {
    padding: 20px 24px;
}
.account-info[data-v-96f49a17] {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
}
.account-details[data-v-96f49a17] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.action-buttons[data-v-96f49a17] {
    flex-wrap: wrap;
}
.profile-account-header--actions-only[data-v-96f49a17] {
    padding: 12px 24px;
}
}

.account-info-form[data-v-de79e931] {
  display: flex;
  flex-direction: column;
}

/* Single white form card */
.form-card[data-v-de79e931] {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  overflow: hidden;
}
.form-card__section[data-v-de79e931] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px 23px;
}
.form-card__section-title[data-v-de79e931] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary, #252525);
  margin: 0 0 4px;
  line-height: 1.4;
}

/* Dashed bottom border separating name group from credentials */
.form-card__section--divider[data-v-de79e931] {
  border-bottom: 1px dashed #d7d7d7;
  padding-bottom: 30px;
}

/* Dashed top border for alternate emails */
.form-card__section--top-divider[data-v-de79e931] {
  border-top: 1px dashed #d7d7d7;
  padding-top: 30px;
}

/* Full-width field row */
.form-row-full[data-v-de79e931] {
  width: 100%;
}

/* Left-column-only field — matches the width of one column in .form-row-two-col */
.form-row-half[data-v-de79e931] {
  width: calc(50% - 7px);
}

/* Two equal-width columns */
.form-row-two-col[data-v-de79e931] {
  display: flex;
  gap: 14px;
}
.form-row-two-col[data-v-de79e931] >  .form-field,
.form-row-two-col[data-v-de79e931] > * {
  flex: 1 1 0;
  min-width: 0;
}
.field-hint[data-v-de79e931] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: rgba(81, 86, 92, 0.8);
  margin: 2px 0 0;
  line-height: 18px;
}
.field-error[data-v-de79e931] {
  font-size: 0.8125rem;
  color: #dc2626;
  margin: 0.25rem 0 0;
}

/* Password strength hints */
.password-hints[data-v-de79e931] {
  list-style: disc;
  padding-left: 1.3125rem;
  margin: 0.375rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  font-size: 0.875rem;
  color: rgba(81, 86, 92, 0.8);
  line-height: 18px;
}
.password-hints li.valid[data-v-de79e931] {
  color: var(--color-success);
}
.password-hints li.valid[data-v-de79e931]::marker {
  content: '✓ ';
}
@media (max-width: 768px) {
.form-row-two-col[data-v-de79e931] {
    flex-direction: column;
    gap: 20px;
}
.form-row-half[data-v-de79e931] {
    width: 100%;
}
.form-card__section[data-v-de79e931] {
    padding: 20px 16px;
}
}

.profile-account-view[data-v-e5e350f5] {
  background: var(--color-page-bg);
  min-height: 100vh;
}
.page-content[data-v-e5e350f5] {
  padding: 24px;
}

/* Loading and Error States */
.loading-container[data-v-e5e350f5],
.error-container[data-v-e5e350f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
  text-align: center;
}
.error-container[data-v-e5e350f5] {
  background: var(--yellow-50);
  border: 1px solid var(--yellow-200);
  border-radius: var(--border-radius-sm);
}
.error-container p[data-v-e5e350f5] {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}
/**
 * Shared profile form layout — white card sections, grid, and section titles.
 * Scope: add class `profile-form-layout` on a root wrapper (e.g. form container).
 * Do not add this class where `.form-section` means something else (e.g. ContactInfoForm dividers).
 *
 * Card-shell styles (header, title, Add button, body) live in:
 *   shared/src/molecules/SectionCard/SectionCard.css
 * All *Section.vue components now use <SectionCard> instead of duplicating those rules.
 */

/* -------------------------------------------------------------------------- */
/* Shared MFA page layout helpers (ProfileMFAView.vue)                        */
/* -------------------------------------------------------------------------- */

.mfa-panel {
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.action-row {
  display: flex;
  gap: 8px;
}
.profile-form-layout {
  --color-border: #e7e7e7;
  --color-section-title: #000;
  --color-text-secondary: #51565c;
  --color-text-dark: #252525;
  --color-error: #e41715;
}

.profile-form-layout .form-section-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 1.5rem;
}

.profile-form-layout .form-section-wrapper .base-page-description {
  margin-bottom: 0;
}

.profile-form-layout .form-section {
  background: white;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 1.375rem 2rem;
  margin-bottom: 1.5rem;
}

.profile-form-layout .form-section-wrapper .form-section {
  margin-bottom: 0;
}

.profile-form-layout .form-section-title {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-section-title);
  margin: 0;
}

/* Grid rows/cols only inside white cards — avoids clashing with e.g. DegreeForm table tr.form-row */
.profile-form-layout .form-section .form-row {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.profile-form-layout .form-section .form-col {
  flex: 1 1 0;
  min-width: 200px;
}

.profile-form-layout .form-section .form-col-half {
  flex: 0 0 calc(50% - 0.375rem);
  min-width: 200px;
}

.profile-form-layout .form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 1rem 0;
}

@media (max-width: 768px) {
  .profile-form-layout .form-section {
    padding: 1rem;
  }

  .profile-form-layout .form-section .form-row {
    flex-direction: column;
  }

  .profile-form-layout .form-section .form-col,
  .profile-form-layout .form-section .form-col-half {
    flex: 1 1 100%;
    min-width: unset;
  }
}

/* Degree summary: stack spacing comes from parent .main-content gap */
.profile-form-layout.degree-summary-form .form-section-wrapper {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------- */
/* Inventions: inner child cards (IP Protection panel + License panel)        */
/* Root: class="inventions-child-card"                                        */
/* -------------------------------------------------------------------------- */
.inventions-child-card {
  border: 1px solid #dadfe8;
  border-radius: 12px;
  background: white;
  overflow: hidden;
  margin-top: 1.25rem;
}

.inventions-child-card .child-card-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 14px 20px;
  background: #eaf3fc;
  border-bottom: 1px solid #d0e3f5;
}

.inventions-child-card .child-card-banner__text {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #004a80;
}

.inventions-child-card .child-card-banner__text strong {
  font-weight: 700;
}

.inventions-child-card .child-card-banner .add-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #001e62;
  color: #fff;
  border: none;
  border-radius: 10px;
  height: 36px;
  padding: 8px 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}

.inventions-child-card .child-card-banner .add-btn:hover:not(:disabled) {
  background: #002b8f;
}

.inventions-child-card .child-card-banner .add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.inventions-child-card .child-card-body {
  padding: 16px 20px 24px;
}

.inventions-child-card .child-card-body--empty {
  padding-top: 0;
}

.contact-info-form[data-v-207313b9] {
  --color-border: #e7e7e7;
  --color-primary: #001e62;

  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Subgroups inside the outer white card — not `.form-section` (reserved for profile-form-layout) */
.contact-form-block[data-v-207313b9] {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}

/* :last-of-type cannot distinguish by class (all siblings are divs), so use :has() + :last-child */
.contact-form-block[data-v-207313b9]:has(+ .form-actions),
.contact-form-block[data-v-207313b9]:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.contact-form-block__title[data-v-207313b9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
  margin: 0 0 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-border);
}
.contact-form-sub-title[data-v-207313b9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-primary);
  margin: 0.25rem 0 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

/* Form Grid */
.form-row[data-v-207313b9] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.625rem;
}
.form-col[data-v-207313b9] {
  flex: 1;
  min-width: 200px;
}


/* Form Actions */
.form-actions[data-v-207313b9] {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border);
  margin-top: 0.5rem;
}

/* Field Error Message */
.field-error[data-v-207313b9] {
  font-size: 0.8125rem;
  color: #dc2626;
  margin: 0.25rem 0 0;
}
@media (max-width: 768px) {
.form-col[data-v-207313b9] {
    flex: 0 0 100%;
    min-width: 100%;
}
.form-actions[data-v-207313b9] {
    justify-content: stretch;
}
}

.institution-card[data-v-a096dba0] {
  border: 1px solid var(--color-border);
  border-radius: var(--pc-radius-sm);
  background: white;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.institution-card--primary[data-v-a096dba0] {
  border-left: 4px solid var(--pc-brand-primary);
}
.card-header[data-v-a096dba0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  background: var(--pc-surface-header);
  border-bottom: 1px solid var(--color-border);
  gap: 0.5rem;
  min-height: 32px;
}
.card-header-left[data-v-a096dba0] {
  display: flex;
  align-items: center;
}
.primary-badge[data-v-a096dba0] {
  font-size: 11px;
  font-weight: 700;
  color: white;
  background: var(--pc-brand-primary);
  padding: 2px 8px;
  border-radius: 10px;
  letter-spacing: 0.5px;
}
.primary-placeholder[data-v-a096dba0] {
  display: inline-block;
  height: 20px;
}
.card-actions[data-v-a096dba0] {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}
.card-body[data-v-a096dba0] {
  padding: 10px 12px 8px;
}
.institution-name[data-v-a096dba0] {
  font-size: 18px;
  font-weight: 700;
  color: var(--pc-brand-primary);
  margin-bottom: 4px;
  line-height: 1.3;
}
.primary-check-row[data-v-a096dba0] {
  margin-top: var(--pc-radius-md);
}
.institution-abbrev[data-v-a096dba0] {
  font-size: 13px;
  color: var(--color-text-secondary);
  display: flex;
  gap: 0.4rem;
}
.abbrev-label[data-v-a096dba0] {
  font-weight: 600;
  color: var(--color-text-secondary);
}
.abbrev-value[data-v-a096dba0] {
  color: var(--color-text-secondary);
}
@media (max-width: 640px) {
.card-actions[data-v-a096dba0] {
    flex-shrink: 0;
}
}

.work-history-card[data-v-776a7de5] {
  --color-border: #e7e7e7;
  --color-header-bg: #f5f5f5;
  --color-primary: #001e62;
  --color-accent: #2CD5C4;
  --color-text-secondary: #51565c;
  --color-warning-text: #856404;

  border: 1px solid var(--color-border);
  border-radius: 4px;
  background: #fff;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.card-header[data-v-776a7de5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: var(--color-header-bg);
  border-bottom: 1px solid var(--color-border);
  gap: 1rem;
}
.most-recent-check[data-v-776a7de5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.most-recent-badge[data-v-776a7de5] {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: var(--color-accent);
  padding: 2px 8px;
  border-radius: 10px;
  letter-spacing: 0.5px;
}
.required-note[data-v-776a7de5] {
  font-size: 12px;
  color: var(--color-warning-text);
  font-style: italic;
}
.card-body[data-v-776a7de5] {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Date row */
.date-row[data-v-776a7de5] {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.date-group[data-v-776a7de5] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.date-section-label[data-v-776a7de5] {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.date-selects[data-v-776a7de5] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.date-select-wrap[data-v-776a7de5] {
  min-width: 100px;
}
@media (max-width: 640px) {
.card-header[data-v-776a7de5] {
    flex-direction: column;
    align-items: flex-start;
}
.date-row[data-v-776a7de5] {
    flex-direction: column;
    gap: 1rem;
}
}

.work-history-toolbar[data-v-416c2514] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.empty-state[data-v-416c2514] {
  padding: 1.5rem;
  text-align: center;
  color: var(--color-text-secondary, #51565c);
  font-size: 14px;
}
@media (max-width: 640px) {
.work-history-toolbar[data-v-416c2514] {
    justify-content: stretch;
}
.work-history-toolbar[data-v-416c2514] button {
    width: 100%;
}
}

.profile-contact-info-view[data-v-46022bc8] {
  background: var(--color-page-bg);
  min-height: 100vh;
}
.layout-content[data-v-46022bc8] {
  flex: 1;
  padding: 16px 24px;
}
.main-content[data-v-46022bc8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Tighten spacing specific to this page */
.main-content[data-v-46022bc8] .form-section-wrapper {
  gap: 8px;
  margin-bottom: 0.5rem;
}
.main-content[data-v-46022bc8] .form-section {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
}

/* Loading and Error States */
.loading-container[data-v-46022bc8],
.error-container[data-v-46022bc8],
.empty-state-container[data-v-46022bc8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
  text-align: center;
}
.error-container[data-v-46022bc8] {
  background: var(--yellow-50, #fff8e1);
  border: 1px solid var(--yellow-200, #ffd54f);
  border-radius: 4px;
}
.error-container p[data-v-46022bc8] {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}
.empty-state-message[data-v-46022bc8] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-primary, #1a1a1a);
  margin: 0 0 0.5rem 0;
}
.empty-state-hint[data-v-46022bc8] {
  font-size: 0.875rem;
  color: var(--color-text-secondary, #555);
  margin: 0;
}


.degree-form[data-v-c295a964] {
  width: 100%;
  margin-bottom: 1rem;
}
.form-table[data-v-c295a964] {
  width: 100%;
  border-collapse: collapse;
  background: #fffef5;
  border: 2px solid #ffd700;
}
.form-row[data-v-c295a964] {
  background-color: #fffef5;
}
.form-row td[data-v-c295a964] {
  padding: 12px 16px;
  vertical-align: middle;
}
.col-actions[data-v-c295a964] {
  width: 180px;
}
.col-degree[data-v-c295a964] {
  width: 185px;
}
.col-other[data-v-c295a964] {
  width: 200px;
}
.col-institution[data-v-c295a964] {
  width: auto;
  min-width: 250px;
}
.col-year[data-v-c295a964] {
  width: 120px;
}
.action-buttons[data-v-c295a964] {
  display: flex;
  gap: 0.5rem;
}
.degree-dropdown[data-v-c295a964],
.other-input[data-v-c295a964],
.institution-input[data-v-c295a964],
.year-input[data-v-c295a964] {
  width: 100%;
}
.degree-dropdown[data-v-c295a964] {
  min-width: 140px;
}
.degree-dropdown[data-v-c295a964] .p-select-label {
  white-space: nowrap !important;
}
.year-input[data-v-c295a964] {
  text-align: center;
}
[data-v-c295a964] .p-inputtext.p-invalid {
  border-color: #dc3545;
}
[data-v-c295a964] .p-inputtext:focus.p-invalid {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
@media (max-width: 1024px) {
.form-table[data-v-c295a964] {
    font-size: 13px;
}
.col-actions[data-v-c295a964] {
    width: 150px;
}
.action-buttons[data-v-c295a964] {
    flex-direction: column;
    gap: 0.25rem;
}
}

.degree-summary-form[data-v-da369147] {
  display: flex;
  flex-direction: column;
}
.form-fields[data-v-da369147] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form-field[data-v-da369147] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.field-label[data-v-da369147] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #000;
  line-height: 16px;
}
.field-input[data-v-da369147] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.full-width[data-v-da369147] {
  width: 100%;
}
.help-text[data-v-da369147] {
  font-size: 12px;
  color: #51565c;
  line-height: 1.5;
}

.profile-degrees-view[data-v-5b4030ba] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-5b4030ba] {
  flex: 1;
  padding: 24px;
}

/* Loading and error only — layout chrome lives in child components + shared profile-form-layout.css */
.main-content[data-v-5b4030ba] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.error-container[data-v-5b4030ba] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
  text-align: center;
}
.error-container[data-v-5b4030ba] {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
}
.error-container p[data-v-5b4030ba] {
  font-size: 14px;
  color: #856404;
  margin: 0 0 1rem 0;
}

/* ============================================================================
   Layout shell
   ============================================================================ */
.research-interests-form[data-v-97876fe2] {
  /* Brand navy — same as the .add-btn color used in profile-form-layout.css */
  --color-brand-dark: #001e62;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Use profile-form-layout .form-section for card chrome */
.research-section[data-v-97876fe2] {
  margin-bottom: 0;
  border-radius: 12px 12px 0 0;
  border-bottom: none;
}
.keyword-section[data-v-97876fe2] {
  border-radius: 0 0 12px 12px;
  border-top: none;
}

/* ============================================================================
   Section headings & labels
   ============================================================================ */
.ri-section-heading[data-v-97876fe2] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text-dark, #252525);
  margin: 0 0 0.25rem 0;
}
.ri-section-subtitle[data-v-97876fe2] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--color-text-secondary, #51565c);
  margin: 0 0 1rem 0;
}
.ri-field-label-row[data-v-97876fe2] {
  margin-bottom: 0.5rem;
}
.ri-field-label[data-v-97876fe2] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-dark, #252525);
}
.ri-textarea-wrapper[data-v-97876fe2] {
  width: 100%;
  min-height: 84px;
}

/* Dashed section divider between textarea block and keyword block */
.ri-section-divider[data-v-97876fe2] {
  height: 1px;
  border-top: 1px dashed #dadfe8;
  margin: 1.5rem -2rem 0;
  width: calc(100% + 4rem);
}
@media (max-width: 768px) {
.ri-section-divider[data-v-97876fe2] {
    margin: 1.25rem -1rem 0;
    width: calc(100% + 2rem);
}
}

.profile-research-interests-view[data-v-1acf63fd] {
  background: var(--color-page-bg);
  min-height: 100vh;
}
.layout-content[data-v-1acf63fd] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-1acf63fd] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Loading and Error States */
.loading-container[data-v-1acf63fd],
.error-container[data-v-1acf63fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
  text-align: center;
}
.error-container[data-v-1acf63fd] {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
}
.error-container p[data-v-1acf63fd] {
  font-size: 14px;
  color: #856404;
  margin: 0 0 1rem 0;
}

.member-ids-section[data-v-054a8c4c] {
  --color-primary: #001e62;
  --color-border: #dbdcdd;
  --color-border-light: #e7e7e7;
  --color-text: #000;
  --color-text-secondary: #4a4f55;
  --color-text-muted: #6e7277;
  --color-required: #e74444;

  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.subsection-title[data-v-054a8c4c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}

/* ── Add form ── */
.add-form-row[data-v-054a8c4c] {
  display: flex;
  align-items: flex-end;
  gap: 0.875rem;
  flex-wrap: wrap;
}
.add-form-field[data-v-054a8c4c] {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  min-width: 0;
}
.add-form-field--id[data-v-054a8c4c]     { flex: 0 0 13.125rem;
}
.add-form-field--org[data-v-054a8c4c]    { flex: 0 0 14.625rem;
}
.add-form-field--date[data-v-054a8c4c]   { flex: 0 0 12.875rem;
}
.add-form-field--status[data-v-054a8c4c] { flex: 0 0 15rem;
}
.field-label[data-v-054a8c4c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  line-height: 1rem;
}
.required-star[data-v-054a8c4c] {
  color: var(--color-required);
}
.field-error[data-v-054a8c4c] {
  font-size: 0.75rem;
  color: var(--color-required);
  margin-top: -0.5rem;
}
.add-action[data-v-054a8c4c] {
  align-self: flex-end;
  flex-shrink: 0;
}

/* ── Divider ── */
.section-divider[data-v-054a8c4c] {
  height: 1px;
  background: var(--color-border-light);
}

/* ── Entries list ── */
.entries-list[data-v-054a8c4c] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Grid layout mirrors Figma exactly:
   col widths: 61 | 1fr(≥90) | 107 | 61 | 46 px
   column-gap: 157px between every column                      */
.list-header[data-v-054a8c4c],
.list-row[data-v-054a8c4c] {
  display: grid;
  grid-template-columns: 3.875rem 1fr 6.6875rem 3.875rem 2.875rem;
  column-gap: 9.8125rem;
  align-items: center;
}

/* ── Column data cells ── */
.col-id[data-v-054a8c4c],
.col-org[data-v-054a8c4c],
.col-date[data-v-054a8c4c],
.col-status[data-v-054a8c4c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--color-text);
  min-width: 0;
}
.col-action[data-v-054a8c4c] {
  display: flex;
  justify-content: flex-end;
}

/* ── Header labels ── */
.list-header .col-id[data-v-054a8c4c],
.list-header .col-org[data-v-054a8c4c],
.list-header .col-date[data-v-054a8c4c],
.list-header .col-status[data-v-054a8c4c],
.list-header .col-action[data-v-054a8c4c] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--color-text);
}
.list-header .col-date[data-v-054a8c4c] {
  white-space: nowrap;
}
.empty-text[data-v-054a8c4c] {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin: 0;
}
@media (max-width: 900px) {
.add-form-row[data-v-054a8c4c] {
    flex-direction: column;
    align-items: stretch;
}
.add-form-field--id[data-v-054a8c4c],
  .add-form-field--org[data-v-054a8c4c],
  .add-form-field--date[data-v-054a8c4c],
  .add-form-field--status[data-v-054a8c4c] {
    flex: 1 1 100%;
}
.add-action[data-v-054a8c4c] {
    align-self: flex-start;
}
.list-header[data-v-054a8c4c],
  .list-row[data-v-054a8c4c] {
    grid-template-columns: 3.875rem 1fr 6.6875rem 3.875rem 2.875rem;
    column-gap: 1rem;
}
}

.personal-data-form[data-v-3b8fe7ad] {
  --color-warning-bg: #fffbeb;
  --color-warning-border: #fbbf24;
  --color-warning-text: #92400e;

  display: flex;
  flex-direction: column;
}
.form-save-col[data-v-3b8fe7ad] {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* Warning banner */
.warning-banner[data-v-3b8fe7ad] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  background: var(--color-warning-bg);
  border: 1px solid var(--color-warning-border);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--color-warning-text);
}

/* Race checkboxes */
.race-section[data-v-3b8fe7ad] {
  margin-bottom: 1rem;
}
.race-section-title[data-v-3b8fe7ad] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-section-title);
  margin: 0 0 1rem 0;
}
.race-section-subtitle[data-v-3b8fe7ad] {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-text-secondary);
}
.race-checkbox-list[data-v-3b8fe7ad] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.race-checkbox-item[data-v-3b8fe7ad] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.race-item-description[data-v-3b8fe7ad] {
  font-size: 0.875rem;
  color: rgba(81, 86, 92, 0.8);
  margin: 0 0 0 2rem;
  line-height: 1.5;
}

.social-media-section[data-v-5a8b3e54] {
  --color-primary: #001e62;
  --color-border: #dbdcdd;
  --color-border-light: #e7e7e7;
  --color-text: #000;
  --color-text-secondary: #4a4f55;
  --color-text-muted: #6e7277;
  --color-label: #000;

  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.subsection-title[data-v-5a8b3e54] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}

/* ── Add form ── */
.add-form-row[data-v-5a8b3e54] {
  display: flex;
  align-items: flex-end;
  gap: 0.9375rem;
  flex-wrap: wrap;
}
.add-form-field[data-v-5a8b3e54] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  flex: 1 1 12rem;
  max-width: 28.625rem;
}
.field-label[data-v-5a8b3e54] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-label);
  line-height: 1rem;
}

/* ── Divider ── */
.section-divider[data-v-5a8b3e54] {
  height: 1px;
  background: var(--color-border-light);
}

/* ── Entries list ── */
.entries-list[data-v-5a8b3e54] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.list-header[data-v-5a8b3e54] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.list-row[data-v-5a8b3e54] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.col-profile[data-v-5a8b3e54] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1.0625rem;
  min-width: 0;
}
.col-platform[data-v-5a8b3e54] {
  width: 6rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--color-text);
}
.col-action[data-v-5a8b3e54] {
  width: 3rem;
  display: flex;
  justify-content: flex-end;
}

/* Header labels */
.list-header .col-profile[data-v-5a8b3e54],
.list-header .col-platform[data-v-5a8b3e54],
.list-header .col-action[data-v-5a8b3e54] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text);
}
.platform-icon[data-v-5a8b3e54] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}
.profile-link[data-v-5a8b3e54] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: underline;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-link[data-v-5a8b3e54]:hover {
  opacity: 0.8;
}
.empty-text[data-v-5a8b3e54] {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin: 0;
}

.profile-person-data-view[data-v-fa1d7844] {
  --color-info-bg: rgba(239, 246, 255, 0.8);
  --color-info-border: #c9e0ff;
  --color-info-icon: #3b82f6;

  background: var(--color-page-bg);
  min-height: 100vh;
}
.layout-content[data-v-fa1d7844] {
  flex: 1;
  padding: 24px;
}

/* Main Content */
.main-content[data-v-fa1d7844] {
  display: flex;
  flex-direction: column;
  gap: 0;
}


/* Other Site Profiles container */
.other-profiles-container[data-v-fa1d7844] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.other-profiles-heading[data-v-fa1d7844] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  margin: 0;
}
.other-profiles-card[data-v-fa1d7844] {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
.other-profiles-divider[data-v-fa1d7844] {
  height: 1px;
  background: var(--color-border);
  width: 100%;
  margin: 0 -2rem;
  width: calc(100% + 4rem);
}

/* Loading and Error States */
.loading-container[data-v-fa1d7844],
.error-container[data-v-fa1d7844] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
  text-align: center;
}
.error-container[data-v-fa1d7844] {
  background: var(--yellow-50, #fff8e1);
  border: 1px solid var(--yellow-200, #ffd54f);
  border-radius: 4px;
}
.error-container p[data-v-fa1d7844] {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}


.other-support-form[data-v-2ad5664d] {
  padding: 0;
}
.required-mark[data-v-2ad5664d] {
  color: #e53e3e;
  font-weight: 700;
}
.field-label[data-v-2ad5664d] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-error[data-v-2ad5664d] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}
.form-col--full[data-v-2ad5664d] {
  flex: 1 1 100%;
}
.form-actions[data-v-2ad5664d] {
  display: flex;
  gap: 8px;
  padding-top: 0.5rem;
}

.profile-other-support-view[data-v-4d0bbf06] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-4d0bbf06] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-4d0bbf06] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.loading-container[data-v-4d0bbf06],
.error-container[data-v-4d0bbf06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.publication-date-input[data-v-af4eead3] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.date-label[data-v-af4eead3] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #252525;
}
.date-selects[data-v-af4eead3] {
  display: flex;
  gap: 8px;
}
.date-select-wrap[data-v-af4eead3] {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 768px) {
.date-selects[data-v-af4eead3] {
    flex-direction: column;
    gap: 6px;
}
}

.publication-file-field[data-v-7bc0c1e9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field-label[data-v-7bc0c1e9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #252525;
}
.optional-note[data-v-7bc0c1e9] {
  font-weight: 400;
  color: #6e7277;
  font-size: 12px;
  margin-left: 4px;
}
.existing-file[data-v-7bc0c1e9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  background: #f9fafb;
  flex-wrap: wrap;
}
.existing-file-info[data-v-7bc0c1e9] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 240px;
  min-width: 0;
}
.existing-file-icon[data-v-7bc0c1e9] {
  font-size: 22px;
  color: #001e62;
  flex-shrink: 0;
}
.existing-file-meta[data-v-7bc0c1e9] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.existing-file-name[data-v-7bc0c1e9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #252525;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.existing-file-size[data-v-7bc0c1e9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #6e7277;
}
.existing-file-actions[data-v-7bc0c1e9] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.file-upload-wrap[data-v-7bc0c1e9] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.file-help-text[data-v-7bc0c1e9] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #856404;
}
.pending-actions[data-v-7bc0c1e9] {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.publication-lookup-row[data-v-8cd177e4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #f5f5f0;
  border: 1px solid #e0ddc0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.lookup-help[data-v-8cd177e4] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  color: #51565c;
  line-height: 1.5;
}
.lookup-grid[data-v-8cd177e4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.lookup-field[data-v-8cd177e4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lookup-label[data-v-8cd177e4] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #252525;
}
.lookup-input-row[data-v-8cd177e4] {
  display: flex;
  gap: 6px;
  align-items: stretch;
}
.lookup-input-row[data-v-8cd177e4] .p-inputtext {
  width: 100%;
}
@media (max-width: 1024px) {
.lookup-grid[data-v-8cd177e4] {
    grid-template-columns: 1fr;
}
}

.publication-form[data-v-e81beb20] {
  padding: 0;
}
.required-mark[data-v-e81beb20] {
  color: #e53e3e;
  font-weight: 700;
}
.field-label[data-v-e81beb20] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-error[data-v-e81beb20] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}
.field-help[data-v-e81beb20] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #6e7277;
  margin-top: 4px;
}
.form-col--full[data-v-e81beb20] {
  flex: 1 1 100%;
}
.publication-form .form-section-title[data-v-e81beb20] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}


.title-link[data-v-dfb538fd] {
  color: #001e62;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-link[data-v-dfb538fd]:hover {
  color: #0033a0;
}
.title-link-icon[data-v-dfb538fd] {
  font-size: 12px;
  color: #6e7277;
}

.profile-publications-view[data-v-c0786cb5] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-c0786cb5] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-c0786cb5] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.return-banner[data-v-c0786cb5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff8e1;
  border: 1px solid #f3d685;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.return-banner__icon[data-v-c0786cb5] {
  color: #856404;
  font-size: 18px;
  flex-shrink: 0;
}
.return-banner__text[data-v-c0786cb5] {
  margin: 0;
  flex: 1;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #5b3f00;
}
.loading-container[data-v-c0786cb5],
.error-container[data-v-c0786cb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.access-section[data-v-6e2e9759] {
  border: 1px solid #dadfe8;
  border-radius: 16px;
  background: white;
  overflow: hidden;
  padding: 1px;
}
.section-header[data-v-6e2e9759] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  min-height: 65px;
  background-color: #dadfe8;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 15px 15px 0 0;
}
.section-title[data-v-6e2e9759] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  margin: 0;
}
.section-content[data-v-6e2e9759] {
  padding: 1.5rem 0 0;
}
.data-col--permission[data-v-6e2e9759] {
  width: 180px;
  flex-shrink: 0;
}

/* Override data-row alignment for this component only */
.access-list[data-v-6e2e9759] .data-row {
  align-items: flex-end;
}

/* Add user form */
.add-user-form[data-v-6e2e9759] {
  border-top: 1px solid #e7e7e7;
  padding: 1.25rem 30px 30px;
  margin-top: 0.5rem;
}
.add-user-description[data-v-6e2e9759] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
  margin-bottom: 0.75rem;
}
.add-user-controls[data-v-6e2e9759] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.email-input[data-v-6e2e9759] {
  flex: 1;
  min-width: 240px;
}
.add-user-error[data-v-6e2e9759] {
  margin-top: 0.5rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  color: #d0021b;
}
@media (max-width: 768px) {
.section-header[data-v-6e2e9759] {
    padding: 16px 20px;
}
.section-content[data-v-6e2e9759] {
    padding: 1rem 0 0;
}
.add-user-form[data-v-6e2e9759] {
    padding: 1rem 16px 20px;
}
.add-user-controls[data-v-6e2e9759] {
    flex-direction: column;
}
.email-input[data-v-6e2e9759] {
    min-width: unset;
    width: 100%;
}
}

.profile-access-view[data-v-cb0a8373] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-cb0a8373] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-cb0a8373] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.loading-container[data-v-cb0a8373],
.error-container[data-v-cb0a8373] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}
.alert[data-v-cb0a8373] {
  border-radius: 8px;
  padding: 12px 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}
.alert-danger[data-v-cb0a8373] {
  background: #fdecea;
  border: 1px solid #f5c6cb;
  color: #721c24;
}
.alert-success[data-v-cb0a8373] {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

.keyword-chip-selector[data-v-0af5d789] {
  display: flex;
  flex-direction: column;
}

.klp-header-title[data-v-f947b60c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.klp-list-name[data-v-f947b60c] {
  font-weight: 700;
}
.klp-count-badge[data-v-f947b60c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}

/* Body */
.klp-body[data-v-f947b60c] {
  padding: 20px;
  border-top: 1px solid #e7e7e7;
}

/* Tiers layout */
.klp-tiers[data-v-f947b60c] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.klp-tiers--linked .klp-tier + .klp-tier[data-v-f947b60c] {
  padding-top: 20px;
}
.klp-tier--divider[data-v-f947b60c] {
  border-top: 1px dashed #e7e7e7;
}

/* Obsolete notice */
.klp-obsolete-notice[data-v-f947b60c] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  margin-bottom: 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #856404;
  line-height: 1.5;
}
.klp-obsolete-notice .pi[data-v-f947b60c] {
  flex-shrink: 0;
  margin-top: 2px;
}

/* Obsolete chips */
.klp-obsolete-header[data-v-f947b60c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.klp-tier-label[data-v-f947b60c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #252525;
}
.klp-count-badge-inline[data-v-f947b60c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #51565c;
}
.klp-obsolete-list[data-v-f947b60c] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Obsolete-keyword chip styles (owned by this component) */
.klp-obsolete-chip[data-v-f947b60c] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 40px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.klp-obsolete-chip--selected[data-v-f947b60c] {
  background: #001e62;
  border: 1.25px solid #001e62;
  color: #fff;
}
.klp-obsolete-chip--selected[data-v-f947b60c]:hover:not(:disabled) {
  background: #002b8f;
  border-color: #002b8f;
}
.klp-obsolete-chip--selected[data-v-f947b60c]:disabled {
  opacity: 0.7;
  cursor: default;
}
@media (max-width: 768px) {
.klp-body[data-v-f947b60c] {
    padding: 16px;
}
.klp-header-title[data-v-f947b60c] {
    font-size: 14px;
}
}

.profile-research-interests-view[data-v-9b3f080c] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-9b3f080c] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-9b3f080c] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Info banner */
.ri-info-banner[data-v-9b3f080c] {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 16px 20px;
}
.ri-info-title[data-v-9b3f080c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0 0 8px 0;
}
.ri-info-text[data-v-9b3f080c] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
  line-height: 1.6;
  margin: 0;
}
.ri-info-link[data-v-9b3f080c] {
  color: #001e62;
  text-decoration: underline;
}

/* Keyword list panels container */
.ri-panels[data-v-9b3f080c] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Empty state */
.ri-empty[data-v-9b3f080c] {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  padding: 32px 20px;
  text-align: center;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
}

/* Error state */
.error-container[data-v-9b3f080c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
  gap: 1rem;
}
@media (max-width: 768px) {
.layout-content[data-v-9b3f080c] {
    padding: 16px;
}
}

.profile-mfa-view[data-v-312441b9] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-312441b9] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-312441b9] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.error-container[data-v-312441b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  padding: 2rem;
  text-align: center;
  gap: 1rem;
}

/* ── Panel layout ───────────────────────────────────────────────────────────── */
.panel-title[data-v-312441b9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #1d2939;
  margin: 0;
}
.setup-steps[data-v-312441b9] {
  margin: 8px 0 0 0;
  padding-left: 1.25rem;
}
.setup-steps li[data-v-312441b9] {
  margin-bottom: 4px;
}

/* ── QR code ────────────────────────────────────────────────────────────────── */
.qr-loading[data-v-312441b9] {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.qr-section[data-v-312441b9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.qr-code-wrapper[data-v-312441b9] {
  display: inline-block;
  padding: 8px;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 4px;
}
.qr-hint[data-v-312441b9] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #667085;
}

/* ── OTP input row ──────────────────────────────────────────────────────────── */
.otp-input-row[data-v-312441b9] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.otp-label[data-v-312441b9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #344054;
  white-space: nowrap;
}
.otp-field[data-v-312441b9] {
  width: 140px;
}

/* ── Device section ─────────────────────────────────────────────────────────── */
.device-section[data-v-312441b9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 1px solid #e4e7ec;
  padding-top: 1.25rem;
}
.revoked-label[data-v-312441b9] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #98a2b3;
  font-style: italic;
}

.biosketch-add-form[data-v-a72d6c58] {
  padding: 0;
}
.instructions-banner[data-v-a72d6c58] {
  background: #f5f5f0;
  border: 1px solid #e0ddc0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 1rem;
}
.instructions-text[data-v-a72d6c58] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
  line-height: 1.5;
}
.field-label[data-v-a72d6c58] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #252525;
  margin-bottom: 6px;
}
.field-hint[data-v-a72d6c58] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #51565c;
  margin-top: 4px;
}
.form-col--full[data-v-a72d6c58] {
  flex: 1 1 100%;
}
.or-divider[data-v-a72d6c58] {
  text-align: center;
  margin: 0.5rem 0 1rem;
}
.or-text[data-v-a72d6c58] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  color: #51565c;
}
.or-line[data-v-a72d6c58] {
  text-align: center;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 13px;
  color: #51565c;
  margin: 0.5rem 0;
}
.form-error[data-v-a72d6c58] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background-color: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  margin: 0.5rem 0 1rem;
}
.form-actions[data-v-a72d6c58] {
  display: flex;
  gap: 8px;
  padding-top: 0.5rem;
}

.biosketch-delete-confirm[data-v-fa78a278] {
  padding: 0;
}
.alert-danger[data-v-fa78a278] {
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  padding: 12px 16px;
  margin-bottom: 1rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}
.info-grid[data-v-fa78a278] {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px 1rem;
  margin: 0 0 1rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}
.info-grid dt[data-v-fa78a278] {
  font-weight: 700;
  color: #252525;
}
.info-grid dd[data-v-fa78a278] {
  margin: 0;
  color: #51565c;
}
.confirm-block[data-v-fa78a278] {
  margin-top: 1rem;
}
.confirm-text[data-v-fa78a278] {
  margin: 0 0 0.75rem;
}
.confirm-actions[data-v-fa78a278] {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
.info-grid[data-v-fa78a278] {
    grid-template-columns: 1fr;
    gap: 4px 0;
}
}

.biosketch-section__content[data-v-6b8b5dba] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.alert-danger[data-v-6b8b5dba] {
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  padding: 12px 16px;
  margin-bottom: 1rem;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
}

.profile-photo-widget[data-v-4d571a11] {
  border: 1px solid #dadfe8;
  border-radius: 16px;
  background: white;
  overflow: hidden;
  padding: 1px;
}
.photo-section[data-v-4d571a11] {
  padding: 1.5rem 30px;
}
.photo-section-title[data-v-4d571a11] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #000;
  margin: 0 0 0.75rem;
}
.photo-instructions[data-v-4d571a11] {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #51565c;
  margin: 0 0 1.25rem;
  line-height: 1.5;
}
.photo-row[data-v-4d571a11] {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.photo-preview[data-v-4d571a11] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.preview-img[data-v-4d571a11] {
  max-width: 150px;
  max-height: 150px;
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.preview-placeholder[data-v-4d571a11] {
  width: 150px;
  height: 150px;
  border-radius: 8px;
  border: 1px dashed #cbd5e1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
}
.preview-placeholder-icon[data-v-4d571a11] {
  font-size: 48px;
  color: #cbd5e1;
}
.photo-upload-block[data-v-4d571a11] {
  flex: 1;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.photo-actions[data-v-4d571a11] {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
.photo-section[data-v-4d571a11] {
    padding: 1.25rem 16px;
}
.photo-row[data-v-4d571a11] {
    flex-direction: column;
}
}

.profile-biosketch-view[data-v-f0832696] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-f0832696] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-f0832696] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.no-access[data-v-f0832696] {
  padding: 2rem;
}
.alert-danger[data-v-f0832696] {
  background: #fff5f5;
  border: 1px solid #f5c6cb;
  border-radius: 6px;
  color: #721c24;
  padding: 14px 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  max-width: 720px;
  margin: 0 auto;
}
.loading-container[data-v-f0832696],
.error-container[data-v-f0832696] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.invention-form[data-v-8c90814b] {
  padding: 0;
}
.required-mark[data-v-8c90814b] {
  color: #e53e3e;
  font-weight: 700;
}
.field-label[data-v-8c90814b] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.inventors-name[data-v-8c90814b] {
  font-weight: 400;
  color: #51565c;
}
.field-error[data-v-8c90814b] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}
.char-counter[data-v-8c90814b] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #6e7277;
  margin-top: 4px;
}
.form-col--full[data-v-8c90814b] {
  flex: 1 1 100%;
}
.form-actions[data-v-8c90814b] {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 1rem;
}

.ipp-form[data-v-125d752d] {
  padding: 0;
}
.ipp-form .form-section[data-v-125d752d] {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.field-label[data-v-125d752d] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-help-icon[data-v-125d752d] {
  font-size: 14px;
  color: #001e62;
  cursor: help;
  margin-left: 4px;
  vertical-align: middle;
}
.field-error[data-v-125d752d] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}
.field-warning[data-v-125d752d] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #b25a00;
  margin-top: 4px;
}
.form-actions[data-v-125d752d] {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 1rem;
}
.orcid-banner[data-v-125d752d] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}
.orcid-banner__icon[data-v-125d752d] {
  color: #856404;
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}
.orcid-banner__text[data-v-125d752d] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #856404;
  line-height: 1.5;
  font-weight: 600;
}

.ipp-list[data-v-ccf86705] {
  margin-bottom: 16px;
  overflow-x: auto;
}
.ipp-table[data-v-ccf86705] {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Nunito Sans', sans-serif;
}
.ipp-th[data-v-ccf86705] {
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #252525;
  padding: 10px 12px;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f9fb;
}
.ipp-th--actions[data-v-ccf86705] {
  width: 120px;
}
.ipp-td[data-v-ccf86705] {
  font-size: 13px;
  color: #51565c;
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}
.ipp-td--actions[data-v-ccf86705] {
  white-space: nowrap;
  display: flex;
  gap: 8px;
}
.ipp-row--editing[data-v-ccf86705] {
  background-color: #fff9e6;
}
.ipp-row--form[data-v-ccf86705] {
  background-color: #f8f9fb;
}
.ipp-td-form[data-v-ccf86705] {
  padding: 0;
}
.ipp-form-wrapper[data-v-ccf86705] {
  margin-bottom: 16px;
}
.ipp-identifier-link[data-v-ccf86705] {
  color: #001e62;
  font-weight: 600;
  text-decoration: underline;
}
.action-btn[data-v-ccf86705] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 32px;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.15s, opacity 0.15s;
}
.action-btn[data-v-ccf86705]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.action-btn--delete[data-v-ccf86705] {
  border: 1.5px solid #e53e3e;
  color: #e53e3e;
}
.action-btn--delete[data-v-ccf86705]:hover:not(:disabled) {
  background: rgba(229, 62, 62, 0.06);
}
.action-btn--edit[data-v-ccf86705] {
  border: 1.5px solid #001e62;
  color: #001e62;
}
.action-btn--edit[data-v-ccf86705]:hover:not(:disabled) {
  background: rgba(0, 30, 98, 0.06);
}

.license-form[data-v-fa72f39c] {
  padding: 0;
}
.license-form .form-section[data-v-fa72f39c] {
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.field-label[data-v-fa72f39c] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-error[data-v-fa72f39c] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: #e53e3e;
  margin-top: 4px;
}
.form-actions[data-v-fa72f39c] {
  display: flex;
  gap: 8px;
  justify-content: center;
  padding-top: 1rem;
}

.license-list[data-v-52caf240] {
  margin-bottom: 16px;
  overflow-x: auto;
}
.license-table[data-v-52caf240] {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Nunito Sans', sans-serif;
}
.license-th[data-v-52caf240] {
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: #252525;
  padding: 10px 12px;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f9fb;
}
.license-th--actions[data-v-52caf240] {
  width: 120px;
}
.license-td[data-v-52caf240] {
  font-size: 13px;
  color: #51565c;
  padding: 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}
.license-td--actions[data-v-52caf240] {
  white-space: nowrap;
  display: flex;
  gap: 8px;
}
.license-row--editing[data-v-52caf240] {
  background-color: #fff9e6;
}
.license-row--form[data-v-52caf240] {
  background-color: #f8f9fb;
}
.license-td-form[data-v-52caf240] {
  padding: 0;
}
.license-form-wrapper[data-v-52caf240] {
  margin-bottom: 16px;
}
.action-btn[data-v-52caf240] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 32px;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.15s, opacity 0.15s;
}
.action-btn--delete[data-v-52caf240] {
  border: 1.5px solid #e53e3e;
  color: #e53e3e;
}
.action-btn--delete[data-v-52caf240]:hover:not(:disabled) {
  background: rgba(229, 62, 62, 0.06);
}
.action-btn--edit[data-v-52caf240] {
  border: 1.5px solid #001e62;
  color: #001e62;
}
.action-btn--edit[data-v-52caf240]:hover:not(:disabled) {
  background: rgba(0, 30, 98, 0.06);
}

.info-banner[data-v-77751d2b] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #e8f4fd;
  border: 1px solid #b3d9f5;
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.info-banner--success[data-v-77751d2b] {
  background: #e6f4ea;
  border-color: #b3d9bf;
}
.info-banner__icon[data-v-77751d2b] {
  color: #0073c2;
  font-size: 16px;
  margin-top: 2px;
  flex-shrink: 0;
}
.info-banner--success .info-banner__icon[data-v-77751d2b] {
  color: #1f6f3f;
}
.info-banner__text[data-v-77751d2b] {
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  color: #004a80;
  line-height: 1.5;
}
.info-banner--success .info-banner__text[data-v-77751d2b] {
  color: #1f6f3f;
}
.child-sections-wrapper[data-v-77751d2b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.profile-inventions-view[data-v-13fc487c] {
  background: #f2f4f7;
  min-height: 100vh;
}
.layout-content[data-v-13fc487c] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-13fc487c] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.loading-container[data-v-13fc487c],
.error-container[data-v-13fc487c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.field-label[data-v-fed8cb28] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-label--required[data-v-fed8cb28]::before {
  content: '* ';
  color: var(--color-error);
}
.form-col--full[data-v-fed8cb28] {
  flex: 1 1 100%;
}
.char-counter[data-v-fed8cb28] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 12px;
  color: var(--color-text-secondary);
  margin-top: 4px;
}
.char-counter--exceeded[data-v-fed8cb28] {
  color: var(--color-error);
}
.form-actions--center[data-v-fed8cb28] {
  justify-content: center;
}

.reviewer-registration-history[data-v-e8988888] {
  margin-top: 1rem;
}
.reviewer-registration-history[data-v-e8988888] .action-buttons {
  display: none;
}

.no-data-msg[data-v-a95f1f97] {
  color: var(--color-error);
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  margin: 0;
}

.profile-reviewer-registration-view[data-v-a430a3be] {
  --color-page-bg: #f2f4f7;
  --color-alert-danger-bg: #fff5f5;
  --color-alert-danger-border: #f5c6cb;
  --color-alert-danger-text: #721c24;
  background: var(--color-page-bg);
  min-height: 100vh;
}
.layout-content[data-v-a430a3be] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-a430a3be] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.no-access[data-v-a430a3be] {
  padding: 2rem;
}
.alert-danger[data-v-a430a3be] {
  background: var(--color-alert-danger-bg);
  border: 1px solid var(--color-alert-danger-border);
  border-radius: 6px;
  color: var(--color-alert-danger-text);
  padding: 14px 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  max-width: 720px;
  margin: 0 auto;
}
.loading-container[data-v-a430a3be],
.error-container[data-v-a430a3be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.add-conflict-user[data-v-188b0e0c] {
  display: flex;
  flex-direction: column;
}
.conflict-form[data-v-188b0e0c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-row--inline[data-v-188b0e0c] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.form-row--inline .form-col[data-v-188b0e0c] {
  flex: 1 1 200px;
  min-width: 0;
}
.field-label[data-v-188b0e0c] {
  display: block;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 6px;
}
.field-label--required[data-v-188b0e0c]::before {
  content: '* ';
  color: var(--color-error);
}
.form-col--full[data-v-188b0e0c] {
  flex: 1 1 100%;
}
.form-actions[data-v-188b0e0c] {
  display: flex;
  gap: 12px;
  align-items: center;
}

.conflict-history-table[data-v-b385d689] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.reviewer-indicated-conflicts[data-v-d5a8ba9c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.profile-conflict-history-view[data-v-6886bb56] {
  --color-page-bg: #f2f4f7;
  --color-alert-danger-bg: #fff5f5;
  --color-alert-danger-border: #f5c6cb;
  --color-alert-danger-text: #721c24;
  background: var(--color-page-bg);
  min-height: 100vh;
}
.layout-content[data-v-6886bb56] {
  flex: 1;
  padding: 24px;
}
.main-content[data-v-6886bb56] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.no-access[data-v-6886bb56] {
  padding: 2rem;
}
.alert-danger[data-v-6886bb56] {
  background: var(--color-alert-danger-bg);
  border: 1px solid var(--color-alert-danger-border);
  border-radius: 6px;
  color: var(--color-alert-danger-text);
  padding: 14px 16px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  max-width: 720px;
  margin: 0 auto;
}
.loading-container[data-v-6886bb56],
.error-container[data-v-6886bb56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
}

.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);
}

.reviewer-dashboard[data-v-02e8a399] {
  /* Removed min-height: 100vh to prevent infinite height growth in iframe */
  padding: 24px;
}
.loading-container[data-v-02e8a399] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
.loading-container[data-v-02e8a399] {
  max-width: 1391px;
  margin: 0 auto;
}
.committees-grid[data-v-02e8a399] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
}

/* Committee Card Styles */
.committee-card[data-v-02e8a399] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 16px 24px;
  background: #FFFFFF;
  border: 1px solid #DBDCDD;
  border-radius: 12px;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.committee-card[data-v-02e8a399]:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}
.committee-card[data-v-02e8a399]:focus {
  outline: 2px solid #2CD5C4;
  outline-offset: 2px;
}
.committee-card__header[data-v-02e8a399] {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  width: 100%;
}
.committee-card__title[data-v-02e8a399] {
  font-weight: 600;
  font-size: 18px;
  line-height: 0.89;
  color: #001E62;
  margin: 0;
  text-align: left;
}
.committee-card__footer[data-v-02e8a399] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  width: 100%;
  justify-content: flex-start;
  height: 20px;
}
.committee-card__deadline[data-v-02e8a399] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.committee-card__deadline-text[data-v-02e8a399] {  
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  color: #51565C;
}

/* No Committees Message - Aligned with Figma Design */
.no-committees-container[data-v-02e8a399] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 40px 24px;
  width: 100%;
  min-height: 400px;
}
.no-committees-icon[data-v-02e8a399] {
  width: 97px;
  height: 97px;
  flex-shrink: 0;
}
.no-committees-card[data-v-02e8a399] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 22px;
  width: 100%;
  align-self: stretch;
}
.main-message[data-v-02e8a399] {  
  font-weight: 500;
  font-size: 26px;
  line-height: 0.6153846153846154em;
  color: #000000;
  text-align: left;
  margin: 0;
}
.submessage-section[data-v-02e8a399] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: fit-content;
}
.submessage-text[data-v-02e8a399] {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4444444444444444em;
  color: #4D5258;
  text-align: left;
  margin: 0;
  max-width: 100%;
}
.highlight-text[data-v-02e8a399] {
  color: #2CD5C4;
  font-weight: 700;
}
.profile-action-button[data-v-02e8a399] {
  align-self: center;
}

/* Responsive design */
@media (max-width: 1200px) {
.committees-grid[data-v-02e8a399] {
    justify-content: center;
}
}
@media (max-width: 768px) {
.reviewer-dashboard[data-v-02e8a399] {
    padding: 1rem;
}
.committees-grid[data-v-02e8a399] {
    flex-direction: column;
    align-items: center;
}
.committee-card[data-v-02e8a399] {
    width: 100%;
    max-width: 450px;
}
.no-committees-container[data-v-02e8a399] {
    gap: 32px;
}
.no-committees-icon[data-v-02e8a399] {
    width: 80px;
    height: 80px;
}
.main-message[data-v-02e8a399] {
    font-size: 22px;
}
.submessage-text[data-v-02e8a399] {
    font-size: 16px;
}
}

.initial-loading-container[data-v-2fae7cee] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}
.no-committees-message[data-v-2fae7cee] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}
.message-container[data-v-2fae7cee] {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 600px;
  padding: 2rem;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.message-icon[data-v-2fae7cee] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.message-content[data-v-2fae7cee] {
  text-align: left;
}
.message-title[data-v-2fae7cee] {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #495057;
}
.message-text[data-v-2fae7cee] {
  margin: 0;
  font-size: 1rem;
  color: #6c757d;
  line-height: 1.5;
}
.label-with-tooltip[data-v-2fae7cee] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Reorder buttons: Excel Export first, then Search, then Reset */
[data-v-2fae7cee] .search-panel__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
[data-v-2fae7cee] .search-panel__actions-default {
  order: 2; /* Search and Reset buttons come second */
}
[data-v-2fae7cee] .search-panel__actions-custom {
  order: 1; /* Excel Export button comes first */
  margin-left: 0; /* Remove auto margin since we're using order */
}

.impersonate-container[data-v-9f01e615] {
  position: relative;
}
.impersonate-button[data-v-9f01e615] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #3b82f6;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
}
.impersonate-button[data-v-9f01e615]:hover:not(:disabled) {
  background: #2563eb;
  transform: translateY(-1px);
}
.impersonate-button[data-v-9f01e615]:disabled {
  background: #9ca3af;
  cursor: not-allowed;
  transform: none;
}
.button-icon[data-v-9f01e615] {
  font-size: 14px;
}

/* Link variant styling */
.impersonate-button-link[data-v-9f01e615] {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #001E62 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  font-size: inherit !important;
  font-family: inherit !important;
  display: inline !important;
}
.impersonate-button-link[data-v-9f01e615]:hover {
  text-decoration: underline !important;
  background: none !important;
  transform: none !important;
}
.impersonate-button-link[data-v-9f01e615]:active {
  transform: none !important;
}

/* Size variants */
.impersonate-button-small[data-v-9f01e615] {
  font-size: 0.875rem;
  padding: 6px 12px;
}
.impersonate-button-large[data-v-9f01e615] {
  font-size: 1.125rem;
  padding: 12px 24px;
}


/* Main container */
.main-container[data-v-f6b1df46] {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

/* Filter rows using flexbox - matching Figma design */
.filter-row[data-v-f6b1df46] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
}

/* Filter columns with responsive flex basis */
.filter-column[data-v-f6b1df46] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.filter-column-small[data-v-f6b1df46] {
  flex: 1 1 240px;
  min-width: 200px;
}

/* Results container */
.results-container[data-v-f6b1df46] {
  margin-top: 10px;
}

/* Committee error styling - updated for Figma design */
.committee-select-error[data-v-f6b1df46] {
  color: #E74444;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  background-color: #FEF2F2;
  border: 1px solid #FCA5A5;
  border-radius: 8px;
  padding: 12px 16px;
}

/* Name template links */
.name-links[data-v-f6b1df46] {
  margin-top: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  flex-direction: row;
}
.name-container[data-v-f6b1df46] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* Committee cell - unified container for all committee column content */
.committee-cell[data-v-f6b1df46] {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  max-width: 380px;
  padding: 4px;
  justify-content: flex-start;
  align-items: center;
}

/* Committee button row - ensures all action buttons align on same line */
.committee-button-row[data-v-f6b1df46] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  min-height: 40px;
}

/* Committee content row - for dropdowns and committee info */
.committee-content-row[data-v-f6b1df46] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 30px;
}
.committee-content-row.single-committee[data-v-f6b1df46] {
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Committee action button - unified styling for Add/Remove buttons */
.committee-action-button[data-v-f6b1df46] {
  font-size: 12px;
  min-width: 80px;
  height: 36px;
  flex-shrink: 0;
}

/* Committee dropdown styling */
.committee-dropdown[data-v-f6b1df46] {
  flex: 1;
  min-width: 200px;
  font-size: 12px;
}

/* Committee info styling */
.committee-info[data-v-f6b1df46] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.committee-name[data-v-f6b1df46] {
  font-weight: 500;
  margin-bottom: 2px;
}
.no-committee-text[data-v-f6b1df46] {
  color: #6c757d;
  font-style: italic;
  font-size: 14px;
}

/* Tags and keywords containers */
.tags-container[data-v-f6b1df46],
.keywords-container[data-v-f6b1df46] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Loading container */
.loading-container[data-v-f6b1df46] {
  text-align: center;
  padding: 1rem;
}

/* Muted text */
.muted-text[data-v-f6b1df46] {
  color: #6c757d;
  font-style: italic;
}
.tag-chip[data-v-f6b1df46],
.keyword-chip[data-v-f6b1df46] {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.keywords-section[data-v-f6b1df46] {
  margin-bottom: 1rem;
}

/* Action buttons */
.action-buttons[data-v-f6b1df46] {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

/* Impersonate button styling to match clickable links */
.name-links[data-v-f6b1df46] .impersonate-button-link {
  color: #001E62 !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: inherit !important;
}
.name-links[data-v-f6b1df46] .impersonate-button-link:hover {
  text-decoration: underline !important;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
.filter-row[data-v-f6b1df46] {
    flex-direction: column;
}
.filter-column[data-v-f6b1df46] {
    flex: 1 1 100%;
    min-width: 100%;
}
}
@media (max-width: 1024px) {
.filter-column-small[data-v-f6b1df46] {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: calc(50% - 0.5rem);
}
}

/* Reviewer modal backdrop styling for consistency */
[data-v-f6b1df46] .reviewer-modal-mask {
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.108);
}

/* Edit modal styles */
.edit-section[data-v-f6b1df46] {
  margin-bottom: 1.5rem;
}
.edit-section h6[data-v-f6b1df46] {
  margin-bottom: 1rem;
  color: #495057;
  font-weight: 600;
}
.edit-field[data-v-f6b1df46] {
  margin-bottom: 1rem;
}
.committee-assignment[data-v-f6b1df46] {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #f8f9fa;
}
.committee-header[data-v-f6b1df46] {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.edit-dialog-footer[data-v-f6b1df46] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}

/* PrimeVue DataTable Row Group Integration */
[data-v-f6b1df46] .p-datatable .p-rowgroup-header {
  background: var(--p-surface-50, #f8f9fa) !important;
  border-left: 3px solid var(--p-primary-color, #001E62);
  transition: background-color 0.2s ease;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}
[data-v-f6b1df46] .p-datatable .p-rowgroup-header:hover {
  background: var(--p-surface-100, #e9ecef) !important;
}

/* Make the row group header cell span all columns */
[data-v-f6b1df46] .p-datatable .p-rowgroup-header td {
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

/* Ensure the first cell in row group header displays flex */
[data-v-f6b1df46] .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-f6b1df46] .p-datatable .p-rowgroup-header td:not(:first-child) {
  display: none !important;
}

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

/* Make the toggle button smaller and inline */
[data-v-f6b1df46] .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-f6b1df46] .p-datatable .p-rowgroup-header .p-row-toggler .p-datatable-row-toggle-icon {
  width: 14px !important;
  height: 14px !important;
}

/* Hide row group footer rows - we don't need them */
[data-v-f6b1df46] .p-datatable .p-rowgroup-footer {
  display: none !important;
}

/* Hide overflow in table container when all committees are selected */
.all-committees-selected[data-v-f6b1df46] .p-datatable-table-container {
  overflow: hidden !important;
}

/* Row Group Header Custom Styles */
.row-group-header[data-v-f6b1df46] {
  width: 100%;
  min-width: 100%;
  padding: 1rem 1.25rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}
.row-group-header[data-v-f6b1df46]:hover {
  background-color: var(--p-surface-100, #e9ecef) !important;
}
.row-group-header[data-v-f6b1df46]:focus {
  outline: 2px solid var(--p-primary-color, #001E62);
  outline-offset: -2px;
}
.reviewer-info[data-v-f6b1df46] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem;
  align-items: start;
  width: 100%;
}
.reviewer-main-info[data-v-f6b1df46] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  align-items: start;
}
.name-section[data-v-f6b1df46] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 200px;
}
.reviewer-name[data-v-f6b1df46] {
  font-size: 15px;
  font-weight: 600;
  color: var(--p-text-color, #495057);
  line-height: 1.5;
}
.name-links[data-v-f6b1df46] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.reviewer-details[data-v-f6b1df46] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  align-items: center;
  margin: 0;
}
.detail-item[data-v-f6b1df46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  margin: 0;
}
.detail-label[data-v-f6b1df46] {
  font-weight: 600;
  color: var(--p-text-secondary-color, #6c757d);
  white-space: nowrap;
  margin: 0;
}
.detail-value[data-v-f6b1df46] {
  color: var(--p-text-color, #495057);
  word-break: break-word;
  margin: 0;
}

/* Link styling within row group header */
.row-group-header .clickablelink[data-v-f6b1df46] {
  cursor: pointer;
  transition: color 0.2s ease;
}
.row-group-header .clickablelink[data-v-f6b1df46]:hover,
.row-group-header .clickablelink[data-v-f6b1df46]:focus {
  text-decoration: underline;
  outline: 2px solid var(--p-primary-color, #001E62);
  outline-offset: 2px;
  border-radius: 2px;
}
.reviewer-actions[data-v-f6b1df46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.add-committee-group-header[data-v-f6b1df46] {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: flex-start;
  min-width: 200px;
  padding: 0.5rem;
  background-color: transparent;
  border: none;
  border-radius: 4px;
}
.add-committee-button[data-v-f6b1df46] {
  width: 100%;
  min-width: 140px;
}
.add-committee-dropdown[data-v-f6b1df46] {
  width: 100%;
  min-width: 200px;
}

/* Responsive adjustments for row groups */
@media (max-width: 1024px) {
.reviewer-info[data-v-f6b1df46] {
    grid-template-columns: 1fr;
}
.reviewer-main-info[data-v-f6b1df46] {
    grid-template-columns: 1fr;
}
.reviewer-actions[data-v-f6b1df46] {
    justify-content: flex-start;
    padding-top: 0.5rem;
    border-top: 1px solid var(--p-surface-border, #dee2e6);
}
}
@media (max-width: 768px) {
.reviewer-details[data-v-f6b1df46] {
    grid-template-columns: 1fr;
    gap: 0.5rem;
}
.row-group-header[data-v-f6b1df46] {
    padding: 0.75rem 1rem;
}
}
[data-v-f6b1df46] .p-datatable-row-group-footer {
  display: none;
}
[data-v-f6b1df46] .add-committee-button {
  max-width: unset !important;
  width: 55px !important;
  min-width: 55px !important;
}
[data-v-f6b1df46] .p-datatable-row-toggle-button {
  display: none !important;
}
[data-v-f6b1df46] .admin-header-container {
  min-width: 0;
  overflow: hidden;
}
[data-v-f6b1df46] .admin-name-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
[data-v-f6b1df46] .action-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-left: 26px;
}
[data-v-f6b1df46] .expandable-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
[data-v-f6b1df46] .admin-name-warpper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}
[data-v-f6b1df46] .admin-name-container p {
  margin: 0 !important;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
[data-v-f6b1df46] .admin-details-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
[data-v-f6b1df46] .detail-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  max-width: 350px;
  word-break: break-all;
}
[data-v-f6b1df46] .detail-wrapper p {
  margin: 0 !important;
}
[data-v-f6b1df46] .add-committee-conatiner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
[data-v-f6b1df46] .admin-common-action-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
[data-v-f6b1df46] .detail-header {
  color: #6B7280;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 !important;
}
[data-v-f6b1df46] .deatil-value {
  color: #1F2937;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 !important;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
[data-v-f6b1df46] .add-committee-btn {
  background-color: var(--p-primary-color);
  color: #fff !important;
}
[data-v-f6b1df46] .add-committee-btn .p-button-icon {
  color: #fff !important;
}

/* Expand icon styles */
.expand-icon[data-v-f6b1df46] {
  margin-right: 8px;
  transition: transform 0.2s ease-in-out;
  color: #6c757d;
  font-size: 14px;
}
.expand-icon.expanded[data-v-f6b1df46] {
  transform: rotate(90deg);
}
.expand-icon[data-v-f6b1df46]:hover {
  color: #495057;
}
[data-v-f6b1df46] .name-header-container {
  display: flex;
  flex-direction: row;
}
[data-v-f6b1df46] .email-btn {
  font-size: 12px;
  word-break: break-word;
  overflow-wrap: break-word;
  min-width: 0;
}
[data-v-f6b1df46] .admin-header-wrapper {
  display: grid;
  /* Fixed width columns for uniform alignment across all rows */
  grid-template-columns: 250px 200px 200px 150px 150px 250px;
  /* Total width: 1200px - ensures single row layout */
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
  align-items: center;
}

/* The Individual Boxes */
[data-v-f6b1df46] .admin-header-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
}
[data-v-f6b1df46] .add-committee-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.admin-header-action-container[data-v-f6b1df46] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
[data-v-f6b1df46] .base-report-table .add-committee-btn {
  height: 20px !important;
  width: 20px !important;
  background-color: var(--p-primary-color) !important;
  color: #fff;
}

/* Main container */
.main-container[data-v-6a6eb64b] {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
.committee-select-error[data-v-6a6eb64b] {
  color: #E74444;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  background-color: #FEF2F2;
  border: 1px solid #FCA5A5;
  border-radius: 8px;
  padding: 12px 16px;
}
.actions-container[data-v-6a6eb64b] {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 24px;
  justify-content: flex-start;
}
.committee-role-container[data-v-6a6eb64b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.committee-readonly-label[data-v-6a6eb64b] {
  font-style: normal;
  font-size: 13px;
  margin-top: 9px;
  display: block;
  color: #000;
}
.no-assignments-message[data-v-6a6eb64b] {
  text-align: center;
  padding: 24px;
  margin-top: 24px;
  background-color: #FEF2F2;
  border: 1px solid #FCA5A5;
  border-radius: 8px;
  color: #991B1B;
}
.no-assignments-message h3[data-v-6a6eb64b] {
  margin: 0 0 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #991B1B;
}
.no-assignments-message p[data-v-6a6eb64b] {
  margin: 0;
  font-size: 14px;
  color: #7F1D1D;
  line-height: 1.5;
}
.results-container[data-v-6a6eb64b] {
  width: 100%;
  box-sizing: border-box;
}

/* Action buttons */
.action-buttons[data-v-6a6eb64b] {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

/* Reviewer modal backdrop styling */
[data-v-6a6eb64b] .reviewer-modal-mask {
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.108);
}

/* Edit modal styles */
.edit-section[data-v-6a6eb64b] {
  margin-bottom: 1.5rem;
}
.edit-section h6[data-v-6a6eb64b] {
  margin-bottom: 1rem;
  color: #495057;
  font-weight: 600;
}
.edit-field[data-v-6a6eb64b] {
  margin-bottom: 1rem;
}
.committee-assignment[data-v-6a6eb64b] {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #f8f9fa;
}
.committee-header[data-v-6a6eb64b] {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dee2e6;
}
.edit-dialog-footer[data-v-6a6eb64b] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #dee2e6;
}