@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.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";
}

/* src/styles.scss */
:root {
  --primary-50: #eff6ff;
  --primary-100: #dbeafe;
  --primary-200: #bfdbfe;
  --primary-300: #93c5fd;
  --primary-400: #60a5fa;
  --primary-500: #3b82f6;
  --primary-600: #2563eb;
  --primary-700: #1d4ed8;
  --primary-800: #1e40af;
  --primary-900: #1e3a8a;
  --success-50: #ecfdf5;
  --success-100: #d1fae5;
  --success-500: #10b981;
  --success-600: #059669;
  --success-700: #047857;
  --danger-50: #fff1f2;
  --danger-100: #ffe4e6;
  --danger-500: #f43f5e;
  --danger-600: #e11d48;
  --danger-700: #be123c;
  --warning-50: #fffbeb;
  --warning-100: #fef3c7;
  --warning-500: #f59e0b;
  --warning-600: #d97706;
  --info-50: #ecfeff;
  --info-100: #cffafe;
  --info-500: #06b6d4;
  --info-600: #0891b2;
  --info-700: #0e7490;
  --whatsapp-bg: #dcf8c6;
  --whatsapp-text: #128C7E;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --background-color: var(--gray-50);
  --surface-color: #ffffff;
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-muted: var(--gray-400);
  --border-color: var(--gray-200);
  --border-color-strong: var(--gray-300);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --border-width-sm: 1px;
  --border-width-md: 2px;
  --border-width-lg: 3px;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  --transition-fast: 150ms ease-out;
  --transition-normal: 200ms ease-out;
  --transition-slow: 300ms ease-out;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --primary-color: var(--primary-600);
  --primary-hover: var(--primary-700);
  --secondary-color: var(--gray-500);
  --error-color: var(--danger-500);
  --radius: var(--radius-md);
  --excel-green: #107c41;
  --excel-green-dark: #0c6132;
  --modal-overlay-bg: rgba(0, 0, 0, 0.5);
  --srm-space-0: 0;
  --srm-space-1: var(--space-1);
  --srm-space-2: var(--space-2);
  --srm-space-3: var(--space-3);
  --srm-space-4: var(--space-4);
  --srm-color-text: var(--text-primary);
  --srm-color-surface: var(--surface-color);
  --srm-color-border: var(--border-color);
  --srm-color-border-soft: var(--border-color);
  --srm-color-chrome-bg: var(--surface-color);
  --srm-color-chrome-bg-quiet: var(--gray-50);
  --srm-color-chrome-border: var(--border-color);
  --srm-color-chrome-button-bg: var(--surface-color);
  --srm-color-chrome-button-bg-hover: var(--gray-100);
  --srm-color-row-hover: var(--gray-100);
  --srm-color-active-row-bg: var(--primary-100);
  --srm-color-selected-row: var(--primary-50);
  --srm-color-primary: var(--primary-color);
  --srm-color-primary-contrast: var(--surface-color);
  --srm-theme-primary-100: var(--primary-100);
  --srm-theme-primary-200: var(--primary-200);
  --srm-control-bg: var(--surface-color);
  --srm-control-text: var(--text-primary);
  --srm-gradient-module-header:
    linear-gradient(
      to bottom,
      var(--surface-color),
      var(--gray-50),
      var(--gray-100));
  --srm-shell-header-height: var(--space-12);
  --srm-shell-sidebar-width: 16.25rem;
  --srm-shell-sidebar-width-collapsed: 0;
  --srm-shell-brand-logo-width: 12.5rem;
  --srm-shell-brand-logo-height: var(--space-12);
  --srm-shell-icon-control-sm: var(--space-8);
  --srm-shell-search-icon-col-width: var(--space-5);
  --srm-shell-search-input-height: var(--space-8);
  --srm-border-accent-width: var(--radius-sm);
  --srm-radius-lg: var(--radius-lg);
  --srm-font-size-xs: 0.6875rem;
  --srm-font-size-sm: 0.75rem;
  --srm-font-size-md: 0.8125rem;
  --srm-font-size-lg: 0.9375rem;
  --font-family-base:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  --srm-font-semibold: 600;
  --srm-font-bold: var(--font-weight-bold);
  --srm-font-medium: var(--font-weight-medium);
  --srm-font-weight-semibold: var(--font-weight-semibold);
  --srm-font-weight-medium: var(--font-weight-medium);
  --srm-tags-max-height: 6rem;
  --srm-header-height: var(--srm-shell-header-height);
  --srm-control-height: 2rem;
  --srm-control-width-date: 7.25rem;
  --srm-search-field-label-width: 5.5rem;
  --srm-search-label-width: 5.5rem;
  --srm-search-label-mobile-width: 4.5rem;
  --srm-search-label-xs-width: 3.75rem;
  --srm-search-gap-x: 1rem;
  --srm-search-gap-y: var(--space-2);
  --srm-search-field-gap: var(--space-2);
  --srm-chip-max-width: 5.5rem;
  --srm-focus-ring: 0 0 0 2px var(--primary-100);
  --srm-tab-bar-bg: var(--srm-color-chrome-bg);
  --srm-tab-bar-border: var(--border-color);
  --srm-tab-bar-min-height: 2.375rem;
  --srm-tab-bar-padding-y: var(--space-1);
  --srm-tab-bar-padding-bottom: var(--space-1);
  --srm-tab-bar-padding-x: var(--space-2);
  --srm-tab-bar-gap: calc(var(--space-1) * 0.75);
  --srm-tab-height: var(--srm-control-height);
  --srm-tab-padding-y: calc(var(--space-1) * 0.75);
  --srm-tab-padding-x: var(--space-3);
  --srm-tab-min-width: 6.25rem;
  --srm-tab-max-width: 14rem;
  --srm-tab-font-size: var(--srm-font-size-md);
  --srm-tab-font-weight: var(--font-weight-medium);
  --srm-tab-font-weight-active: var(--srm-font-semibold);
  --srm-tab-text-color: var(--text-secondary);
  --srm-tab-text-color-hover: var(--srm-color-text);
  --srm-tab-text-color-active: var(--srm-color-primary);
  --srm-tab-bg-inactive: var(--gray-100);
  --srm-tab-bg-hover: var(--gray-200);
  --srm-tab-bg-active: var(--srm-color-surface);
  --srm-tab-border-inactive: transparent;
  --srm-tab-border-active: var(--srm-color-border);
  --srm-tab-accent-active: var(--srm-color-primary);
  --srm-tab-shadow-active: var(--shadow-sm);
  --srm-tab-radius: var(--radius-sm);
  --srm-tab-close-size: 1.0625rem;
  --srm-tab-close-icon-size: var(--srm-font-size-sm);
  --srm-tab-close-color: var(--text-muted);
  --srm-tab-close-hover-bg: var(--danger-50);
  --srm-tab-close-hover-color: var(--danger-600);
  --srm-tab-dirty-color: var(--warning-500);
  --srm-modal-tab-strip-bg: var(--gray-50);
  --srm-modal-tab-strip-gap: var(--space-1);
  --srm-modal-tab-btn-gap: var(--space-1);
  --srm-modal-tab-btn-padding-y: var(--space-1);
  --srm-modal-tab-btn-padding-x: var(--space-2);
  --srm-modal-body-max-height: 75vh;
  --srm-modal-body-min-height: 28rem;
  --srm-modal-body-height: 38rem;
  --srm-modal-form-gap: var(--space-3);
  --srm-modal-field-gap: calc(var(--space-1) / 2);
  --srm-subgrid-header-bg: var(--gray-50);
  --srm-subgrid-row-hover: var(--gray-50);
  --srm-subgrid-row-edit-bg: var(--primary-50);
  --srm-warning-banner-bg: #fffbeb;
  --srm-warning-banner-border: #fde68a;
  --srm-warning-banner-text: #92400e;
  --srm-warning-banner-icon: #d97706;
  --spacing-2xs: 0.125rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.75rem;
  --spacing-lg: 1rem;
  --spacing-xl: 1.5rem;
  --spacing-2xl: 2rem;
  --spacing-3xl: 3rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-light: 300;
  --font-weight-extrabold: 800;
  --srm-line-height-tight: 1.25;
  --srm-line-height-snug: 1.35;
  --srm-line-height-normal: 1.45;
  --surface: var(--surface-color);
  --overlay-bg: var(--modal-overlay-bg);
  --z-base: 0;
  --z-grid-header: 10;
  --z-sticky-header: 10;
  --z-modal-backdrop: 2000;
  --z-modal: 2050;
  --z-popup: 2050;
  --z-dropdown: 2200;
  --z-datepicker: 2200;
  --z-toast: 99999;
}
:root,
[data-theme=light] {
  --background-color: var(--gray-50);
  --surface-color: #ffffff;
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-muted: var(--gray-400);
  --border-color: var(--gray-200);
  --border-color-strong: var(--gray-300);
  --primary-color: var(--primary-600);
  --primary-hover: var(--primary-700);
}
[data-theme=dark] {
  --background-color: #0f172a;
  --surface-color: #1e293b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border-color: #334155;
  --border-color-strong: #475569;
  --primary-color: var(--primary-500);
  --primary-hover: var(--primary-400);
  --gray-50: #0f172a;
  --gray-100: #1e293b;
  --gray-200: #334155;
  --gray-300: #475569;
  --gray-400: #64748b;
  --gray-500: #94a3b8;
  --gray-600: #cbd5e1;
  --gray-700: #e2e8f0;
  --gray-800: #f1f5f9;
  --gray-900: #f8fafc;
  --primary-50: #1e293b;
  --primary-100: #334155;
  --primary-200: #475569;
  --srm-color-selected-row: #334155;
  --srm-color-row-hover: #1e293b;
  --success-50: #064e3b;
  --success-100: #065f46;
  --danger-50: #4c0519;
  --danger-100: #881337;
  --warning-50: #451a03;
  --warning-100: #78350f;
  --warning-500: #fbbf24;
  --info-50: #164e63;
  --info-100: #155e75;
  --srm-gradient-module-header:
    linear-gradient(
      to bottom,
      #1e293b,
      #0f172a);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}
[data-accent=ocean] {
  --primary-color: var(--primary-600);
  --primary-hover: var(--primary-700);
  --srm-color-primary: var(--primary-color);
}
[data-accent=teal] {
  --primary-50: #f0fdfa;
  --primary-100: #ccfbf1;
  --primary-200: #99f6e4;
  --primary-300: #5eead4;
  --primary-400: #2dd4bf;
  --primary-500: #14b8a6;
  --primary-600: #0d9488;
  --primary-700: #0f766e;
  --primary-800: #115e59;
  --primary-900: #134e4a;
  --primary-color: var(--primary-600);
  --primary-hover: var(--primary-700);
  --srm-color-primary: var(--primary-color);
  --success-500: #10b981;
  --danger-500: #f43f5e;
}
[data-theme=dark][data-accent=teal] {
  --surface-color: #1e293b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --border-color: #334155;
  --primary-50: #042f2e;
  --primary-100: #134e4a;
  --primary-200: #115e59;
  --primary-300: #0f766e;
  --primary-400: #0d9488;
  --primary-500: #14b8a6;
  --primary-600: #2dd4bf;
  --primary-700: #5eead4;
  --primary-800: #99f6e4;
  --primary-900: #ccfbf1;
  --srm-color-selected-row: #134e4a;
  --srm-color-row-hover: #042f2e;
}
:root,
[data-density=compact] {
  --srm-control-height: 28px;
  --srm-table-row-height: 32px;
  --space-1: 0.2rem;
  --space-2: 0.375rem;
  --space-3: 0.5rem;
  --space-4: 0.75rem;
  --srm-font-size-xs: 0.6875rem;
  --srm-font-size-sm: 0.75rem;
  --srm-font-size-md: 0.8125rem;
}
[data-density=comfortable] {
  --srm-control-height: 32px;
  --srm-table-row-height: 40px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --srm-font-size-xs: 0.75rem;
  --srm-font-size-sm: 0.8125rem;
  --srm-font-size-md: 0.875rem;
}
[data-density=spacious] {
  --srm-control-height: 38px;
  --srm-table-row-height: 48px;
  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.25rem;
  --srm-font-size-xs: 0.8125rem;
  --srm-font-size-sm: 0.875rem;
  --srm-font-size-md: 0.9375rem;
}
.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px var(--spacing-lg);
  background: var(--surface-color);
  border-top: 1px solid var(--border-color);
  gap: var(--spacing-md);
}
.pagination-info {
  font-size: 0.8rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  white-space: nowrap;
  letter-spacing: 0.01em;
}
.pagination-controls {
  display: flex;
  gap: 6px;
  align-items: center;
}
.page-size-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px 28px 5px 10px;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: var(--font-weight-medium);
  font-family: inherit;
  color: var(--text-primary);
  background-color: var(--surface-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  cursor: pointer;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  line-height: 1.4;
}
.page-size-select:hover {
  border-color: var(--primary-400);
}
.page-size-select:focus {
  outline: none;
  border-color: var(--primary-500);
  box-shadow: 0 0 0 2px var(--primary-100);
}
.page-size-select option {
  background: var(--surface-color);
  color: var(--text-primary);
}
.page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  padding: 0 var(--spacing-sm);
  border: 1px solid var(--border-color);
  background: var(--surface-color);
  color: var(--text-secondary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  transition: all var(--transition-fast);
  -webkit-user-select: none;
  user-select: none;
}
.page-btn:hover:not(:disabled) {
  background: var(--primary-color);
  color: var(--surface);
  border-color: var(--primary-color);
  box-shadow: var(--shadow-xs);
}
.page-btn:active:not(:disabled) {
  transform: scale(0.95);
}
.page-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.page-indicator {
  font-size: 0.8rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  padding: 0 6px;
  white-space: nowrap;
  min-width: 40px;
  text-align: center;
  letter-spacing: 0.02em;
}
@media (max-width: 700px) {
  .pagination {
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: stretch;
    text-align: center;
  }
  .pagination-controls {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.form-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem;
  background: var(--surface-color);
  border-radius: var(--radius-xl);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-color, var(--gray-200));
}
.form-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary, var(--gray-800));
}
.header-actions {
  display: flex;
  gap: 0.75rem;
}
.loading-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  color: var(--text-secondary, var(--gray-500));
}
.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color, var(--gray-200));
  border-top-color: var(--primary-color, var(--primary-500));
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-bottom: 1rem;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.tabs-container {
  display: flex;
  flex-direction: column;
}
.tab-nav {
  display: flex;
  gap: 0.5rem;
  border-bottom: 2px solid var(--border-color, var(--gray-200));
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border: none;
  background: transparent;
  color: var(--text-secondary, var(--gray-500));
  font-size: 0.95rem;
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -var(--spacing-2xs);
  transition: all 0.2s ease;
}
.tab-btn:hover {
  color: var(--primary-color, var(--primary-500));
  background: var(--bg-secondary, var(--gray-50));
}
.tab-btn.active {
  color: var(--primary-color, var(--primary-500));
  border-bottom-color: var(--primary-color, var(--primary-500));
}
.tab-icon {
  font-size: 1.1rem;
}
.tab-label {
  display: inline-block;
}
.tab-panel {
  display: none;
  animation: fadeIn 0.3s ease;
}
.tab-panel.active {
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-section {
  margin-bottom: 1.5rem;
}
.form-section h3 {
  margin: 0 0 1rem;
  font-size: 1.1rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary, var(--gray-800));
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.form-grid.compact {
  gap: 0.75rem;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.form-group.full-width {
  grid-column: 1/-1;
}
.form-group label {
  font-size: 0.85rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary, var(--gray-500));
}
.form-control {
  width: 100%;
  padding: 0.5rem 0.75rem;
  background-color: var(--surface-color);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: 0.9rem;
  min-height: 40px;
  box-shadow: var(--shadow-xs);
  transition: all var(--transition-fast);
}
.form-control:focus {
  outline: none;
  border-color: var(--primary-color);
  background-color: var(--gray-50);
  box-shadow: 0 0 0 1px var(--primary-color);
}
.form-control::placeholder {
  color: var(--gray-400);
}
.form-control.ng-invalid.ng-touched {
  border-color: var(--danger-500, var(--danger-500)) !important;
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.2) !important;
}
app-single-select.ng-invalid.ng-touched ::ng-deep .ng-select-container,
app-multi-select.ng-invalid.ng-touched ::ng-deep .ng-select-container,
::ng-deep .ng-select.ng-invalid.ng-touched .ng-select-container {
  border-color: var(--danger-500, var(--danger-500)) !important;
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.2) !important;
}
label.required::after,
th.required::after {
  content: " *";
  color: var(--danger-500, var(--danger-500));
}
.help-text {
  font-size: 0.75rem;
  color: var(--text-muted, var(--gray-400));
}
.checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.empty-state {
  text-align: center;
  padding: 3rem 2rem;
  background: var(--surface-color);
  border-radius: var(--radius-lg);
  border: 2px dashed var(--gray-300);
}
.empty-state .empty-icon {
  font-size: 3rem;
  display: block;
  margin-bottom: 1rem;
  color: var(--gray-400);
}
.empty-state p {
  color: var(--gray-400);
  margin-bottom: 1rem;
}
.required-star {
  color: var(--danger-600);
  margin-left: var(--spacing-2xs);
  font-weight: var(--font-weight-bold);
}
.form-control.is-invalid {
  border-color: var(--danger-600) !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.65rem center;
  background-size: 1rem;
  padding-right: 2.25rem;
}
select.form-control.is-invalid {
  background-image: none;
  padding-right: 0.75rem;
}
.field-error {
  display: block;
  font-size: 0.78rem;
  color: var(--danger-600);
  margin-top: 3px;
  animation: errorFadeIn 0.2s ease;
  line-height: 1.4;
}
@media (max-width: 960px) {
  .form-container {
    padding: 1rem;
  }
  .form-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .header-actions {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .header-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .tab-btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    flex: 1;
  }
  .tab-label {
    font-size: 0.75rem;
  }
}
.checkbox-card {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-color, var(--gray-200));
  border-radius: var(--radius-md, 8px);
  cursor: pointer;
  transition: all var(--transition-fast, 0.2s ease);
  background: var(--surface-color);
}
.checkbox-card:hover {
  border-color: var(--primary-color, var(--primary-500));
  background: var(--gray-50, var(--gray-50));
}
.checkbox-card input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: var(--primary-color, var(--primary-500));
}
.checkbox-card input[type=checkbox]:checked + .checkbox-content {
  font-weight: var(--font-weight-medium);
}
.checkbox-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.svc-icon {
  font-size: 1.1rem;
  color: var(--text-secondary, var(--gray-500));
}
.svc-name {
  font-size: 0.9rem;
  color: var(--text-primary, var(--gray-800));
}
.srm-accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: var(--gray-50);
  cursor: pointer;
  transition: background var(--transition-fast, 0.2s ease);
}
.srm-accordion-header:hover {
  background: var(--gray-100);
}
.srm-sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.srm-sub-header h4 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary, var(--gray-500));
}
.table .form-control {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.85rem;
}
.table .ng-select .ng-select-container,
::ng-deep .table .ng-select .ng-select-container {
  min-height: 34px !important;
  height: 34px !important;
}
.table .ng-select .ng-select-container .ng-value-container,
::ng-deep .table .ng-select .ng-select-container .ng-value-container {
  padding-left: 0.5rem;
}
.actions-cell {
  white-space: nowrap;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.srm-modal-form-body {
  display: flex;
  flex-direction: column;
  height: var(--srm-modal-body-height, 38rem);
  max-height: var(--srm-modal-body-max-height, 75vh);
  min-height: var(--srm-modal-body-min-height, 28rem);
  box-sizing: border-box;
  overflow: hidden;
  background: var(--surface-color);
  position: relative;
}
.srm-modal-form-body > app-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
}
.srm-modal-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: var(--space-6);
  margin: auto;
}
.srm-modal-loading app-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.srm-tab-strip {
  display: flex;
  align-items: stretch;
  gap: var(--srm-modal-tab-strip-gap, var(--space-1));
  background: var(--srm-modal-tab-strip-bg, var(--gray-50));
  border-bottom: var(--border-width-sm) solid var(--border-color);
  padding: 0 var(--space-2);
  flex-shrink: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.srm-tab-strip::-webkit-scrollbar {
  display: none;
}
.srm-tab-strip {
}
.srm-tab-strip srm-primary-button.srm-tab-btn,
.srm-tab-strip srm-secondary-button.srm-tab-btn,
.srm-tab-strip srm-delete-button.srm-tab-btn,
.srm-tab-strip .srm-tab-btn {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn,
.srm-tab-strip .srm-tab-btn .srm-btn,
.srm-tab-strip button.srm-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--srm-modal-tab-btn-gap, var(--space-1));
  height: auto;
  min-height: var(--srm-tab-height, var(--srm-control-height));
  padding: var(--srm-modal-tab-btn-padding-y, var(--space-1)) var(--srm-modal-tab-btn-padding-x, var(--space-2));
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-bottom: var(--border-width-md) solid transparent;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  outline: none;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast);
}
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn .tab-icon,
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn i,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn .tab-icon,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn i,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn .tab-icon,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn i,
.srm-tab-strip .srm-tab-btn .srm-btn .tab-icon,
.srm-tab-strip .srm-tab-btn .srm-btn i,
.srm-tab-strip button.srm-tab-btn .tab-icon,
.srm-tab-strip button.srm-tab-btn i {
  font-size: var(--srm-font-size-sm);
  line-height: 1;
  color: var(--text-muted);
  flex: 0 0 auto;
}
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn .tab-label,
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn .srm-btn__label,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn .tab-label,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn .srm-btn__label,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn .tab-label,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn .srm-btn__label,
.srm-tab-strip .srm-tab-btn .srm-btn .tab-label,
.srm-tab-strip .srm-tab-btn .srm-btn .srm-btn__label,
.srm-tab-strip button.srm-tab-btn .tab-label,
.srm-tab-strip button.srm-tab-btn .srm-btn__label {
  flex: 0 0 auto;
  margin: 0;
}
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn:hover:not(:disabled),
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn:hover:not(:disabled),
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn:hover:not(:disabled),
.srm-tab-strip .srm-tab-btn .srm-btn:hover:not(:disabled),
.srm-tab-strip button.srm-tab-btn:hover:not(:disabled) {
  color: var(--primary-color);
  background: var(--primary-50);
  border-color: transparent;
}
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn:hover:not(:disabled) .tab-icon,
.srm-tab-strip srm-primary-button.srm-tab-btn .srm-btn:hover:not(:disabled) i,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn:hover:not(:disabled) .tab-icon,
.srm-tab-strip srm-secondary-button.srm-tab-btn .srm-btn:hover:not(:disabled) i,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn:hover:not(:disabled) .tab-icon,
.srm-tab-strip srm-delete-button.srm-tab-btn .srm-btn:hover:not(:disabled) i,
.srm-tab-strip .srm-tab-btn .srm-btn:hover:not(:disabled) .tab-icon,
.srm-tab-strip .srm-tab-btn .srm-btn:hover:not(:disabled) i,
.srm-tab-strip button.srm-tab-btn:hover:not(:disabled) .tab-icon,
.srm-tab-strip button.srm-tab-btn:hover:not(:disabled) i {
  color: var(--primary-color);
}
.srm-tab-strip srm-primary-button.srm-tab-btn.active .srm-btn,
.srm-tab-strip srm-secondary-button.srm-tab-btn.active .srm-btn,
.srm-tab-strip srm-delete-button.srm-tab-btn.active .srm-btn,
.srm-tab-strip .srm-tab-btn.active .srm-btn,
.srm-tab-strip button.srm-tab-btn.active {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  background: var(--surface-color);
}
.srm-tab-strip srm-primary-button.srm-tab-btn.active .srm-btn .tab-icon,
.srm-tab-strip srm-primary-button.srm-tab-btn.active .srm-btn i,
.srm-tab-strip srm-secondary-button.srm-tab-btn.active .srm-btn .tab-icon,
.srm-tab-strip srm-secondary-button.srm-tab-btn.active .srm-btn i,
.srm-tab-strip srm-delete-button.srm-tab-btn.active .srm-btn .tab-icon,
.srm-tab-strip srm-delete-button.srm-tab-btn.active .srm-btn i,
.srm-tab-strip .srm-tab-btn.active .srm-btn .tab-icon,
.srm-tab-strip .srm-tab-btn.active .srm-btn i,
.srm-tab-strip button.srm-tab-btn.active .tab-icon,
.srm-tab-strip button.srm-tab-btn.active i {
  color: var(--primary-color);
}
.srm-tab-strip srm-primary-button.srm-tab-btn.active .srm-btn:hover:not(:disabled),
.srm-tab-strip srm-secondary-button.srm-tab-btn.active .srm-btn:hover:not(:disabled),
.srm-tab-strip srm-delete-button.srm-tab-btn.active .srm-btn:hover:not(:disabled),
.srm-tab-strip .srm-tab-btn.active .srm-btn:hover:not(:disabled),
.srm-tab-strip button.srm-tab-btn.active:hover:not(:disabled) {
  color: var(--primary-color);
  background: var(--surface-color);
  border-bottom-color: var(--primary-color);
}
.srm-tab-content {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--space-3) var(--space-4);
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color-strong) transparent;
}
.srm-tab-content::-webkit-scrollbar {
  width: 6px;
}
.srm-tab-content::-webkit-scrollbar-track {
  background: transparent;
}
.srm-tab-content::-webkit-scrollbar-thumb {
  background-color: var(--border-color-strong);
  border-radius: var(--radius-sm);
}
.srm-form-section {
  display: flex;
  flex-direction: column;
  gap: var(--srm-modal-form-gap, var(--space-3));
}
.srm-form-grid {
  display: grid;
  gap: var(--srm-modal-form-gap, var(--space-3));
  width: 100%;
}
.srm-form-grid--1col {
  grid-template-columns: 1fr;
}
.srm-form-grid--2col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.srm-form-grid--3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.srm-form-grid--4col {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 700px) {
  .srm-form-grid--2col,
  .srm-form-grid--3col,
  .srm-form-grid--4col {
    grid-template-columns: 1fr !important;
  }
}
.srm-form-group {
  display: flex;
  flex-direction: column;
  gap: var(--srm-modal-field-gap, calc(var(--space-1) / 2));
  min-width: 0;
  width: 100%;
}
.srm-form-group label {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  margin: 0;
}
.srm-form-group label.required::after {
  content: " *";
  color: var(--danger-600);
}
.srm-form-group .help-text {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
  margin: 0 0 calc(var(--space-1) / 2) 0;
}
.srm-form-group .form-field-error {
  font-size: var(--srm-font-size-xs);
  color: var(--danger-600);
  margin-top: calc(var(--space-1) / 2);
}
.srm-form-textarea {
  width: 100%;
  min-width: 0;
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-sm);
  padding: var(--space-2);
  font-size: var(--srm-font-size-md);
  background: var(--surface-color);
  color: var(--text-primary);
  box-sizing: border-box;
  font-family: inherit;
  resize: vertical;
}
.srm-form-textarea:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
.srm-superadmin-box {
  background: var(--primary-50);
  border: var(--border-width-sm) solid var(--primary-200);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  box-sizing: border-box;
}
.srm-superadmin-box label {
  color: var(--primary-800);
}
.srm-selected-tags-container {
  margin-top: var(--space-2, var(--spacing-sm));
  display: flex;
  flex-direction: column;
  gap: var(--space-1, 6px);
}
.srm-selected-tags-container .srm-selected-tags-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--srm-font-size-sm, 12px);
  color: var(--text-secondary, var(--gray-600));
  font-weight: var(--srm-font-semibold, 500);
}
.srm-selected-tags-container .srm-selected-tags-header .srm-btn-clear-all {
  background: none;
  border: none;
  color: var(--danger-500);
  font-size: var(--srm-font-size-xs, 11px);
  cursor: pointer;
  padding: 0;
}
.srm-selected-tags-container .srm-selected-tags-header .srm-btn-clear-all:hover {
  text-decoration: underline;
  color: var(--danger-600, var(--danger-600));
}
.srm-selected-tags-container .srm-selected-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1, 6px);
  max-height: 180px;
  overflow-y: auto;
  padding: var(--space-2, 6px);
  background: var(--gray-50);
  border: var(--border-width-sm, 1px) solid var(--border-color, var(--gray-200));
  border-radius: var(--radius-md, 6px);
  scrollbar-width: thin;
}
.srm-selected-tags-container .srm-selected-tags-list .srm-selected-tag-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1, 6px);
  background: var(--primary-50, var(--primary-50));
  color: var(--primary-700, var(--primary-700));
  border: var(--border-width-sm, 1px) solid var(--primary-200, var(--primary-200));
  border-radius: var(--radius-sm, 4px);
  padding: var(--space-1, 3px) var(--space-2, var(--spacing-sm));
  font-size: var(--srm-font-size-sm, 12px);
  line-height: 1.3;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.srm-selected-tags-container .srm-selected-tags-list .srm-selected-tag-item:hover {
  background: var(--primary-100);
  border-color: var(--primary-300);
}
.srm-selected-tags-container .srm-selected-tags-list .srm-selected-tag-item .srm-tag-label {
  max-width: 380px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srm-selected-tags-container .srm-selected-tags-list .srm-selected-tag-item .srm-tag-remove-btn {
  background: none;
  border: none;
  color: var(--primary-500, var(--primary-500));
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: var(--srm-font-size-sm, 12px);
}
.srm-selected-tags-container .srm-selected-tags-list .srm-selected-tag-item .srm-tag-remove-btn:hover {
  color: var(--danger-500);
}
.srm-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--space-2);
  border-bottom: var(--border-width-sm) solid var(--border-color);
}
.srm-section-toolbar .srm-section-title {
  display: flex;
  flex-direction: column;
}
.srm-section-toolbar .srm-section-title h3 {
  font-size: var(--srm-font-size-md);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  margin: 0;
}
.srm-section-toolbar .srm-section-title .section-subtitle {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-subgrid-wrapper {
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--surface-color);
}
.srm-subgrid-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--srm-font-size-sm);
}
.srm-subgrid-table thead th {
  background: var(--srm-subgrid-header-bg, var(--gray-50));
  color: var(--text-secondary);
  font-weight: var(--srm-font-semibold);
  padding: var(--space-2);
  border-bottom: var(--border-width-sm) solid var(--border-color);
  text-align: left;
  white-space: nowrap;
}
.srm-subgrid-table thead th.required::after {
  content: " *";
  color: var(--danger-600);
}
.srm-subgrid-table tbody tr {
  border-bottom: var(--border-width-sm) solid var(--border-color);
  transition: background-color var(--transition-fast);
}
.srm-subgrid-table tbody tr:hover {
  background-color: var(--srm-subgrid-row-hover, var(--gray-50));
}
.srm-subgrid-table tbody tr.editing-row {
  background-color: var(--srm-subgrid-row-edit-bg, var(--primary-50));
}
.srm-subgrid-table tbody tr.editing-row td {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
  vertical-align: middle;
}
.srm-subgrid-table tbody tr.editing-row td srm-select,
.srm-subgrid-table tbody tr.editing-row td srm-input {
  display: block;
  width: 100%;
  min-width: 0;
}
.srm-subgrid-table tbody tr.editing-row td {
}
.srm-subgrid-table tbody tr.editing-row td .p-select {
  border-radius: var(--radius-md) !important;
}
.srm-subgrid-table tbody tr td {
  padding: var(--space-1) var(--space-2);
  color: var(--text-primary);
  vertical-align: middle;
}
.srm-search-input--compact {
  height: 26px !important;
  min-height: 26px !important;
  font-size: var(--srm-font-size-sm) !important;
  padding: 0 var(--space-1) !important;
}
.srm-phone-input-row {
  display: flex;
  align-items: center;
  gap: calc(var(--space-1) / 2);
  min-width: 0;
}
.srm-phone-input-row .phone-code-select {
  width: 75px !important;
  flex: 0 0 75px !important;
}
.srm-phone-input-row .phone-number-input {
  flex: 1 1 auto;
  min-width: 0;
}
.srm-badge-primary-star {
  color: var(--warning-500);
  font-size: 1rem;
  line-height: 1;
}
.srm-btn-make-primary {
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 0;
  font-size: 0.875rem;
}
.srm-btn-make-primary:hover {
  color: var(--warning-500);
}
.srm-contact-link {
  color: var(--primary-color);
  text-decoration: none;
}
.srm-contact-link:hover {
  text-decoration: underline;
}
.srm-inline-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}
.srm-action-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  cursor: pointer;
  transition: all var(--transition-fast);
  font-size: 0.8125rem;
}
.srm-action-icon-btn.edit {
  color: var(--primary-600);
}
.srm-action-icon-btn.edit:hover {
  background: var(--primary-100);
}
.srm-action-icon-btn.delete {
  color: var(--danger-600);
}
.srm-action-icon-btn.delete:hover {
  background: var(--danger-50);
}
.srm-action-icon-btn.save {
  color: var(--success-600);
}
.srm-action-icon-btn.save:hover {
  background: var(--success-50);
}
.srm-action-icon-btn.cancel {
  color: var(--text-muted);
}
.srm-action-icon-btn.cancel:hover {
  background: var(--gray-200);
}
.srm-action-icon-btn.view {
  color: var(--primary-600);
}
.srm-action-icon-btn.view:hover {
  background: var(--primary-100);
}
.srm-empty-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
  background: var(--gray-50);
  border: 1px dashed var(--border-color);
  border-radius: var(--radius-md);
  text-align: center;
  gap: var(--space-2);
}
.srm-empty-box .empty-icon {
  font-size: 2rem;
  color: var(--text-muted);
}
.srm-empty-box p {
  margin: 0;
  font-size: var(--srm-font-size-sm);
  color: var(--text-muted);
}
.srm-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-2);
  border-bottom: var(--border-width-sm) solid var(--border-color);
  gap: var(--space-3);
  flex-wrap: wrap;
}
.srm-section-toolbar .srm-section-title {
  display: flex;
  flex-direction: column;
  gap: var(--space-0-5, 0.125rem);
}
.srm-section-toolbar .srm-section-title h3 {
  margin: 0;
  font-size: var(--srm-font-size-md);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-section-toolbar .srm-section-title .section-subtitle {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-upload-btn-container {
  display: flex;
  align-items: center;
}
.srm-upload-btn-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  background: var(--primary-50);
  color: var(--primary-700);
  border: var(--border-width-sm) solid var(--primary-200);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.srm-upload-btn-label:hover {
  background: var(--primary-100);
}
.srm-upload-btn-label.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.srm-document-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-2);
}
.srm-document-card {
  display: flex;
  align-items: center;
  padding: var(--space-2);
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--surface-color);
  gap: var(--space-2);
  transition: border-color var(--transition-fast);
}
.srm-document-card:hover {
  border-color: var(--primary-300);
}
.srm-document-card .doc-icon-col {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.srm-document-card .doc-icon-col .doc-icon--pdf {
  color: var(--danger-600);
}
.srm-document-card .doc-icon-col .doc-icon--img {
  color: var(--success-600);
}
.srm-document-card .doc-details-col {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.srm-document-card .doc-details-col .doc-title {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srm-document-card .doc-details-col .doc-meta {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-document-card .doc-details-col .badge-pending {
  background: var(--warning-100);
  color: var(--warning-600);
  padding: 1px var(--spacing-xs);
  border-radius: 3px;
  font-size: 0.6875rem;
  font-weight: var(--font-weight-semibold);
}
.srm-document-card .doc-actions-col {
  display: flex;
  align-items: center;
  gap: calc(var(--space-1) / 2);
  flex-shrink: 0;
}
.srm-rules-box {
  margin-top: var(--space-2);
  border-top: var(--border-width-sm) solid var(--border-color);
  padding-top: var(--space-3);
}
.srm-modal-footer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  width: 100%;
}
.srm-duplicate-modal-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.srm-warning-banner {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background: var(--srm-warning-banner-bg, var(--warning-50));
  border: 1px solid var(--srm-warning-banner-border, var(--warning-100));
  border-radius: var(--radius-sm);
}
.srm-warning-banner .warning-icon {
  color: var(--srm-warning-banner-icon, var(--warning-600));
  font-size: 1.25rem;
}
.srm-warning-banner p {
  margin: 0;
  font-size: var(--srm-font-size-sm);
  color: var(--srm-warning-banner-text, var(--warning-600));
}
.srm-assigned-title {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  margin: 0;
}
.srm-assigned-users-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-height: 120px;
  overflow-y: auto;
  padding: var(--space-2);
  background: var(--gray-50);
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-sm);
}
.srm-assigned-users-list .assigned-user-row {
  display: flex;
  justify-content: space-between;
  font-size: var(--srm-font-size-xs);
  padding: var(--spacing-2xs) 0;
  border-bottom: 1px solid var(--border-color);
}
.srm-assigned-users-list .assigned-user-row:last-child {
  border-bottom: none;
}
.srm-assigned-users-list .assigned-user-row .user-name {
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-assigned-users-list .assigned-user-row .user-email {
  color: var(--text-muted);
}
.p-select,
.p-multiselect,
.p-dropdown {
  height: var(--srm-control-height) !important;
  min-height: var(--srm-control-height) !important;
  max-height: var(--srm-control-height) !important;
  box-sizing: border-box !important;
  font-size: var(--srm-font-size-md) !important;
  border: var(--border-width-sm) solid var(--srm-color-border) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--srm-color-surface) !important;
  color: var(--srm-color-text) !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast) !important;
}
.p-select:not(.p-disabled):hover,
.p-multiselect:not(.p-disabled):hover,
.p-dropdown:not(.p-disabled):hover {
  border-color: var(--border-color-strong) !important;
}
.p-select.p-focus,
.p-select.p-inputwrapper-focus,
.p-multiselect.p-focus,
.p-multiselect.p-inputwrapper-focus,
.p-dropdown.p-focus,
.p-dropdown.p-inputwrapper-focus {
  border-color: var(--primary-color) !important;
  box-shadow: var(--srm-focus-ring) !important;
}
.p-select .p-select-label,
.p-select .p-multiselect-label,
.p-select .p-dropdown-label,
.p-multiselect .p-select-label,
.p-multiselect .p-multiselect-label,
.p-multiselect .p-dropdown-label,
.p-dropdown .p-select-label,
.p-dropdown .p-multiselect-label,
.p-dropdown .p-dropdown-label {
  padding: 0 var(--space-2) !important;
  font-size: var(--srm-font-size-md) !important;
  color: var(--srm-color-text) !important;
  display: flex !important;
  align-items: center !important;
  height: calc(var(--srm-control-height) - var(--border-width-md)) !important;
  line-height: calc(var(--srm-control-height) - var(--border-width-md)) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;
}
.p-select .p-select-label.p-placeholder,
.p-select .p-multiselect-label.p-placeholder,
.p-select .p-dropdown-label.p-placeholder,
.p-multiselect .p-select-label.p-placeholder,
.p-multiselect .p-multiselect-label.p-placeholder,
.p-multiselect .p-dropdown-label.p-placeholder,
.p-dropdown .p-select-label.p-placeholder,
.p-dropdown .p-multiselect-label.p-placeholder,
.p-dropdown .p-dropdown-label.p-placeholder {
  color: var(--text-muted) !important;
}
.p-select .p-select-dropdown,
.p-select .p-multiselect-dropdown,
.p-select .p-dropdown-trigger,
.p-multiselect .p-select-dropdown,
.p-multiselect .p-multiselect-dropdown,
.p-multiselect .p-dropdown-trigger,
.p-dropdown .p-select-dropdown,
.p-dropdown .p-multiselect-dropdown,
.p-dropdown .p-dropdown-trigger {
  width: var(--srm-control-height) !important;
  min-width: var(--srm-control-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text-secondary) !important;
  background: transparent !important;
}
.p-select .p-select-clear-icon,
.p-select .p-multiselect-clear-icon,
.p-select .p-dropdown-clear-icon,
.p-multiselect .p-select-clear-icon,
.p-multiselect .p-multiselect-clear-icon,
.p-multiselect .p-dropdown-clear-icon,
.p-dropdown .p-select-clear-icon,
.p-dropdown .p-multiselect-clear-icon,
.p-dropdown .p-dropdown-clear-icon {
  color: var(--text-muted) !important;
  font-size: var(--srm-font-size-sm) !important;
  margin-right: var(--space-1) !important;
}
.p-select .p-select-clear-icon:hover,
.p-select .p-multiselect-clear-icon:hover,
.p-select .p-dropdown-clear-icon:hover,
.p-multiselect .p-select-clear-icon:hover,
.p-multiselect .p-multiselect-clear-icon:hover,
.p-multiselect .p-dropdown-clear-icon:hover,
.p-dropdown .p-select-clear-icon:hover,
.p-dropdown .p-multiselect-clear-icon:hover,
.p-dropdown .p-dropdown-clear-icon:hover {
  color: var(--danger-500) !important;
}
.p-select-overlay,
.p-multiselect-overlay,
.p-dropdown-panel,
.srm-select-panel {
  background: var(--srm-color-surface) !important;
  border: var(--border-width-sm) solid var(--srm-color-border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
  font-size: var(--srm-font-size-md) !important;
  overflow: hidden !important;
  margin-top: var(--space-1) !important;
  margin-bottom: var(--space-1) !important;
  max-height: calc(var(--srm-control-height) * 8.5) !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  z-index: var(--z-dropdown) !important;
}
.p-select-overlay .p-select-header,
.p-select-overlay .p-multiselect-header,
.p-select-overlay .p-dropdown-header,
.p-multiselect-overlay .p-select-header,
.p-multiselect-overlay .p-multiselect-header,
.p-multiselect-overlay .p-dropdown-header,
.p-dropdown-panel .p-select-header,
.p-dropdown-panel .p-multiselect-header,
.p-dropdown-panel .p-dropdown-header,
.srm-select-panel .p-select-header,
.srm-select-panel .p-multiselect-header,
.srm-select-panel .p-dropdown-header {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: var(--space-2) !important;
  padding: var(--space-2) var(--space-3) !important;
  background: var(--srm-color-chrome-bg-quiet, var(--surface-color)) !important;
  border-bottom: var(--border-width-sm) solid var(--border-color) !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.p-select-overlay .p-select-header .p-checkbox,
.p-select-overlay .p-multiselect-header .p-checkbox,
.p-select-overlay .p-dropdown-header .p-checkbox,
.p-multiselect-overlay .p-select-header .p-checkbox,
.p-multiselect-overlay .p-multiselect-header .p-checkbox,
.p-multiselect-overlay .p-dropdown-header .p-checkbox,
.p-dropdown-panel .p-select-header .p-checkbox,
.p-dropdown-panel .p-multiselect-header .p-checkbox,
.p-dropdown-panel .p-dropdown-header .p-checkbox,
.srm-select-panel .p-select-header .p-checkbox,
.srm-select-panel .p-multiselect-header .p-checkbox,
.srm-select-panel .p-dropdown-header .p-checkbox {
  margin-right: var(--space-1) !important;
}
.p-select-overlay .p-select-header .p-iconfield,
.p-select-overlay .p-select-header .p-select-filter-container,
.p-select-overlay .p-select-header .p-multiselect-filter-container,
.p-select-overlay .p-select-header .p-dropdown-filter-container,
.p-select-overlay .p-multiselect-header .p-iconfield,
.p-select-overlay .p-multiselect-header .p-select-filter-container,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container,
.p-select-overlay .p-dropdown-header .p-iconfield,
.p-select-overlay .p-dropdown-header .p-select-filter-container,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-select-header .p-iconfield,
.p-multiselect-overlay .p-select-header .p-select-filter-container,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-iconfield,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-iconfield,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container,
.p-dropdown-panel .p-select-header .p-iconfield,
.p-dropdown-panel .p-select-header .p-select-filter-container,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container,
.p-dropdown-panel .p-multiselect-header .p-iconfield,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container,
.p-dropdown-panel .p-dropdown-header .p-iconfield,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container,
.srm-select-panel .p-select-header .p-iconfield,
.srm-select-panel .p-select-header .p-select-filter-container,
.srm-select-panel .p-select-header .p-multiselect-filter-container,
.srm-select-panel .p-select-header .p-dropdown-filter-container,
.srm-select-panel .p-multiselect-header .p-iconfield,
.srm-select-panel .p-multiselect-header .p-select-filter-container,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container,
.srm-select-panel .p-dropdown-header .p-iconfield,
.srm-select-panel .p-dropdown-header .p-select-filter-container,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
.p-select-overlay .p-select-header .p-iconfield .p-select-filter,
.p-select-overlay .p-select-header .p-iconfield .p-multiselect-filter,
.p-select-overlay .p-select-header .p-iconfield .p-dropdown-filter,
.p-select-overlay .p-select-header .p-iconfield .p-inputtext,
.p-select-overlay .p-select-header .p-iconfield input,
.p-select-overlay .p-select-header .p-select-filter-container .p-select-filter,
.p-select-overlay .p-select-header .p-select-filter-container .p-multiselect-filter,
.p-select-overlay .p-select-header .p-select-filter-container .p-dropdown-filter,
.p-select-overlay .p-select-header .p-select-filter-container .p-inputtext,
.p-select-overlay .p-select-header .p-select-filter-container input,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-select-filter,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-inputtext,
.p-select-overlay .p-select-header .p-multiselect-filter-container input,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-select-filter,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-inputtext,
.p-select-overlay .p-select-header .p-dropdown-filter-container input,
.p-select-overlay .p-multiselect-header .p-iconfield .p-select-filter,
.p-select-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter,
.p-select-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter,
.p-select-overlay .p-multiselect-header .p-iconfield .p-inputtext,
.p-select-overlay .p-multiselect-header .p-iconfield input,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-select-filter,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-inputtext,
.p-select-overlay .p-multiselect-header .p-select-filter-container input,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container input,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputtext,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container input,
.p-select-overlay .p-dropdown-header .p-iconfield .p-select-filter,
.p-select-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter,
.p-select-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter,
.p-select-overlay .p-dropdown-header .p-iconfield .p-inputtext,
.p-select-overlay .p-dropdown-header .p-iconfield input,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-select-filter,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-inputtext,
.p-select-overlay .p-dropdown-header .p-select-filter-container input,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputtext,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container input,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputtext,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container input,
.p-multiselect-overlay .p-select-header .p-iconfield .p-select-filter,
.p-multiselect-overlay .p-select-header .p-iconfield .p-multiselect-filter,
.p-multiselect-overlay .p-select-header .p-iconfield .p-dropdown-filter,
.p-multiselect-overlay .p-select-header .p-iconfield .p-inputtext,
.p-multiselect-overlay .p-select-header .p-iconfield input,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-select-filter,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-inputtext,
.p-multiselect-overlay .p-select-header .p-select-filter-container input,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-select-filter,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-inputtext,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container input,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-select-filter,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-inputtext,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container input,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-select-filter,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputtext,
.p-multiselect-overlay .p-multiselect-header .p-iconfield input,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-select-filter,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-inputtext,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container input,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container input,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputtext,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container input,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-select-filter,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-inputtext,
.p-multiselect-overlay .p-dropdown-header .p-iconfield input,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-select-filter,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-inputtext,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container input,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputtext,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container input,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputtext,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container input,
.p-dropdown-panel .p-select-header .p-iconfield .p-select-filter,
.p-dropdown-panel .p-select-header .p-iconfield .p-multiselect-filter,
.p-dropdown-panel .p-select-header .p-iconfield .p-dropdown-filter,
.p-dropdown-panel .p-select-header .p-iconfield .p-inputtext,
.p-dropdown-panel .p-select-header .p-iconfield input,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-select-filter,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-inputtext,
.p-dropdown-panel .p-select-header .p-select-filter-container input,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-select-filter,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-inputtext,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container input,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-select-filter,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-inputtext,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container input,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-select-filter,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-multiselect-filter,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-dropdown-filter,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-inputtext,
.p-dropdown-panel .p-multiselect-header .p-iconfield input,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-select-filter,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-inputtext,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container input,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container input,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-inputtext,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container input,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-select-filter,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-multiselect-filter,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-dropdown-filter,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-inputtext,
.p-dropdown-panel .p-dropdown-header .p-iconfield input,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-select-filter,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-inputtext,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container input,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-inputtext,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container input,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-inputtext,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container input,
.srm-select-panel .p-select-header .p-iconfield .p-select-filter,
.srm-select-panel .p-select-header .p-iconfield .p-multiselect-filter,
.srm-select-panel .p-select-header .p-iconfield .p-dropdown-filter,
.srm-select-panel .p-select-header .p-iconfield .p-inputtext,
.srm-select-panel .p-select-header .p-iconfield input,
.srm-select-panel .p-select-header .p-select-filter-container .p-select-filter,
.srm-select-panel .p-select-header .p-select-filter-container .p-multiselect-filter,
.srm-select-panel .p-select-header .p-select-filter-container .p-dropdown-filter,
.srm-select-panel .p-select-header .p-select-filter-container .p-inputtext,
.srm-select-panel .p-select-header .p-select-filter-container input,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-select-filter,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-inputtext,
.srm-select-panel .p-select-header .p-multiselect-filter-container input,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-select-filter,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-inputtext,
.srm-select-panel .p-select-header .p-dropdown-filter-container input,
.srm-select-panel .p-multiselect-header .p-iconfield .p-select-filter,
.srm-select-panel .p-multiselect-header .p-iconfield .p-multiselect-filter,
.srm-select-panel .p-multiselect-header .p-iconfield .p-dropdown-filter,
.srm-select-panel .p-multiselect-header .p-iconfield .p-inputtext,
.srm-select-panel .p-multiselect-header .p-iconfield input,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-select-filter,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-inputtext,
.srm-select-panel .p-multiselect-header .p-select-filter-container input,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container input,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-inputtext,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container input,
.srm-select-panel .p-dropdown-header .p-iconfield .p-select-filter,
.srm-select-panel .p-dropdown-header .p-iconfield .p-multiselect-filter,
.srm-select-panel .p-dropdown-header .p-iconfield .p-dropdown-filter,
.srm-select-panel .p-dropdown-header .p-iconfield .p-inputtext,
.srm-select-panel .p-dropdown-header .p-iconfield input,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-select-filter,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-inputtext,
.srm-select-panel .p-dropdown-header .p-select-filter-container input,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-inputtext,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container input,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-inputtext,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container input {
  width: 100% !important;
  min-width: 100% !important;
  flex: 1 1 auto !important;
  height: var(--srm-control-height) !important;
  font-size: var(--srm-font-size-md) !important;
  padding: var(--space-1) var(--space-6) var(--space-1) var(--space-2) !important;
  border: var(--border-width-sm) solid var(--srm-color-border) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--surface-color) !important;
  color: var(--text-primary) !important;
  box-sizing: border-box !important;
  outline: none !important;
}
.p-select-overlay .p-select-header .p-iconfield .p-select-filter:focus,
.p-select-overlay .p-select-header .p-iconfield .p-multiselect-filter:focus,
.p-select-overlay .p-select-header .p-iconfield .p-dropdown-filter:focus,
.p-select-overlay .p-select-header .p-iconfield .p-inputtext:focus,
.p-select-overlay .p-select-header .p-iconfield input:focus,
.p-select-overlay .p-select-header .p-select-filter-container .p-select-filter:focus,
.p-select-overlay .p-select-header .p-select-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-select-header .p-select-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-select-header .p-select-filter-container .p-inputtext:focus,
.p-select-overlay .p-select-header .p-select-filter-container input:focus,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-select-filter:focus,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-inputtext:focus,
.p-select-overlay .p-select-header .p-multiselect-filter-container input:focus,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-select-filter:focus,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-inputtext:focus,
.p-select-overlay .p-select-header .p-dropdown-filter-container input:focus,
.p-select-overlay .p-multiselect-header .p-iconfield .p-select-filter:focus,
.p-select-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter:focus,
.p-select-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter:focus,
.p-select-overlay .p-multiselect-header .p-iconfield .p-inputtext:focus,
.p-select-overlay .p-multiselect-header .p-iconfield input:focus,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-select-filter:focus,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-inputtext:focus,
.p-select-overlay .p-multiselect-header .p-select-filter-container input:focus,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter:focus,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container input:focus,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter:focus,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputtext:focus,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container input:focus,
.p-select-overlay .p-dropdown-header .p-iconfield .p-select-filter:focus,
.p-select-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter:focus,
.p-select-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter:focus,
.p-select-overlay .p-dropdown-header .p-iconfield .p-inputtext:focus,
.p-select-overlay .p-dropdown-header .p-iconfield input:focus,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-select-filter:focus,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-inputtext:focus,
.p-select-overlay .p-dropdown-header .p-select-filter-container input:focus,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter:focus,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputtext:focus,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container input:focus,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter:focus,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputtext:focus,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container input:focus,
.p-multiselect-overlay .p-select-header .p-iconfield .p-select-filter:focus,
.p-multiselect-overlay .p-select-header .p-iconfield .p-multiselect-filter:focus,
.p-multiselect-overlay .p-select-header .p-iconfield .p-dropdown-filter:focus,
.p-multiselect-overlay .p-select-header .p-iconfield .p-inputtext:focus,
.p-multiselect-overlay .p-select-header .p-iconfield input:focus,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-select-header .p-select-filter-container input:focus,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container input:focus,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container input:focus,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-select-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputtext:focus,
.p-multiselect-overlay .p-multiselect-header .p-iconfield input:focus,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container input:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container input:focus,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container input:focus,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-select-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-inputtext:focus,
.p-multiselect-overlay .p-dropdown-header .p-iconfield input:focus,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container input:focus,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container input:focus,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputtext:focus,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container input:focus,
.p-dropdown-panel .p-select-header .p-iconfield .p-select-filter:focus,
.p-dropdown-panel .p-select-header .p-iconfield .p-multiselect-filter:focus,
.p-dropdown-panel .p-select-header .p-iconfield .p-dropdown-filter:focus,
.p-dropdown-panel .p-select-header .p-iconfield .p-inputtext:focus,
.p-dropdown-panel .p-select-header .p-iconfield input:focus,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-select-header .p-select-filter-container input:focus,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container input:focus,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container input:focus,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-select-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-multiselect-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-dropdown-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-inputtext:focus,
.p-dropdown-panel .p-multiselect-header .p-iconfield input:focus,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container input:focus,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container input:focus,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container input:focus,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-select-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-multiselect-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-dropdown-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-inputtext:focus,
.p-dropdown-panel .p-dropdown-header .p-iconfield input:focus,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container input:focus,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container input:focus,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-inputtext:focus,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container input:focus,
.srm-select-panel .p-select-header .p-iconfield .p-select-filter:focus,
.srm-select-panel .p-select-header .p-iconfield .p-multiselect-filter:focus,
.srm-select-panel .p-select-header .p-iconfield .p-dropdown-filter:focus,
.srm-select-panel .p-select-header .p-iconfield .p-inputtext:focus,
.srm-select-panel .p-select-header .p-iconfield input:focus,
.srm-select-panel .p-select-header .p-select-filter-container .p-select-filter:focus,
.srm-select-panel .p-select-header .p-select-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-select-header .p-select-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-select-header .p-select-filter-container .p-inputtext:focus,
.srm-select-panel .p-select-header .p-select-filter-container input:focus,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-select-filter:focus,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-inputtext:focus,
.srm-select-panel .p-select-header .p-multiselect-filter-container input:focus,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-select-filter:focus,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-inputtext:focus,
.srm-select-panel .p-select-header .p-dropdown-filter-container input:focus,
.srm-select-panel .p-multiselect-header .p-iconfield .p-select-filter:focus,
.srm-select-panel .p-multiselect-header .p-iconfield .p-multiselect-filter:focus,
.srm-select-panel .p-multiselect-header .p-iconfield .p-dropdown-filter:focus,
.srm-select-panel .p-multiselect-header .p-iconfield .p-inputtext:focus,
.srm-select-panel .p-multiselect-header .p-iconfield input:focus,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-select-filter:focus,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-inputtext:focus,
.srm-select-panel .p-multiselect-header .p-select-filter-container input:focus,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter:focus,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container input:focus,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter:focus,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-inputtext:focus,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container input:focus,
.srm-select-panel .p-dropdown-header .p-iconfield .p-select-filter:focus,
.srm-select-panel .p-dropdown-header .p-iconfield .p-multiselect-filter:focus,
.srm-select-panel .p-dropdown-header .p-iconfield .p-dropdown-filter:focus,
.srm-select-panel .p-dropdown-header .p-iconfield .p-inputtext:focus,
.srm-select-panel .p-dropdown-header .p-iconfield input:focus,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-select-filter:focus,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-inputtext:focus,
.srm-select-panel .p-dropdown-header .p-select-filter-container input:focus,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter:focus,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-inputtext:focus,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container input:focus,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter:focus,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter:focus,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter:focus,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-inputtext:focus,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: var(--srm-focus-ring) !important;
}
.p-select-overlay .p-select-header .p-iconfield,
.p-select-overlay .p-select-header .p-select-filter-container,
.p-select-overlay .p-select-header .p-multiselect-filter-container,
.p-select-overlay .p-select-header .p-dropdown-filter-container,
.p-select-overlay .p-multiselect-header .p-iconfield,
.p-select-overlay .p-multiselect-header .p-select-filter-container,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container,
.p-select-overlay .p-dropdown-header .p-iconfield,
.p-select-overlay .p-dropdown-header .p-select-filter-container,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-select-header .p-iconfield,
.p-multiselect-overlay .p-select-header .p-select-filter-container,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-iconfield,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-iconfield,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container,
.p-dropdown-panel .p-select-header .p-iconfield,
.p-dropdown-panel .p-select-header .p-select-filter-container,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container,
.p-dropdown-panel .p-multiselect-header .p-iconfield,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container,
.p-dropdown-panel .p-dropdown-header .p-iconfield,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container,
.srm-select-panel .p-select-header .p-iconfield,
.srm-select-panel .p-select-header .p-select-filter-container,
.srm-select-panel .p-select-header .p-multiselect-filter-container,
.srm-select-panel .p-select-header .p-dropdown-filter-container,
.srm-select-panel .p-multiselect-header .p-iconfield,
.srm-select-panel .p-multiselect-header .p-select-filter-container,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container,
.srm-select-panel .p-dropdown-header .p-iconfield,
.srm-select-panel .p-dropdown-header .p-select-filter-container,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container {
}
.p-select-overlay .p-select-header .p-iconfield .p-inputicon,
.p-select-overlay .p-select-header .p-iconfield .p-select-filter-icon,
.p-select-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon,
.p-select-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon,
.p-select-overlay .p-select-header .p-select-filter-container .p-inputicon,
.p-select-overlay .p-select-header .p-select-filter-container .p-select-filter-icon,
.p-select-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-inputicon,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-inputicon,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-multiselect-header .p-iconfield .p-inputicon,
.p-select-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon,
.p-select-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon,
.p-select-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-inputicon,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-dropdown-header .p-iconfield .p-inputicon,
.p-select-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon,
.p-select-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon,
.p-select-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-inputicon,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-select-header .p-iconfield .p-inputicon,
.p-multiselect-overlay .p-select-header .p-iconfield .p-select-filter-icon,
.p-multiselect-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon,
.p-multiselect-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-inputicon,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-inputicon,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-inputicon,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-inputicon,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-select-header .p-iconfield .p-inputicon,
.p-dropdown-panel .p-select-header .p-iconfield .p-select-filter-icon,
.p-dropdown-panel .p-select-header .p-iconfield .p-multiselect-filter-icon,
.p-dropdown-panel .p-select-header .p-iconfield .p-dropdown-filter-icon,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-inputicon,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-inputicon,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-inputicon,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-inputicon,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-select-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-inputicon,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-inputicon,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-select-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-inputicon,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-select-header .p-iconfield .p-inputicon,
.srm-select-panel .p-select-header .p-iconfield .p-select-filter-icon,
.srm-select-panel .p-select-header .p-iconfield .p-multiselect-filter-icon,
.srm-select-panel .p-select-header .p-iconfield .p-dropdown-filter-icon,
.srm-select-panel .p-select-header .p-select-filter-container .p-inputicon,
.srm-select-panel .p-select-header .p-select-filter-container .p-select-filter-icon,
.srm-select-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-inputicon,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-inputicon,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-multiselect-header .p-iconfield .p-inputicon,
.srm-select-panel .p-multiselect-header .p-iconfield .p-select-filter-icon,
.srm-select-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon,
.srm-select-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-inputicon,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-dropdown-header .p-iconfield .p-inputicon,
.srm-select-panel .p-dropdown-header .p-iconfield .p-select-filter-icon,
.srm-select-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon,
.srm-select-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-inputicon,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon {
  position: absolute !important;
  right: var(--space-2) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--text-muted) !important;
  font-size: var(--srm-font-size-sm) !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: var(--srm-font-size-sm) !important;
  width: var(--srm-font-size-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}
.p-select-overlay .p-select-header .p-iconfield .p-inputicon svg,
.p-select-overlay .p-select-header .p-iconfield .p-inputicon i,
.p-select-overlay .p-select-header .p-iconfield .p-select-filter-icon svg,
.p-select-overlay .p-select-header .p-iconfield .p-select-filter-icon i,
.p-select-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon svg,
.p-select-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon i,
.p-select-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon svg,
.p-select-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon i,
.p-select-overlay .p-select-header .p-select-filter-container .p-inputicon svg,
.p-select-overlay .p-select-header .p-select-filter-container .p-inputicon i,
.p-select-overlay .p-select-header .p-select-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-select-header .p-select-filter-container .p-select-filter-icon i,
.p-select-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-inputicon svg,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-inputicon i,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-inputicon svg,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-inputicon i,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-multiselect-header .p-iconfield .p-inputicon svg,
.p-select-overlay .p-multiselect-header .p-iconfield .p-inputicon i,
.p-select-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon i,
.p-select-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon i,
.p-select-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon i,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-inputicon svg,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-inputicon i,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon i,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon svg,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon i,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-dropdown-header .p-iconfield .p-inputicon svg,
.p-select-overlay .p-dropdown-header .p-iconfield .p-inputicon i,
.p-select-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon i,
.p-select-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon i,
.p-select-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon i,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-inputicon svg,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-inputicon i,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon i,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon svg,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon i,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon svg,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon i,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-select-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-select-header .p-iconfield .p-inputicon svg,
.p-multiselect-overlay .p-select-header .p-iconfield .p-inputicon i,
.p-multiselect-overlay .p-select-header .p-iconfield .p-select-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-iconfield .p-select-filter-icon i,
.p-multiselect-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-iconfield .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-iconfield .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-inputicon i,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-inputicon i,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-select-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-iconfield .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-inputicon i,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-inputicon svg,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-inputicon i,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-select-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-iconfield .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-inputicon i,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-inputicon i,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon svg,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-inputicon i,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-multiselect-overlay .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-select-header .p-iconfield .p-inputicon svg,
.p-dropdown-panel .p-select-header .p-iconfield .p-inputicon i,
.p-dropdown-panel .p-select-header .p-iconfield .p-select-filter-icon svg,
.p-dropdown-panel .p-select-header .p-iconfield .p-select-filter-icon i,
.p-dropdown-panel .p-select-header .p-iconfield .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-select-header .p-iconfield .p-multiselect-filter-icon i,
.p-dropdown-panel .p-select-header .p-iconfield .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-select-header .p-iconfield .p-dropdown-filter-icon i,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-inputicon svg,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-inputicon i,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-inputicon svg,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-inputicon i,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-inputicon svg,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-inputicon i,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-inputicon svg,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-inputicon i,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-select-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-select-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-inputicon svg,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-inputicon i,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon svg,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon i,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-inputicon svg,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-inputicon i,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-select-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-select-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-inputicon svg,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-inputicon i,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon svg,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon i,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon svg,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon i,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-select-header .p-iconfield .p-inputicon svg,
.srm-select-panel .p-select-header .p-iconfield .p-inputicon i,
.srm-select-panel .p-select-header .p-iconfield .p-select-filter-icon svg,
.srm-select-panel .p-select-header .p-iconfield .p-select-filter-icon i,
.srm-select-panel .p-select-header .p-iconfield .p-multiselect-filter-icon svg,
.srm-select-panel .p-select-header .p-iconfield .p-multiselect-filter-icon i,
.srm-select-panel .p-select-header .p-iconfield .p-dropdown-filter-icon svg,
.srm-select-panel .p-select-header .p-iconfield .p-dropdown-filter-icon i,
.srm-select-panel .p-select-header .p-select-filter-container .p-inputicon svg,
.srm-select-panel .p-select-header .p-select-filter-container .p-inputicon i,
.srm-select-panel .p-select-header .p-select-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-select-header .p-select-filter-container .p-select-filter-icon i,
.srm-select-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-select-header .p-select-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-select-header .p-select-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-inputicon svg,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-inputicon i,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-select-filter-icon i,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-select-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-inputicon svg,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-inputicon i,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-select-filter-icon i,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-select-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-multiselect-header .p-iconfield .p-inputicon svg,
.srm-select-panel .p-multiselect-header .p-iconfield .p-inputicon i,
.srm-select-panel .p-multiselect-header .p-iconfield .p-select-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-iconfield .p-select-filter-icon i,
.srm-select-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-iconfield .p-multiselect-filter-icon i,
.srm-select-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-iconfield .p-dropdown-filter-icon i,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-inputicon svg,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-inputicon i,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-select-filter-icon i,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-select-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon svg,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-inputicon i,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-select-filter-icon i,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon svg,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-inputicon i,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-select-filter-icon i,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-multiselect-header .p-dropdown-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-dropdown-header .p-iconfield .p-inputicon svg,
.srm-select-panel .p-dropdown-header .p-iconfield .p-inputicon i,
.srm-select-panel .p-dropdown-header .p-iconfield .p-select-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-iconfield .p-select-filter-icon i,
.srm-select-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-iconfield .p-multiselect-filter-icon i,
.srm-select-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-iconfield .p-dropdown-filter-icon i,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-inputicon svg,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-inputicon i,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-select-filter-icon i,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-select-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon svg,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-inputicon i,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-select-filter-icon i,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-multiselect-filter-container .p-dropdown-filter-icon i,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon svg,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-inputicon i,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-select-filter-icon i,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-multiselect-filter-icon i,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon svg,
.srm-select-panel .p-dropdown-header .p-dropdown-filter-container .p-dropdown-filter-icon i {
  width: 100% !important;
  height: 100% !important;
  font-size: var(--srm-font-size-sm) !important;
  line-height: 1 !important;
  display: block !important;
  fill: currentColor !important;
}
.p-select-overlay .p-select-header .p-multiselect-close,
.p-select-overlay .p-multiselect-header .p-multiselect-close,
.p-select-overlay .p-dropdown-header .p-multiselect-close,
.p-multiselect-overlay .p-select-header .p-multiselect-close,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-close,
.p-dropdown-panel .p-select-header .p-multiselect-close,
.p-dropdown-panel .p-multiselect-header .p-multiselect-close,
.p-dropdown-panel .p-dropdown-header .p-multiselect-close,
.srm-select-panel .p-select-header .p-multiselect-close,
.srm-select-panel .p-multiselect-header .p-multiselect-close,
.srm-select-panel .p-dropdown-header .p-multiselect-close {
  width: var(--space-5) !important;
  height: var(--space-5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text-secondary) !important;
  border-radius: var(--radius-sm) !important;
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
}
.p-select-overlay .p-select-header .p-multiselect-close:hover,
.p-select-overlay .p-multiselect-header .p-multiselect-close:hover,
.p-select-overlay .p-dropdown-header .p-multiselect-close:hover,
.p-multiselect-overlay .p-select-header .p-multiselect-close:hover,
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close:hover,
.p-multiselect-overlay .p-dropdown-header .p-multiselect-close:hover,
.p-dropdown-panel .p-select-header .p-multiselect-close:hover,
.p-dropdown-panel .p-multiselect-header .p-multiselect-close:hover,
.p-dropdown-panel .p-dropdown-header .p-multiselect-close:hover,
.srm-select-panel .p-select-header .p-multiselect-close:hover,
.srm-select-panel .p-multiselect-header .p-multiselect-close:hover,
.srm-select-panel .p-dropdown-header .p-multiselect-close:hover {
  background: var(--gray-200) !important;
  color: var(--text-primary) !important;
}
.p-select-overlay,
.p-multiselect-overlay,
.p-dropdown-panel,
.srm-select-panel {
}
.p-select-overlay .p-select-list-container,
.p-select-overlay .p-multiselect-list-container,
.p-select-overlay .p-scroller-viewport,
.p-select-overlay .p-scroller,
.p-multiselect-overlay .p-select-list-container,
.p-multiselect-overlay .p-multiselect-list-container,
.p-multiselect-overlay .p-scroller-viewport,
.p-multiselect-overlay .p-scroller,
.p-dropdown-panel .p-select-list-container,
.p-dropdown-panel .p-multiselect-list-container,
.p-dropdown-panel .p-scroller-viewport,
.p-dropdown-panel .p-scroller,
.srm-select-panel .p-select-list-container,
.srm-select-panel .p-multiselect-list-container,
.srm-select-panel .p-scroller-viewport,
.srm-select-panel .p-scroller {
  max-height: calc(var(--srm-control-height) * 7) !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--border-color) transparent !important;
}
.p-select-overlay .p-select-list,
.p-select-overlay .p-multiselect-list,
.p-select-overlay .p-dropdown-items,
.p-multiselect-overlay .p-select-list,
.p-multiselect-overlay .p-multiselect-list,
.p-multiselect-overlay .p-dropdown-items,
.p-dropdown-panel .p-select-list,
.p-dropdown-panel .p-multiselect-list,
.p-dropdown-panel .p-dropdown-items,
.srm-select-panel .p-select-list,
.srm-select-panel .p-multiselect-list,
.srm-select-panel .p-dropdown-items {
  padding: var(--space-1) 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.p-select-overlay,
.p-multiselect-overlay,
.p-dropdown-panel,
.srm-select-panel {
}
.p-select-overlay .p-select-option,
.p-select-overlay .p-multiselect-option,
.p-select-overlay .p-dropdown-item,
.p-multiselect-overlay .p-select-option,
.p-multiselect-overlay .p-multiselect-option,
.p-multiselect-overlay .p-dropdown-item,
.p-dropdown-panel .p-select-option,
.p-dropdown-panel .p-multiselect-option,
.p-dropdown-panel .p-dropdown-item,
.srm-select-panel .p-select-option,
.srm-select-panel .p-multiselect-option,
.srm-select-panel .p-dropdown-item {
  padding: var(--space-2) var(--space-3) !important;
  min-height: calc(var(--srm-control-height) + var(--space-1)) !important;
  height: auto !important;
  font-size: var(--srm-font-size-md) !important;
  color: var(--text-secondary) !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--space-2) !important;
  box-sizing: border-box !important;
  border-bottom: var(--border-width-sm) solid var(--gray-50) !important;
  transition: background var(--transition-fast), color var(--transition-fast) !important;
}
.p-select-overlay .p-select-option:last-child,
.p-select-overlay .p-multiselect-option:last-child,
.p-select-overlay .p-dropdown-item:last-child,
.p-multiselect-overlay .p-select-option:last-child,
.p-multiselect-overlay .p-multiselect-option:last-child,
.p-multiselect-overlay .p-dropdown-item:last-child,
.p-dropdown-panel .p-select-option:last-child,
.p-dropdown-panel .p-multiselect-option:last-child,
.p-dropdown-panel .p-dropdown-item:last-child,
.srm-select-panel .p-select-option:last-child,
.srm-select-panel .p-multiselect-option:last-child,
.srm-select-panel .p-dropdown-item:last-child {
  border-bottom: none !important;
}
.p-select-overlay .p-select-option .p-select-option-label,
.p-select-overlay .p-select-option .p-multiselect-option-label,
.p-select-overlay .p-multiselect-option .p-select-option-label,
.p-select-overlay .p-multiselect-option .p-multiselect-option-label,
.p-select-overlay .p-dropdown-item .p-select-option-label,
.p-select-overlay .p-dropdown-item .p-multiselect-option-label,
.p-multiselect-overlay .p-select-option .p-select-option-label,
.p-multiselect-overlay .p-select-option .p-multiselect-option-label,
.p-multiselect-overlay .p-multiselect-option .p-select-option-label,
.p-multiselect-overlay .p-multiselect-option .p-multiselect-option-label,
.p-multiselect-overlay .p-dropdown-item .p-select-option-label,
.p-multiselect-overlay .p-dropdown-item .p-multiselect-option-label,
.p-dropdown-panel .p-select-option .p-select-option-label,
.p-dropdown-panel .p-select-option .p-multiselect-option-label,
.p-dropdown-panel .p-multiselect-option .p-select-option-label,
.p-dropdown-panel .p-multiselect-option .p-multiselect-option-label,
.p-dropdown-panel .p-dropdown-item .p-select-option-label,
.p-dropdown-panel .p-dropdown-item .p-multiselect-option-label,
.srm-select-panel .p-select-option .p-select-option-label,
.srm-select-panel .p-select-option .p-multiselect-option-label,
.srm-select-panel .p-multiselect-option .p-select-option-label,
.srm-select-panel .p-multiselect-option .p-multiselect-option-label,
.srm-select-panel .p-dropdown-item .p-select-option-label,
.srm-select-panel .p-dropdown-item .p-multiselect-option-label {
  flex: 1 1 auto !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}
.p-select-overlay .p-select-option,
.p-select-overlay .p-multiselect-option,
.p-select-overlay .p-dropdown-item,
.p-multiselect-overlay .p-select-option,
.p-multiselect-overlay .p-multiselect-option,
.p-multiselect-overlay .p-dropdown-item,
.p-dropdown-panel .p-select-option,
.p-dropdown-panel .p-multiselect-option,
.p-dropdown-panel .p-dropdown-item,
.srm-select-panel .p-select-option,
.srm-select-panel .p-multiselect-option,
.srm-select-panel .p-dropdown-item {
}
.p-select-overlay .p-select-option.p-select-option-focus,
.p-select-overlay .p-select-option.p-multiselect-option-focus,
.p-select-overlay .p-select-option.p-focus,
.p-select-overlay .p-select-option:hover,
.p-select-overlay .p-multiselect-option.p-select-option-focus,
.p-select-overlay .p-multiselect-option.p-multiselect-option-focus,
.p-select-overlay .p-multiselect-option.p-focus,
.p-select-overlay .p-multiselect-option:hover,
.p-select-overlay .p-dropdown-item.p-select-option-focus,
.p-select-overlay .p-dropdown-item.p-multiselect-option-focus,
.p-select-overlay .p-dropdown-item.p-focus,
.p-select-overlay .p-dropdown-item:hover,
.p-multiselect-overlay .p-select-option.p-select-option-focus,
.p-multiselect-overlay .p-select-option.p-multiselect-option-focus,
.p-multiselect-overlay .p-select-option.p-focus,
.p-multiselect-overlay .p-select-option:hover,
.p-multiselect-overlay .p-multiselect-option.p-select-option-focus,
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-focus,
.p-multiselect-overlay .p-multiselect-option.p-focus,
.p-multiselect-overlay .p-multiselect-option:hover,
.p-multiselect-overlay .p-dropdown-item.p-select-option-focus,
.p-multiselect-overlay .p-dropdown-item.p-multiselect-option-focus,
.p-multiselect-overlay .p-dropdown-item.p-focus,
.p-multiselect-overlay .p-dropdown-item:hover,
.p-dropdown-panel .p-select-option.p-select-option-focus,
.p-dropdown-panel .p-select-option.p-multiselect-option-focus,
.p-dropdown-panel .p-select-option.p-focus,
.p-dropdown-panel .p-select-option:hover,
.p-dropdown-panel .p-multiselect-option.p-select-option-focus,
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-focus,
.p-dropdown-panel .p-multiselect-option.p-focus,
.p-dropdown-panel .p-multiselect-option:hover,
.p-dropdown-panel .p-dropdown-item.p-select-option-focus,
.p-dropdown-panel .p-dropdown-item.p-multiselect-option-focus,
.p-dropdown-panel .p-dropdown-item.p-focus,
.p-dropdown-panel .p-dropdown-item:hover,
.srm-select-panel .p-select-option.p-select-option-focus,
.srm-select-panel .p-select-option.p-multiselect-option-focus,
.srm-select-panel .p-select-option.p-focus,
.srm-select-panel .p-select-option:hover,
.srm-select-panel .p-multiselect-option.p-select-option-focus,
.srm-select-panel .p-multiselect-option.p-multiselect-option-focus,
.srm-select-panel .p-multiselect-option.p-focus,
.srm-select-panel .p-multiselect-option:hover,
.srm-select-panel .p-dropdown-item.p-select-option-focus,
.srm-select-panel .p-dropdown-item.p-multiselect-option-focus,
.srm-select-panel .p-dropdown-item.p-focus,
.srm-select-panel .p-dropdown-item:hover {
  background: var(--srm-color-row-hover) !important;
  color: var(--text-primary) !important;
}
.p-select-overlay .p-select-option,
.p-select-overlay .p-multiselect-option,
.p-select-overlay .p-dropdown-item,
.p-multiselect-overlay .p-select-option,
.p-multiselect-overlay .p-multiselect-option,
.p-multiselect-overlay .p-dropdown-item,
.p-dropdown-panel .p-select-option,
.p-dropdown-panel .p-multiselect-option,
.p-dropdown-panel .p-dropdown-item,
.srm-select-panel .p-select-option,
.srm-select-panel .p-multiselect-option,
.srm-select-panel .p-dropdown-item {
}
.p-select-overlay .p-select-option.p-select-option-selected,
.p-select-overlay .p-select-option.p-multiselect-option-selected,
.p-select-overlay .p-select-option.p-highlight,
.p-select-overlay .p-multiselect-option.p-select-option-selected,
.p-select-overlay .p-multiselect-option.p-multiselect-option-selected,
.p-select-overlay .p-multiselect-option.p-highlight,
.p-select-overlay .p-dropdown-item.p-select-option-selected,
.p-select-overlay .p-dropdown-item.p-multiselect-option-selected,
.p-select-overlay .p-dropdown-item.p-highlight,
.p-multiselect-overlay .p-select-option.p-select-option-selected,
.p-multiselect-overlay .p-select-option.p-multiselect-option-selected,
.p-multiselect-overlay .p-select-option.p-highlight,
.p-multiselect-overlay .p-multiselect-option.p-select-option-selected,
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-selected,
.p-multiselect-overlay .p-multiselect-option.p-highlight,
.p-multiselect-overlay .p-dropdown-item.p-select-option-selected,
.p-multiselect-overlay .p-dropdown-item.p-multiselect-option-selected,
.p-multiselect-overlay .p-dropdown-item.p-highlight,
.p-dropdown-panel .p-select-option.p-select-option-selected,
.p-dropdown-panel .p-select-option.p-multiselect-option-selected,
.p-dropdown-panel .p-select-option.p-highlight,
.p-dropdown-panel .p-multiselect-option.p-select-option-selected,
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-selected,
.p-dropdown-panel .p-multiselect-option.p-highlight,
.p-dropdown-panel .p-dropdown-item.p-select-option-selected,
.p-dropdown-panel .p-dropdown-item.p-multiselect-option-selected,
.p-dropdown-panel .p-dropdown-item.p-highlight,
.srm-select-panel .p-select-option.p-select-option-selected,
.srm-select-panel .p-select-option.p-multiselect-option-selected,
.srm-select-panel .p-select-option.p-highlight,
.srm-select-panel .p-multiselect-option.p-select-option-selected,
.srm-select-panel .p-multiselect-option.p-multiselect-option-selected,
.srm-select-panel .p-multiselect-option.p-highlight,
.srm-select-panel .p-dropdown-item.p-select-option-selected,
.srm-select-panel .p-dropdown-item.p-multiselect-option-selected,
.srm-select-panel .p-dropdown-item.p-highlight {
  background: var(--srm-color-selected-row) !important;
  color: var(--primary-700) !important;
  font-weight: var(--srm-font-semibold) !important;
}
.p-select-overlay,
.p-multiselect-overlay,
.p-dropdown-panel,
.srm-select-panel {
}
.p-select-overlay .p-checkbox,
.p-multiselect-overlay .p-checkbox,
.p-dropdown-panel .p-checkbox,
.srm-select-panel .p-checkbox {
  width: var(--space-4) !important;
  min-width: var(--space-4) !important;
  height: var(--space-4) !important;
  margin-right: var(--space-1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.p-select-overlay .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-checkbox .p-checkbox-box,
.p-dropdown-panel .p-checkbox .p-checkbox-box,
.srm-select-panel .p-checkbox .p-checkbox-box {
  width: var(--space-4) !important;
  min-width: var(--space-4) !important;
  height: var(--space-4) !important;
  border: var(--border-width-md) solid var(--srm-color-border) !important;
  border-radius: calc(var(--radius-sm) - var(--border-width-sm)) !important;
  background: var(--surface-color) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all var(--transition-fast) !important;
  box-sizing: border-box !important;
  position: relative !important;
}
.p-select-overlay,
.p-multiselect-overlay,
.p-dropdown-panel,
.srm-select-panel {
}
.p-select-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box,
.p-select-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box,
.p-select-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box,
.p-select-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box,
.p-select-overlay .p-checkbox-box.p-highlight,
.p-select-overlay .p-checkbox-box[data-p-highlight=true],
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box,
.p-multiselect-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box,
.p-multiselect-overlay .p-checkbox-box.p-highlight,
.p-multiselect-overlay .p-checkbox-box[data-p-highlight=true],
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box,
.p-dropdown-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box,
.p-dropdown-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box,
.p-dropdown-panel .p-checkbox.p-checkbox-checked .p-checkbox-box,
.p-dropdown-panel .p-checkbox-box.p-highlight,
.p-dropdown-panel .p-checkbox-box[data-p-highlight=true],
.srm-select-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box,
.srm-select-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box,
.srm-select-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box,
.srm-select-panel .p-checkbox.p-checkbox-checked .p-checkbox-box,
.srm-select-panel .p-checkbox-box.p-highlight,
.srm-select-panel .p-checkbox-box[data-p-highlight=true] {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--surface-color) !important;
}
.p-select-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box::after,
.p-select-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box::after,
.p-select-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box::after,
.p-select-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box::after,
.p-select-overlay .p-checkbox-box.p-highlight::after,
.p-select-overlay .p-checkbox-box[data-p-highlight=true]::after,
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box::after,
.p-multiselect-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box::after,
.p-multiselect-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box::after,
.p-multiselect-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box::after,
.p-multiselect-overlay .p-checkbox-box.p-highlight::after,
.p-multiselect-overlay .p-checkbox-box[data-p-highlight=true]::after,
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box::after,
.p-dropdown-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box::after,
.p-dropdown-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box::after,
.p-dropdown-panel .p-checkbox.p-checkbox-checked .p-checkbox-box::after,
.p-dropdown-panel .p-checkbox-box.p-highlight::after,
.p-dropdown-panel .p-checkbox-box[data-p-highlight=true]::after,
.srm-select-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box::after,
.srm-select-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box::after,
.srm-select-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box::after,
.srm-select-panel .p-checkbox.p-checkbox-checked .p-checkbox-box::after,
.srm-select-panel .p-checkbox-box.p-highlight::after,
.srm-select-panel .p-checkbox-box[data-p-highlight=true]::after {
  content: "" !important;
  display: block !important;
  width: var(--space-1) !important;
  height: var(--space-2) !important;
  border: solid var(--surface-color) !important;
  border-width: 0 var(--border-width-md) var(--border-width-md) 0 !important;
  transform: rotate(45deg) !important;
  margin-top: calc(var(--space-1) * -0.5) !important;
}
.p-select-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-select-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box svg,
.p-select-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-select-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box svg,
.p-select-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-select-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box svg,
.p-select-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon,
.p-select-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box svg,
.p-select-overlay .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-select-overlay .p-checkbox-box.p-highlight svg,
.p-select-overlay .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-select-overlay .p-checkbox-box[data-p-highlight=true] svg,
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box svg,
.p-multiselect-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon,
.p-multiselect-overlay .p-checkbox.p-checkbox-checked .p-checkbox-box svg,
.p-multiselect-overlay .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-multiselect-overlay .p-checkbox-box.p-highlight svg,
.p-multiselect-overlay .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-multiselect-overlay .p-checkbox-box[data-p-highlight=true] svg,
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-dropdown-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box svg,
.p-dropdown-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-dropdown-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box svg,
.p-dropdown-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.p-dropdown-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box svg,
.p-dropdown-panel .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon,
.p-dropdown-panel .p-checkbox.p-checkbox-checked .p-checkbox-box svg,
.p-dropdown-panel .p-checkbox-box.p-highlight .p-checkbox-icon,
.p-dropdown-panel .p-checkbox-box.p-highlight svg,
.p-dropdown-panel .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.p-dropdown-panel .p-checkbox-box[data-p-highlight=true] svg,
.srm-select-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box .p-checkbox-icon,
.srm-select-panel .p-multiselect-option.p-multiselect-option-selected .p-checkbox .p-checkbox-box svg,
.srm-select-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box .p-checkbox-icon,
.srm-select-panel .p-multiselect-option.p-highlight .p-checkbox .p-checkbox-box svg,
.srm-select-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box .p-checkbox-icon,
.srm-select-panel .p-multiselect-option[aria-selected=true] .p-checkbox .p-checkbox-box svg,
.srm-select-panel .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon,
.srm-select-panel .p-checkbox.p-checkbox-checked .p-checkbox-box svg,
.srm-select-panel .p-checkbox-box.p-highlight .p-checkbox-icon,
.srm-select-panel .p-checkbox-box.p-highlight svg,
.srm-select-panel .p-checkbox-box[data-p-highlight=true] .p-checkbox-icon,
.srm-select-panel .p-checkbox-box[data-p-highlight=true] svg {
  display: none !important;
}
.p-select-overlay .p-select-empty-message,
.p-select-overlay .p-multiselect-empty-message,
.p-select-overlay .p-dropdown-empty-message,
.p-multiselect-overlay .p-select-empty-message,
.p-multiselect-overlay .p-multiselect-empty-message,
.p-multiselect-overlay .p-dropdown-empty-message,
.p-dropdown-panel .p-select-empty-message,
.p-dropdown-panel .p-multiselect-empty-message,
.p-dropdown-panel .p-dropdown-empty-message,
.srm-select-panel .p-select-empty-message,
.srm-select-panel .p-multiselect-empty-message,
.srm-select-panel .p-dropdown-empty-message {
  padding: var(--space-4) var(--space-3) !important;
  font-size: var(--srm-font-size-md) !important;
  color: var(--text-muted) !important;
  text-align: center !important;
}
.detail-view-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 1.5rem;
}
.view-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.header-left {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.btn-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: color 0.2s;
}
.btn-back:hover {
  color: var(--primary-color);
}
.btn-back svg {
  flex-shrink: 0;
}
.view-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.view-title h1 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  letter-spacing: -0.025em;
}
.header-actions {
  display: flex;
  gap: 0.75rem;
  flex-shrink: 0;
}
.content-grid {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 1.5rem;
  align-items: start;
}
@media (max-width: 960px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}
.info-column {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.detail-card,
.info-card {
  background: var(--surface-color);
  border-radius: var(--radius-xl);
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  border: 1px solid var(--border-color);
}
.card-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0 0 1.25rem 0;
  font-size: 0.9375rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.card-title svg {
  color: var(--primary-color);
  flex-shrink: 0;
}
.info-grid {
  display: grid;
  gap: 1rem;
}
.info-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.info-label {
  font-size: 0.75rem;
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}
.info-value {
  font-size: 0.9375rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}
.info-value.highlight {
  font-weight: var(--font-weight-bold);
  color: var(--primary-color);
}
.srm-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3, var(--spacing-md));
  padding: var(--space-3, 14px);
  background: var(--gray-50, var(--gray-50));
  border-top: 1px solid var(--border-color, var(--gray-200));
  border-bottom: 2px solid var(--primary-color, var(--primary-600));
  box-sizing: border-box;
}
.srm-detail-grid.cols-1 {
  grid-template-columns: 1fr;
}
.srm-detail-grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.srm-detail-grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.srm-detail-grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.srm-detail-grid .span-full {
  grid-column: 1/-1;
}
@media (max-width: 1536px) {
  .srm-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .srm-detail-grid {
    grid-template-columns: 1fr;
  }
}
.srm-detail-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, var(--spacing-sm));
  background: var(--surface-color, var(--surface));
  border: 1px solid var(--border-color, var(--gray-200));
  border-radius: var(--radius-md, 8px);
  padding: var(--space-3, 14px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.srm-detail-card .card-header-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2, var(--spacing-sm));
  border-bottom: 1px solid var(--border-color, var(--gray-100));
  padding-bottom: var(--spacing-sm);
  margin-bottom: 6px;
}
.srm-detail-card .card-header-bar .card-header-icon {
  width: 22px;
  height: 22px;
  background: var(--primary-color, var(--primary-600));
  color: var(--surface);
  border-radius: var(--radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.srm-detail-card .card-header-bar .card-header-icon i,
.srm-detail-card .card-header-bar .card-header-icon svg {
  font-size: 0.75rem;
  line-height: 1;
}
.srm-detail-card .card-header-bar .card-header-title {
  font-size: var(--srm-font-size-sm, 0.75rem);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-primary, var(--gray-800));
  margin: 0;
  line-height: 1;
}
.srm-detail-card .card-header-bar .card-header-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, var(--spacing-sm));
}
.srm-detail-card .card-content-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: var(--srm-font-size-sm, 0.75rem);
}
.srm-detail-field {
  display: flex;
  align-items: baseline;
  gap: var(--space-2, var(--spacing-sm));
  font-size: var(--srm-font-size-sm, 0.75rem);
  line-height: 1.4;
}
.srm-detail-field.stacked {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.srm-detail-field.stacked .field-label {
  flex: none;
  min-width: auto;
}
.srm-detail-field .field-label {
  font-size: var(--srm-font-size-xs, 0.6875rem);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  color: var(--text-secondary, var(--gray-500));
  letter-spacing: 0.3px;
  flex: 0 0 115px;
  min-width: 115px;
  white-space: nowrap;
}
.srm-detail-field .field-value {
  color: var(--text-primary, var(--gray-800));
  font-weight: var(--font-weight-semibold);
  word-break: break-word;
  flex: 1 1 auto;
  min-width: 0;
}
.srm-detail-field .field-value.empty {
  color: var(--text-muted, var(--gray-400));
  font-style: italic;
  font-weight: normal;
}
.srm-contact-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 6px;
  border-bottom: 1px dashed var(--border-color, var(--gray-200));
}
.srm-contact-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.srm-contact-item .contact-title {
  font-weight: var(--font-weight-bold);
  font-size: var(--srm-font-size-md, 0.8125rem);
  color: var(--text-primary, var(--gray-900));
}
.srm-contact-item .contact-subtitle {
  font-size: var(--srm-font-size-xs, 0.6875rem);
  color: var(--text-secondary, var(--gray-500));
}
.srm-contact-item .contact-phone-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--srm-font-size-sm, 0.75rem);
  color: var(--text-primary, var(--gray-700));
}
.srm-contact-item .contact-phone-row i,
.srm-contact-item .contact-phone-row svg {
  color: var(--text-secondary, var(--gray-500));
  font-size: 0.75rem;
}
.srm-contact-item .whatsapp-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  background: var(--success-100);
  color: var(--success-700);
  padding: 3px var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: var(--srm-font-size-xs, 0.6875rem);
  font-weight: var(--font-weight-semibold);
  width: fit-content;
  margin-top: var(--spacing-2xs);
}
:host {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.srm-dashboard-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex: 1;
  padding: 0.75rem;
  background-color: var(--background-color);
  overflow: hidden;
  gap: 0.625rem;
  box-sizing: border-box;
}
.srm-dashboard-header {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--spacing-md);
  padding: 0.75rem 1.25rem;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}
.srm-dashboard-header .header-titles h2 {
  font-size: 1.125rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.srm-dashboard-header .header-titles h2 i {
  font-size: 1.25rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  margin-right: 0.125rem;
}
.srm-dashboard-header .header-titles h2 i.text-warning {
  color: var(--warning-500) !important;
}
.srm-dashboard-header .header-titles h2 i.text-primary {
  color: var(--primary-600) !important;
}
.srm-dashboard-header .header-titles h2 i.text-success {
  color: var(--success-500) !important;
}
.srm-dashboard-header .header-titles p {
  font-size: 0.8125rem;
  color: var(--text-secondary);
  margin: 0.25rem 0 0 0;
}
.srm-dashboard-header .header-actions {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: var(--space-3);
  min-height: var(--space-8);
}
.srm-kpi-bar {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
}
.srm-kpi-card {
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 0.75rem 1rem;
  box-shadow: var(--shadow-xs);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
}
.srm-kpi-card:hover {
  box-shadow: var(--shadow-sm);
  border-color: var(--primary-300);
}
.srm-kpi-card .kpi-title {
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.srm-kpi-card .kpi-value {
  font-size: 1.4rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  line-height: 1.25;
  margin: 0.2rem 0;
}
.srm-kpi-card .kpi-subtext {
  font-size: 0.75rem;
  color: var(--text-secondary);
}
.srm-dashboard-grid {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 0.75rem;
  overflow: hidden;
}
.srm-dashboard-split {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  overflow: hidden;
}
.srm-dashboard-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.srm-dashboard-card .card-header-strip {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--surface-color);
  min-height: calc(var(--space-8) + var(--spacing-sm) * 2);
}
.srm-dashboard-card .card-header-strip .card-title {
  grid-column: 1;
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  margin: 0;
  line-height: 1.25;
  min-height: var(--space-8);
}
.srm-dashboard-card .card-header-strip .card-title i {
  font-size: 1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.srm-dashboard-card .card-header-strip .card-title i.text-warning {
  color: var(--warning-500) !important;
}
.srm-dashboard-card .card-header-strip .card-title i.text-primary {
  color: var(--primary-600) !important;
}
.srm-dashboard-card .card-header-strip .card-title i.text-success {
  color: var(--success-500) !important;
}
.srm-dashboard-card .card-header-strip .card-title i.text-danger {
  color: var(--danger-500) !important;
}
.srm-dashboard-card .card-header-strip .card-title i.text-info {
  color: var(--info-500) !important;
}
.srm-dashboard-card .card-body-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--gray-300) transparent;
}
.srm-dashboard-card .card-body-scroll::-webkit-scrollbar {
  width: 5px;
}
.srm-dashboard-card .card-body-scroll::-webkit-scrollbar-thumb {
  background-color: var(--gray-300);
  border-radius: var(--radius-full);
}
.srm-dashboard-card {
}
.srm-dashboard-card.is-maximized {
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  width: calc(100vw - 2rem) !important;
  height: calc(100vh - 2rem) !important;
  z-index: 1050 !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  border-radius: var(--radius-lg) !important;
  animation: cardExpand 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.srm-dashboard-card.is-maximized .card-body-scroll {
  max-height: none !important;
  height: 100% !important;
}
.header-action-group {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
  margin-left: 0;
  min-height: var(--space-8);
}
.card-header-expand-host {
  display: inline-flex;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
  height: var(--space-8);
}
.card-header-expand-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  white-space: nowrap;
}
.srm-dashboard-card .card-header-strip .header-action-group .badge {
  --bs-badge-padding-x: var(--spacing-sm);
  --bs-badge-padding-y: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--space-8);
  min-height: var(--space-8);
  margin: 0;
  padding: 0 var(--spacing-sm);
  line-height: 1;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
}
.btn-action-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: var(--space-8);
  min-height: var(--space-8);
  padding: 0 var(--spacing-md);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-full);
  border: 1px solid var(--border-color);
  background-color: var(--surface-color);
  color: var(--text-secondary);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--transition-fast);
  line-height: 1;
  box-sizing: border-box;
}
.btn-action-pill i {
  font-size: 0.8125rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
}
.btn-action-pill span {
  line-height: 1;
  display: inline-block;
}
.btn-action-pill:hover {
  background-color: var(--gray-100);
  color: var(--text-primary);
  border-color: var(--gray-300);
}
.btn-action-pill.btn-primary-pill {
  border-color: var(--primary-300);
  color: var(--primary-600);
  background-color: var(--primary-50);
}
.btn-action-pill.btn-primary-pill:hover {
  background-color: var(--primary-600);
  color: var(--surface);
}
.btn-action-pill.active {
  background-color: var(--primary-600);
  color: var(--surface);
  border-color: var(--primary-600);
}
.srm-card-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(15, 23, 42, 0.45);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 1040;
}
@keyframes cardExpand {
  from {
    transform: scale(0.96);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.srm-inbox-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm);
}
.srm-inbox-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  border: var(--border-width-sm) solid var(--border-color);
  background-color: var(--surface-color);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.srm-inbox-item:hover {
  box-shadow: var(--shadow-xs);
}
.srm-inbox-item .inbox-content {
  min-width: 0;
}
.srm-inbox-item .inbox-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  color: var(--text-primary);
  margin-bottom: var(--spacing-2xs);
  line-height: 1.35;
}
.srm-inbox-item .inbox-desc {
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
  line-height: 1.4;
}
.srm-inbox-item .inbox-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  align-self: center;
}
.srm-inbox-item .inbox-action-btn {
  min-width: 4.5rem;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
}
.srm-inbox-item.urgency-CRITICAL {
  border-left: var(--border-width-md) solid var(--danger-600);
  background-color: color-mix(in srgb, var(--danger-600) 10%, var(--surface-color));
}
.srm-inbox-item.urgency-HIGH {
  border-left: var(--border-width-md) solid var(--warning-500);
  background-color: color-mix(in srgb, var(--warning-500) 10%, var(--surface-color));
}
.srm-inbox-item.urgency-MEDIUM {
  border-left: var(--border-width-md) solid var(--info-500);
  background-color: color-mix(in srgb, var(--info-500) 10%, var(--surface-color));
}
.srm-reminder-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--gray-100);
  transition: background-color var(--transition-fast);
}
.srm-reminder-item:hover {
  background-color: var(--gray-50);
}
.srm-reminder-item .reminder-left-flex {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
.srm-reminder-item .reminder-icon-box {
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.srm-reminder-item .reminder-icon-box.amber {
  background-color: var(--warning-50);
  color: var(--warning-600);
  border: 1px solid var(--warning-500);
}
.srm-reminder-item .reminder-icon-box.blue {
  background-color: var(--primary-50);
  color: var(--primary-600);
  border: 1px solid var(--primary-300);
}
.srm-reminder-item .reminder-icon-box.teal {
  background-color: var(--success-50);
  color: var(--success-600);
  border: 1px solid var(--success-300);
}
.srm-reminder-item .reminder-info {
  flex: 1;
  min-width: 0;
}
.srm-reminder-item .reminder-info .reminder-title {
  font-weight: var(--font-weight-bold);
  font-size: 0.8125rem;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srm-reminder-item .reminder-info .reminder-sub {
  font-size: 0.725rem;
  color: var(--text-muted);
  margin: 0.15rem 0 0 0;
}
.srm-reminder-item .reminder-badge-col {
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.srm-activity-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--gray-100);
  transition: background-color var(--transition-fast);
}
.srm-activity-item:hover {
  background-color: var(--gray-50);
}
.srm-activity-item .activity-icon-col {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-full);
  background-color: var(--primary-50);
  color: var(--primary-600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.srm-activity-item .activity-content-col {
  flex: 1;
  min-width: 0;
}
.srm-activity-item .activity-content-col .activity-actor {
  font-weight: var(--font-weight-semibold);
  font-size: 0.8125rem;
  color: var(--text-primary);
  margin: 0;
  line-height: 1.3;
}
.srm-activity-item .activity-content-col .activity-action {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin: 0.125rem 0 0 0;
  word-break: break-word;
  line-height: 1.3;
}
.srm-activity-item .activity-time-col {
  flex-shrink: 0;
  font-size: 0.7rem;
  color: var(--text-muted);
  white-space: nowrap;
}
.srm-dashboard-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.srm-dashboard-table thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--gray-100);
}
.srm-dashboard-table thead th {
  padding: 0.625rem 0.875rem;
  font-size: 0.7rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--gray-100);
  white-space: nowrap;
}
.srm-dashboard-table tbody tr {
  border-bottom: 1px solid var(--gray-100);
  transition: background-color var(--transition-fast);
}
.srm-dashboard-table tbody tr:hover {
  background-color: var(--primary-50);
}
.srm-dashboard-table tbody tr td {
  padding: 0.625rem 0.875rem;
  color: var(--text-primary);
  white-space: nowrap;
  vertical-align: middle;
}
.srm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--text-muted);
}
.srm-empty-state i {
  font-size: 2rem;
  color: var(--gray-300);
  margin-bottom: var(--space-2);
}
.srm-empty-state p {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-medium);
}
.srm-split-layout {
  display: flex;
  width: 100%;
  height: calc(100vh - var(--srm-header-height, 60px));
  background-color: var(--background-color);
  color: var(--text-primary);
  overflow: hidden;
  position: relative;
}
.srm-split-sidebar {
  width: 320px;
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background-color: var(--surface-color);
  border-right: 1px solid var(--border-color);
  transition:
    width var(--transition-slow),
    min-width var(--transition-slow),
    max-width var(--transition-slow),
    opacity var(--transition-slow),
    transform var(--transition-slow);
  overflow: hidden;
  z-index: 5;
  flex-shrink: 0;
}
.srm-split-sidebar.collapsed {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border-right: none !important;
  opacity: 0;
  pointer-events: none;
}
.srm-split-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--surface-color);
  gap: var(--space-2);
  flex-shrink: 0;
  min-height: 52px;
}
.srm-split-sidebar__header .srm-split-sidebar__title-group {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
  white-space: nowrap;
}
.srm-split-sidebar__header .srm-split-sidebar__title-group .srm-split-sidebar__title {
  margin: 0;
  font-size: var(--srm-font-size-md);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  line-height: 1;
  white-space: nowrap;
}
.srm-split-sidebar__header .srm-split-sidebar__title-group .srm-split-counter-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: var(--srm-font-semibold);
  background-color: var(--primary-50);
  color: var(--primary-700);
  border: 1px solid var(--primary-200);
  line-height: 1;
  white-space: nowrap;
}
.srm-split-sidebar__header .srm-split-sidebar__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
}
.srm-split-collapse-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-color);
  background-color: var(--surface-color);
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0;
  font-size: var(--srm-font-size-sm);
  transition: all var(--transition-fast);
}
.srm-split-collapse-btn:hover {
  background-color: var(--gray-100);
  color: var(--primary-color);
  border-color: var(--primary-300);
}
.srm-split-collapse-btn:focus-visible {
  outline: none;
  box-shadow: var(--srm-focus-ring);
}
.srm-split-sidebar__filters {
  padding: var(--space-3);
  border-bottom: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  background-color: var(--surface-color);
  flex-shrink: 0;
}
.srm-split-sidebar__filters input.search-input,
.srm-split-sidebar__filters textarea.search-input,
.srm-split-sidebar__filters select.search-input {
  width: 100%;
  height: var(--srm-control-height);
  padding: 0 var(--space-3);
  font-size: var(--srm-font-size-sm);
  color: var(--text-primary);
  background-color: var(--surface-color);
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}
.srm-split-sidebar__filters input.search-input:focus,
.srm-split-sidebar__filters textarea.search-input:focus,
.srm-split-sidebar__filters select.search-input:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
.srm-split-sidebar__filters input.search-input::placeholder,
.srm-split-sidebar__filters textarea.search-input::placeholder,
.srm-split-sidebar__filters select.search-input::placeholder {
  color: var(--text-muted);
}
.srm-split-sidebar__filters srm-select {
  display: block;
  width: 100%;
}
.srm-split-sidebar__filters ::ng-deep .srm-select-container,
.srm-split-sidebar__filters ::ng-deep .p-select {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: var(--radius-sm) !important;
  border-color: var(--border-color) !important;
  font-size: var(--srm-font-size-sm) !important;
}
.srm-split-sidebar__filters ::ng-deep .srm-select-container .p-select-label,
.srm-split-sidebar__filters ::ng-deep .p-select .p-select-label {
  padding: 0 var(--space-2) !important;
  font-size: var(--srm-font-size-sm) !important;
  line-height: 30px !important;
}
.srm-split-sidebar__list {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: var(--surface-color);
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}
.srm-split-sidebar__list::-webkit-scrollbar {
  width: 5px;
}
.srm-split-sidebar__list::-webkit-scrollbar-track {
  background: transparent;
}
.srm-split-sidebar__list::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: var(--radius-full);
}
.srm-split-card {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--surface-color);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-left var(--transition-fast);
  border-left: 3px solid transparent;
  position: relative;
}
.srm-split-card:hover {
  background-color: var(--srm-color-row-hover, var(--gray-100));
}
.srm-split-card.selected {
  background-color: var(--srm-color-selected-row, var(--primary-50));
  border-left: 3px solid var(--primary-color);
}
.srm-split-card.selected .inquiry-number {
  color: var(--primary-color);
}
.srm-split-card.selected .inquiry-customer {
  color: var(--text-primary);
}
.srm-split-card .status-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  margin-top: 5px;
  flex-shrink: 0;
}
.srm-split-card .status-dot.status-new {
  background-color: var(--success-500);
  box-shadow: 0 0 4px rgba(16, 185, 129, 0.4);
}
.srm-split-card .status-dot.status-quoted {
  background-color: var(--warning-500);
  box-shadow: 0 0 4px rgba(245, 158, 11, 0.4);
}
.srm-split-card .status-dot.status-urgent {
  background-color: var(--danger-500);
  box-shadow: 0 0 4px rgba(244, 63, 94, 0.4);
}
.srm-split-card .status-dot.status-closed {
  background-color: var(--gray-400);
}
.srm-split-card .status-dot.status-converted {
  background-color: var(--primary-500);
  box-shadow: 0 0 4px rgba(59, 130, 246, 0.4);
}
.srm-split-card .status-dot.status-internal {
  background-color: var(--info-500);
}
.srm-split-card .srm-split-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.srm-split-card .srm-split-card__body .inquiry-number {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-split-card .srm-split-card__body .inquiry-customer {
  font-size: var(--srm-font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.125rem;
}
.srm-split-card .srm-split-card__body .inquiry-route {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--srm-font-size-xs);
  margin-top: 0.125rem;
}
.srm-split-card .srm-split-card__body .inquiry-route .port-code {
  font-weight: var(--font-weight-medium);
  color: var(--primary-600);
}
.srm-split-card .srm-split-card__body .inquiry-route .route-arrow {
  color: var(--text-muted);
  font-size: 0.75rem;
}
.srm-split-card .srm-split-card__body .inquiry-date {
  font-size: 0.6875rem;
  color: var(--text-muted);
  margin-top: 0.125rem;
}
.srm-split-card-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: var(--srm-font-semibold);
}
.srm-split-card-badge.badge-direct {
  background-color: var(--success-50);
  color: var(--success-700);
  border: 1px solid var(--success-100);
}
.srm-split-card-badge.badge-forwarder {
  background-color: var(--info-50);
  color: var(--info-700);
  border: 1px solid var(--info-100);
}
.srm-split-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--background-color);
  overflow: hidden;
  position: relative;
  transition: width var(--transition-slow), flex var(--transition-slow);
}
.srm-split-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-3) var(--space-6);
  background-color: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
  gap: var(--space-4);
  min-height: 54px;
}
.srm-split-header .srm-split-header__title-group {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
}
.srm-split-header .srm-split-header__title-group .srm-split-header__title-left {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.srm-split-header .srm-split-header__title-group .srm-split-header__title-left .srm-split-header__heading {
  margin: 0;
  font-size: 1.125rem;
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srm-split-header .srm-split-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
}
.status-badge-detail {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.2;
  white-space: nowrap;
  flex-shrink: 0;
}
.status-badge-detail.status-new {
  background-color: var(--success-50);
  color: var(--success-700);
  border: 1px solid var(--success-100);
}
.status-badge-detail.status-quoted {
  background-color: var(--warning-50);
  color: var(--warning-700);
  border: 1px solid var(--warning-100);
}
.status-badge-detail.status-urgent {
  background-color: var(--danger-50);
  color: var(--danger-700);
  border: 1px solid var(--danger-100);
}
.status-badge-detail.status-converted,
.status-badge-detail.status-confirmed {
  background-color: var(--primary-50);
  color: var(--primary-700);
  border: 1px solid var(--primary-100);
}
.status-badge-detail.status-closed,
.status-badge-detail.status-cancelled {
  background-color: var(--gray-100);
  color: var(--gray-600);
  border: 1px solid var(--gray-200);
}
.status-badge-detail.status-internal {
  background-color: var(--info-50);
  color: var(--info-700);
  border: 1px solid var(--info-100);
}
.srm-split-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--space-5) var(--space-6);
  background-color: var(--background-color);
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}
.srm-split-body::-webkit-scrollbar {
  width: 6px;
}
.srm-split-body::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: var(--radius-full);
}
.srm-split-tab-card {
  background-color: var(--surface-color);
  border-radius: var(--radius-lg);
  border: var(--border-width-sm) solid var(--border-color);
  box-shadow: var(--shadow-sm);
  padding: var(--space-6);
  margin-bottom: var(--space-4);
}
.srm-split-tab-card.srm-monitoring-tab {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 180px);
  max-height: calc(100vh - 180px);
  margin-bottom: 0;
  overflow: hidden;
}
.srm-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
.srm-form-grid.srm-form-grid--1col {
  grid-template-columns: 1fr;
}
.srm-form-grid.srm-form-grid--3col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.srm-form-group {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) * 0.75);
}
.srm-form-group.full-width {
  grid-column: 1/-1;
}
.srm-form-group label {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  margin: 0;
}
.srm-form-group label.required::after {
  content: " *";
  color: var(--danger-500);
}
.srm-form-group input.search-input,
.srm-form-group select.search-input {
  width: 100%;
  height: var(--srm-control-height);
  padding: 0 var(--space-3);
  font-size: var(--srm-font-size-md);
  color: var(--text-primary);
  background-color: var(--surface-color);
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}
.srm-form-group input.search-input:focus,
.srm-form-group select.search-input:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
.srm-form-group input.search-input:disabled,
.srm-form-group input.search-input[readonly],
.srm-form-group select.search-input:disabled,
.srm-form-group select.search-input[readonly] {
  background-color: var(--gray-100);
  color: var(--text-muted);
  cursor: not-allowed;
}
.srm-form-group textarea.search-input {
  width: 100%;
  height: auto;
  min-height: 5rem;
  padding: var(--space-2) var(--space-3);
  font-size: var(--srm-font-size-md);
  color: var(--text-primary);
  background-color: var(--surface-color);
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-sm);
  resize: vertical;
}
.srm-form-group {
}
.srm-form-group srm-input.search-input,
.srm-form-group srm-textarea.search-input,
.srm-form-group srm-datepicker.search-input,
.srm-form-group srm-select.search-input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srm-form-group srm-select,
.srm-form-group srm-datepicker {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.srm-input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.srm-input-group .srm-input-group__input {
  flex: 1 1 auto;
  min-width: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}
.srm-input-group .srm-input-group__addon {
  width: 90px;
  flex: 0 0 90px;
}
.srm-input-group .srm-input-group__addon ::ng-deep .srm-select-container,
.srm-input-group .srm-input-group__addon ::ng-deep .p-select {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 100% !important;
  min-height: var(--srm-control-height, 34px) !important;
}
.srm-timeline-card {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-color);
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.srm-timeline-card .srm-timeline-heading {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3) 0;
  font-size: var(--srm-font-size-md);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-timeline-card .srm-timeline-heading i {
  color: var(--primary-color);
  font-size: 1rem;
}
.srm-timeline-card .srm-timeline-composer {
  flex-shrink: 0;
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.srm-timeline-card .srm-timeline-composer .srm-timeline-composer__input {
  flex: 1;
  height: var(--srm-control-height, 34px);
}
.srm-timeline-card .srm-timeline-feed {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-right: var(--space-2);
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}
.srm-timeline-card .srm-timeline-feed::-webkit-scrollbar {
  width: 5px;
}
.srm-timeline-card .srm-timeline-feed::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: var(--radius-full);
}
.srm-timeline-card .srm-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-fast);
}
.srm-timeline-card .srm-timeline-item:hover {
  background-color: var(--gray-50);
}
.srm-timeline-card .srm-timeline-item.user-note {
  background-color: var(--srm-color-chrome-bg-quiet, var(--surface-color));
  border-color: var(--border-color-strong);
}
.srm-timeline-card .srm-timeline-item .timeline-avatar {
  width: 26px;
  height: 26px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
  flex-shrink: 0;
  margin-top: var(--spacing-2xs);
}
.srm-timeline-card .srm-timeline-item .timeline-content {
  flex: 1;
  min-width: 0;
}
.srm-timeline-card .srm-timeline-item .timeline-content .timeline-message {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  word-break: break-word;
  line-height: 1.4;
}
.srm-timeline-card .srm-timeline-item .timeline-content .timeline-meta {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-1);
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-timeline-card .srm-timeline-item .timeline-content .timeline-meta .author {
  font-weight: var(--srm-font-semibold);
  color: var(--text-secondary);
}
.srm-conversion-card {
  max-width: 580px;
  margin: var(--space-4) auto;
  padding: var(--space-6);
  background-color: var(--surface-color);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  text-align: center;
}
.srm-conversion-card h4 {
  margin: 0 0 var(--space-4) 0;
  font-size: 1.125rem;
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-conversion-card .preview-table {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
  text-align: left;
}
.srm-conversion-card .preview-table .preview-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border-color);
  font-size: var(--srm-font-size-md);
}
.srm-conversion-card .preview-table .preview-row .label {
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
}
.srm-conversion-card .preview-table .preview-row .value {
  color: var(--text-primary);
  font-weight: var(--srm-font-semibold);
}
.srm-conversion-card .help-text {
  margin-top: var(--space-3);
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-inbox-card {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--surface-color);
  cursor: pointer;
  transition: background-color var(--transition-fast), border-left var(--transition-fast);
  border-left: 3px solid transparent;
  position: relative;
}
.srm-inbox-card:hover {
  background-color: var(--srm-color-row-hover, var(--gray-100));
}
.srm-inbox-card.selected {
  background-color: var(--srm-color-selected-row, var(--primary-50));
  border-left: 3px solid var(--primary-color);
}
.srm-inbox-card.selected .inbox-entity-name {
  color: var(--primary-color);
}
.srm-inbox-card.unread {
  background-color: var(--srm-color-chrome-bg-quiet);
}
.srm-inbox-card.unread .inbox-entity-name {
  font-weight: var(--font-weight-bold);
}
.srm-inbox-card .inbox-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  flex-shrink: 0;
  margin-top: var(--spacing-2xs);
  background-color: var(--srm-color-chrome-bg-quiet);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.srm-inbox-card .inbox-icon.icon-call {
  color: var(--primary-color);
  background-color: var(--primary-50);
  border-color: var(--primary-200);
}
.srm-inbox-card .inbox-icon.icon-chat {
  color: var(--success-700);
  background-color: var(--success-50);
  border-color: var(--success-100);
}
.srm-inbox-card .inbox-icon.icon-email {
  color: var(--info-700);
  background-color: var(--info-50);
  border-color: var(--info-100);
}
.srm-inbox-card .inbox-icon.icon-note {
  color: var(--warning-700);
  background-color: var(--warning-50);
  border-color: var(--warning-100);
}
.srm-inbox-card .inbox-card-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.srm-inbox-card .inbox-card-body .inbox-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}
.srm-inbox-card .inbox-card-body .inbox-card-top .inbox-entity-name {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srm-inbox-card .inbox-card-body .inbox-card-top .inbox-card-time {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
  flex-shrink: 0;
  white-space: nowrap;
}
.srm-inbox-card .inbox-card-body .inbox-card-middle {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: 0.125rem;
}
.srm-inbox-card .inbox-card-body .inbox-card-bottom {
  margin-top: 0.125rem;
  font-size: var(--srm-font-size-xs);
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.srm-inbox-card .inbox-card-body .inbox-card-bottom .inbox-author {
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-inbox-card .inbox-unread-dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-full);
  background-color: var(--primary-color);
  flex-shrink: 0;
  margin-top: 6px;
  box-shadow: 0 0 6px rgba(var(--primary-rgb, 59, 130, 246), 0.6);
}
.srm-entity-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-sm);
  font-size: 0.6875rem;
  font-weight: var(--srm-font-semibold);
  letter-spacing: 0.2px;
}
.srm-entity-badge.badge-company {
  background-color: var(--primary-50);
  color: var(--primary-700);
  border: 1px solid var(--primary-200);
}
.srm-entity-badge.badge-inquiry {
  background-color: var(--warning-50);
  color: var(--warning-700);
  border: 1px solid var(--warning-100);
}
.srm-entity-badge.badge-forwarder {
  background-color: var(--info-50);
  color: var(--info-700);
  border: 1px solid var(--info-100);
}
.srm-stream-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 180px);
  max-height: calc(100vh - 180px);
  overflow: hidden;
  background-color: var(--surface-color);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
  padding: var(--space-4);
}
.srm-stream-wrapper .srm-stream-feed {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-right: var(--space-2);
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}
.srm-stream-wrapper .srm-stream-feed::-webkit-scrollbar {
  width: 5px;
}
.srm-stream-wrapper .srm-stream-feed::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: var(--radius-full);
}
.srm-stream-wrapper .srm-stream-bubble {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-fast);
}
.srm-stream-wrapper .srm-stream-bubble:hover {
  background-color: var(--srm-color-row-hover, var(--gray-50));
}
.srm-stream-wrapper .srm-stream-bubble.bubble-note {
  background-color: var(--srm-color-chrome-bg-quiet, var(--surface-color));
  border-color: var(--border-color-strong);
}
.srm-stream-wrapper .srm-stream-bubble.bubble-chat {
  border-left: 3px solid var(--primary-color);
}
.srm-stream-wrapper .srm-stream-bubble.bubble-call {
  border-left: 3px solid var(--success-500);
}
.srm-stream-wrapper .srm-stream-bubble .bubble-avatar {
  width: 28px;
  height: 28px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
  flex-shrink: 0;
  margin-top: var(--spacing-2xs);
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content {
  flex: 1;
  min-width: 0;
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content .bubble-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-1);
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content .bubble-header .bubble-author {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content .bubble-header .bubble-time {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content .bubble-text {
  font-size: var(--srm-font-size-sm);
  color: var(--text-primary);
  line-height: 1.45;
  word-break: break-word;
  white-space: pre-wrap;
}
.srm-stream-wrapper .srm-stream-bubble .bubble-content .bubble-tags {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
}
.srm-stream-wrapper {
}
.srm-stream-wrapper .srm-stream-composer {
  flex-shrink: 0;
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  margin-top: var(--space-3);
  border-top: var(--border-width-sm) solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn,
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn .srm-btn,
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn .srm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  height: auto;
  min-height: 0;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-full);
  font-size: var(--srm-font-size-xs);
  font-weight: var(--srm-font-semibold);
  line-height: 1;
  cursor: pointer;
  border: var(--border-width-sm) solid var(--border-color);
  background-color: var(--surface-color);
  color: var(--text-secondary);
  transition:
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast);
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn .srm-btn i,
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn .srm-btn i {
  font-size: var(--srm-font-size-xs);
  line-height: 1;
  margin: 0;
  flex: 0 0 auto;
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn .srm-btn .srm-btn__label,
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn .srm-btn .srm-btn__label {
  flex: 0 0 auto;
  margin: 0;
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn .srm-btn:hover:not(:disabled),
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn .srm-btn:hover:not(:disabled) {
  background-color: var(--gray-100);
  border-color: var(--border-color-strong);
  color: var(--text-primary);
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn.active .srm-btn,
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn.active .srm-btn {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--surface-color);
}
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle srm-secondary-button.toggle-btn.active .srm-btn:hover:not(:disabled),
.srm-stream-wrapper .srm-stream-composer .composer-pill-toggle .toggle-btn.active .srm-btn:hover:not(:disabled) {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--surface-color);
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row {
  display: flex;
  align-items: flex-end;
  gap: var(--space-2);
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea,
.srm-stream-wrapper .srm-stream-composer .composer-input-row .composer-textarea {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea textarea,
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea .srm-textarea,
.srm-stream-wrapper .srm-stream-composer .composer-input-row textarea.composer-textarea {
  display: block;
  width: 100%;
  flex: 1;
  min-height: calc(var(--srm-control-height) * 2);
  max-height: 7.5rem;
  padding: var(--space-2) var(--space-3);
  font-size: var(--srm-font-size-md);
  font-family: inherit;
  color: var(--text-primary);
  background-color: var(--surface-color);
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-sm);
  resize: none;
  outline: none;
  line-height: var(--srm-line-height-normal);
  box-sizing: border-box;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea textarea:focus,
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea .srm-textarea:focus,
.srm-stream-wrapper .srm-stream-composer .composer-input-row textarea.composer-textarea:focus {
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea textarea::placeholder,
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-textarea.composer-textarea .srm-textarea::placeholder,
.srm-stream-wrapper .srm-stream-composer .composer-input-row textarea.composer-textarea::placeholder {
  color: var(--text-muted);
}
.srm-stream-wrapper .srm-stream-composer .composer-input-row srm-primary-button {
  flex: 0 0 auto;
  align-self: flex-end;
}
.srm-stream-wrapper .srm-stream-composer .composer-meta-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  padding: var(--space-2);
  background-color: var(--gray-50);
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-md);
}
.srm-stream-wrapper .srm-stream-composer .composer-meta-row .composer-meta-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.srm-stream-wrapper .srm-stream-composer .composer-meta-row .composer-meta-field .meta-label {
  font-size: var(--srm-font-size-xs);
  font-weight: var(--srm-font-semibold);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.srm-urgency-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
.srm-urgency-selector srm-secondary-button.urgency-btn,
.srm-urgency-selector .urgency-btn {
  display: inline-flex;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srm-urgency-selector srm-secondary-button.urgency-btn .srm-btn,
.srm-urgency-selector .urgency-btn .srm-btn {
  min-width: 5.5rem;
  height: var(--srm-control-height);
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
  border: var(--border-width-sm) solid var(--border-color);
  background-color: var(--surface-color);
  color: var(--text-secondary);
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-medium);
  box-shadow: none;
  cursor: pointer;
  transition:
    background var(--transition-fast),
    border-color var(--transition-fast),
    color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.srm-urgency-selector srm-secondary-button.urgency-btn:hover:not(.active) .srm-btn,
.srm-urgency-selector .urgency-btn:hover:not(.active) .srm-btn {
  background-color: var(--gray-100);
  color: var(--text-primary);
}
.srm-urgency-selector srm-secondary-button.urgency-btn.active .srm-btn,
.srm-urgency-selector .urgency-btn.active .srm-btn {
  border-color: var(--urgency-border, var(--primary-color));
  background-color: var(--gray-50);
  color: var(--text-primary);
  font-weight: var(--srm-font-semibold);
  box-shadow: var(--shadow-sm);
}
.srm-overview-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-2);
}
.srm-overview-list .srm-overview-item {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  padding: var(--space-3);
  background-color: var(--srm-color-chrome-bg-quiet);
  border: var(--border-width-sm) solid var(--border-color);
  border-radius: var(--radius-md);
}
.srm-overview-list .srm-overview-item.full-width {
  grid-column: 1/-1;
}
.srm-overview-list .srm-overview-item .item-label {
  font-size: var(--srm-font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: var(--srm-line-height-normal, 1.4);
}
.srm-overview-list .srm-overview-item .item-value {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  word-break: break-word;
  line-height: var(--srm-line-height-normal, 1.4);
}
.srm-split-tab-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: var(--border-width-sm) solid var(--border-color);
}
@media (max-width: 1280px) {
  .srm-split-sidebar {
    width: 280px;
    min-width: 250px;
  }
}
@media (max-width: 960px) {
  .srm-split-layout {
    position: relative;
    height: calc(100vh - var(--srm-header-height, 60px));
    overflow: hidden;
  }
  .srm-split-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    z-index: 25;
    background-color: var(--surface-color);
    transform: translateX(0);
    transition: transform var(--transition-normal), opacity var(--transition-normal);
    border-right: none;
    box-shadow: var(--shadow-xl);
  }
  .srm-split-sidebar.collapsed {
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    width: 0 !important;
  }
  .srm-split-content {
    width: 100% !important;
    height: 100% !important;
  }
}
@media (max-width: 700px) {
  .srm-split-header {
    padding: var(--space-2) var(--space-3);
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
    min-height: auto;
  }
  .srm-split-header .srm-split-header__title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
  }
  .srm-split-header .srm-split-header__title-group .srm-split-header__title-left {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
    flex: 1;
  }
  .srm-split-header .srm-split-header__title-group .srm-split-header__title-left .srm-split-header__heading {
    font-size: var(--srm-font-size-md) !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all !important;
    margin: 0;
  }
  .srm-split-header .srm-split-header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-2);
    width: auto;
  }
  .srm-split-header .srm-split-header__actions srm-secondary-button,
  .srm-split-header .srm-split-header__actions srm-delete-button,
  .srm-split-header .srm-split-header__actions srm-primary-button {
    display: inline-flex;
    flex: 0 0 auto;
  }
  .srm-split-header .srm-split-header__actions srm-secondary-button ::ng-deep .srm-btn,
  .srm-split-header .srm-split-header__actions srm-delete-button ::ng-deep .srm-btn,
  .srm-split-header .srm-split-header__actions srm-primary-button ::ng-deep .srm-btn {
    width: auto;
  }
  .srm-tab-strip {
    display: flex;
    gap: var(--srm-modal-tab-strip-gap, var(--space-1));
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 var(--space-2);
    border-bottom: var(--border-width-sm) solid var(--border-color);
    background-color: var(--surface-color);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .srm-tab-strip::-webkit-scrollbar {
    display: none;
  }
  .srm-tab-strip .srm-tab-btn .srm-btn,
  .srm-tab-strip button.srm-tab-btn {
    padding: var(--space-1) var(--space-2);
    font-size: var(--srm-font-size-xs);
    white-space: nowrap;
    flex-shrink: 0;
    gap: var(--space-1);
  }
  .srm-split-body {
    padding: var(--space-3);
  }
  .srm-split-tab-card {
    padding: var(--space-3);
    border-radius: var(--radius-md);
  }
  .srm-split-tab-card.srm-monitoring-tab {
    height: calc(100vh - 210px);
    max-height: calc(100vh - 210px);
  }
  .srm-form-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-3) !important;
  }
  .srm-form-grid--3col {
    grid-template-columns: 1fr !important;
  }
  .srm-conversion-card {
    max-width: 100%;
    padding: var(--space-3);
  }
  .srm-timeline-card {
    margin-top: var(--space-3);
    padding-top: var(--space-3);
  }
  .srm-timeline-composer {
    flex-direction: row;
    gap: var(--space-2);
  }
  .srm-timeline-composer .srm-timeline-composer__input {
    flex: 1;
  }
  .srm-lookup-type-pills {
    gap: var(--spacing-2xs) !important;
  }
  .srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn,
  .srm-lookup-type-pills .srm-lookup-pill-btn {
    flex: 1 1 calc(50% - var(--spacing-2xs));
  }
  .srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn,
  .srm-lookup-type-pills button.srm-lookup-pill-btn {
    padding: var(--space-1) var(--space-2) !important;
    font-size: var(--srm-font-size-xs) !important;
    gap: var(--spacing-2xs) !important;
  }
  .srm-lookup-item-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--space-2) !important;
  }
  .srm-lookup-item-card .srm-lookup-item-right {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.srm-lookup-modal-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-height: 70vh;
  overflow: hidden;
  padding-bottom: var(--space-1);
}
.srm-lookup-type-pills {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-2xs);
  width: 100%;
  background-color: var(--gray-50);
  padding: var(--spacing-2xs);
  border-radius: var(--radius-md);
  border: var(--border-width-sm) solid var(--border-color);
  box-sizing: border-box;
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn,
.srm-lookup-type-pills .srm-lookup-pill-btn {
  display: inline-flex;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn .srm-btn,
.srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn,
.srm-lookup-type-pills button.srm-lookup-pill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  width: 100%;
  height: auto;
  min-height: calc(var(--srm-control-height) - var(--space-1));
  padding: var(--space-1) var(--space-2);
  font-size: var(--srm-font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  box-shadow: none;
  cursor: pointer;
  white-space: nowrap;
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    box-shadow var(--transition-fast);
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn .srm-btn i,
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn .srm-btn .bi,
.srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn i,
.srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn .bi,
.srm-lookup-type-pills button.srm-lookup-pill-btn i,
.srm-lookup-type-pills button.srm-lookup-pill-btn .bi {
  flex: 0 0 auto;
  font-size: var(--srm-font-size-sm);
  line-height: 1;
  margin: 0;
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn .srm-btn .srm-btn__label,
.srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn .srm-btn__label,
.srm-lookup-type-pills button.srm-lookup-pill-btn .srm-btn__label {
  flex: 0 0 auto;
  margin: 0;
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn .srm-btn:hover:not(:disabled),
.srm-lookup-type-pills .srm-lookup-pill-btn .srm-btn:hover:not(:disabled),
.srm-lookup-type-pills button.srm-lookup-pill-btn:hover:not(:disabled) {
  color: var(--text-primary);
  background-color: var(--surface-color);
  border-color: transparent;
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn.active .srm-btn,
.srm-lookup-type-pills .srm-lookup-pill-btn.active .srm-btn,
.srm-lookup-type-pills button.srm-lookup-pill-btn.active {
  color: var(--primary-color);
  background-color: var(--surface-color);
  font-weight: var(--srm-font-semibold);
  box-shadow: var(--shadow-sm);
}
.srm-lookup-type-pills srm-secondary-button.srm-lookup-pill-btn.active .srm-btn:hover:not(:disabled),
.srm-lookup-type-pills .srm-lookup-pill-btn.active .srm-btn:hover:not(:disabled),
.srm-lookup-type-pills button.srm-lookup-pill-btn.active:hover:not(:disabled) {
  color: var(--primary-color);
  background-color: var(--surface-color);
}
.srm-lookup-search-bar {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--surface-color);
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-md);
  padding: 0 var(--space-3);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.srm-lookup-search-bar:focus-within {
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
.srm-lookup-search-bar .search-icon {
  color: var(--text-muted);
  font-size: var(--srm-font-size-md);
  margin-right: var(--space-2);
  flex: 0 0 auto;
  line-height: 1;
}
.srm-lookup-search-bar {
}
.srm-lookup-search-bar srm-input.srm-lookup-input-field,
.srm-lookup-search-bar .srm-lookup-input-field {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srm-lookup-search-bar srm-input.srm-lookup-input-field .srm-input,
.srm-lookup-search-bar .srm-lookup-input-field .srm-input,
.srm-lookup-search-bar input.srm-lookup-input-field {
  width: 100%;
  height: var(--srm-control-height);
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  font-size: var(--srm-font-size-md);
  color: var(--text-primary);
}
.srm-lookup-search-bar srm-input.srm-lookup-input-field .srm-input:hover:not(:disabled),
.srm-lookup-search-bar srm-input.srm-lookup-input-field .srm-input:focus:not(:disabled),
.srm-lookup-search-bar .srm-lookup-input-field .srm-input:hover:not(:disabled),
.srm-lookup-search-bar .srm-lookup-input-field .srm-input:focus:not(:disabled),
.srm-lookup-search-bar input.srm-lookup-input-field:hover:not(:disabled),
.srm-lookup-search-bar input.srm-lookup-input-field:focus:not(:disabled) {
  border: none;
  box-shadow: none;
}
.srm-lookup-search-bar srm-input.srm-lookup-input-field .srm-input::placeholder,
.srm-lookup-search-bar .srm-lookup-input-field .srm-input::placeholder,
.srm-lookup-search-bar input.srm-lookup-input-field::placeholder {
  color: var(--text-muted);
}
.srm-lookup-results-container {
  flex: 1 1 auto;
  min-height: 250px;
  max-height: 380px;
  overflow-y: auto;
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background-color: var(--surface-ground);
  padding: var(--space-2);
}
.srm-lookup-loading,
.srm-lookup-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
}
.srm-lookup-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.srm-lookup-item-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-3);
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.srm-lookup-item-card:hover {
  border-color: var(--primary-color);
  background-color: var(--surface-color-hover, var(--surface-ground));
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}
.srm-lookup-item-card .srm-lookup-item-left {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.srm-lookup-item-card .srm-lookup-item-title-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.srm-lookup-item-card .srm-lookup-item-title-row .srm-lookup-item-name {
  font-size: var(--srm-font-size-md);
  color: var(--text-primary);
}
.srm-lookup-item-card .srm-lookup-item-title-row .srm-lookup-item-code {
  font-size: var(--srm-font-size-xs);
  color: var(--text-muted);
  font-weight: var(--font-weight-medium);
}
.srm-lookup-item-card .srm-lookup-item-subtitle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--srm-font-size-xs);
  color: var(--text-secondary);
  line-height: var(--srm-line-height-snug);
}
.srm-lookup-item-card .srm-lookup-item-subtitle i,
.srm-lookup-item-card .srm-lookup-item-subtitle .bi {
  flex: 0 0 auto;
  font-size: var(--srm-font-size-xs);
  line-height: 1;
  margin: 0;
}
.srm-lookup-item-card .srm-lookup-item-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.srm-lookup-status-pill {
  font-size: var(--srm-font-size-xs);
  font-weight: var(--font-weight-medium);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-full, 9999px);
  background-color: var(--surface-ground);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  margin-right: var(--space-2);
}
.badge-shipping {
  background-color: var(--primary-50);
  color: var(--primary-600);
}
.u-s7-045aac89 {
  margin-bottom: var(--spacing-lg);
}
.u-s7-0522ff3e {
  display: flex;
  gap: var(--spacing-sm);
}
.u-s7-082f6e5d {
  margin-top: 6px;
}
.u-s7-20454c94 {
  margin-top: var(--spacing-lg);
  text-align: right;
}
.u-s7-3f71fd63 {
  font-size: var(--font-size-sm);
}
.u-s7-4279af7b {
  background-color: var();
}
.u-s7-487b2c58 {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
}
.u-s7-4ff12728 {
  text-align: center;
  padding: var(--spacing-2xl);
  color: var(--text-secondary);
}
.u-s7-50666a57 {
  position: relative;
}
.u-s7-5d71736e {
  font-weight: var(--font-weight-bold);
  color: var(--primary-700);
}
.u-s7-7f3cbaf6 {
  margin-bottom: var(--spacing-sm);
}
.u-s7-9346b6e1 {
  padding: var(--space-6);
}
.u-s7-a1bd43ca {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--primary-600);
}
.u-s7-a3b8db4b {
  color: var(--excel-green);
}
.u-s7-ab1f89b7 {
  color: var(--text-secondary);
  margin-left: var(--spacing-xs);
}
.u-s7-d4f8cd0e {
  margin-top: var(--space-4);
}
.u-s7-d5b43342 {
  grid-column: 1/-1;
}
.u-s7-ee3d55bf {
  flex: 1;
}
.text-primary {
  color: var(--primary-600) !important;
}
.text-secondary {
  color: var(--text-secondary) !important;
}
.text-success {
  color: var(--success-500) !important;
}
.text-warning {
  color: var(--warning-500) !important;
}
.text-danger {
  color: var(--danger-500) !important;
}
.text-info {
  color: var(--info-500) !important;
}
.text-muted {
  color: var(--text-muted) !important;
}
.text-dark {
  color: var(--text-primary) !important;
}
.text-light {
  color: var(--gray-50) !important;
}
.bg-primary-subtle {
  background-color: var(--primary-50) !important;
  color: var(--primary-700) !important;
}
.bg-warning-subtle {
  background-color: var(--warning-100) !important;
  color: var(--warning-600) !important;
}
.bg-success-subtle {
  background-color: var(--success-100) !important;
  color: var(--success-700) !important;
}
.bg-danger-subtle {
  background-color: var(--danger-100) !important;
  color: var(--danger-700) !important;
}
.bg-info-subtle {
  background-color: var(--info-100) !important;
  color: var(--info-700) !important;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: var(--font-family-base);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-normal);
  line-height: 1.6;
  color: var(--text-primary);
  background-color: var(--background-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: opacity var(--transition-slow);
  opacity: 1;
}
app-root {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
}
body.logging-out {
  opacity: 0;
}
.animate-fade-in {
  animation: fadeIn var(--transition-slow) ease-out;
}
.animate-fade-in-up {
  animation: fadeInUp var(--transition-slow) ease-out;
}
:root {
}
html {
  font-size: 13px;
  scroll-behavior: smooth;
}
@media (min-width: 701px) {
  html {
    font-size: 13.5px;
  }
}
@media (min-width: 1281px) {
  html {
    font-size: var(--font-size-sm);
  }
}
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--space-4);
}
@media (min-width: 481px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 701px) {
  .container {
    max-width: 720px;
    padding: 0 var(--space-6);
  }
}
@media (min-width: 961px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1281px) {
  .container {
    max-width: 1280px;
  }
}
.visible-mobile {
  display: block !important;
}
.hidden-mobile {
  display: none !important;
}
@media (min-width: 701px) {
  .visible-mobile {
    display: none !important;
  }
  .hidden-mobile {
    display: block !important;
  }
}
@media (max-width: 700px) {
  .flex-mobile-col {
    flex-direction: column !important;
  }
  .w-100-mobile {
    width: 100% !important;
  }
  .gap-mobile-sm {
    gap: var(--space-2) !important;
  }
}
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-sm {
  gap: var(--space-2);
}
.gap-md {
  gap: var(--space-4);
}
.gap-lg {
  gap: var(--space-6);
}
.text-center {
  text-align: center;
}
.align-center {
  align-items: center;
}
.card {
  background-color: var(--surface-color);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
  overflow: hidden;
  transition: box-shadow var(--transition-normal), transform var(--transition-normal);
}
.card:hover {
  box-shadow: var(--shadow-md);
}
.card-body {
  padding: var(--space-6);
}
.card-header {
  padding: var(--space-4) var(--space-6);
  border-bottom: 1px solid var(--border-color);
  background-color: var(--gray-50);
}
.card-footer {
  padding: var(--space-4) var(--space-6);
  border-top: 1px solid var(--border-color);
  background-color: var(--gray-50);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  font-family: inherit;
  font-weight: var(--font-weight-medium);
  font-size: 0.875rem;
  line-height: 1.5;
  padding: var(--space-2) var(--space-5);
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  transition: all var(--transition-fast);
  outline: none;
}
.btn:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-100);
}
.btn:active {
  transform: scale(0.98);
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-primary {
  color: var(--surface-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-primary:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  box-shadow: var(--shadow-sm);
}
.btn-primary:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-color);
}
.btn-secondary {
  color: var(--gray-700) !important;
  background-color: var(--gray-100) !important;
  border-color: var(--gray-300) !important;
}
.btn-secondary:hover {
  background-color: var(--gray-200) !important;
  border-color: var(--gray-400) !important;
}
.btn-danger {
  color: var(--surface-color) !important;
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}
.btn-danger:hover {
  background-color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
  box-shadow: var(--shadow-sm);
}
.btn-danger:focus-visible {
  box-shadow: 0 0 0 3px var(--danger-100);
}
.btn-success {
  color: var(--surface-color) !important;
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}
.btn-success:hover {
  background-color: var(--success-700) !important;
  border-color: var(--success-700) !important;
  box-shadow: var(--shadow-sm);
}
.btn-warning {
  color: var(--gray-900) !important;
  background-color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}
.btn-warning:hover {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}
.btn-excel {
  color: var(--surface-color) !important;
  background-color: var(--excel-green, var(--excel-green)) !important;
  border-color: var(--excel-green, var(--excel-green)) !important;
}
.btn-excel:hover {
  background-color: var(--excel-green-dark, var(--excel-green-dark)) !important;
  border-color: var(--excel-green-dark, var(--excel-green-dark)) !important;
  box-shadow: var(--shadow-sm);
}
.btn-excel:focus-visible {
  box-shadow: 0 0 0 3px rgba(16, 124, 65, 0.3);
}
.btn-print {
  color: var(--text-primary) !important;
  background-color: var(--surface-color) !important;
  border-color: var(--border-color-strong) !important;
}
.btn-print:hover {
  background-color: var(--gray-100) !important;
  border-color: var(--gray-400) !important;
  box-shadow: var(--shadow-sm);
}
.btn-print:focus-visible {
  box-shadow: 0 0 0 3px var(--gray-200);
}
.btn-add {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  border: 1px dashed var(--primary-color) !important;
}
.btn-add:hover:not(:disabled) {
  background-color: var(--primary-color) !important;
  color: var(--surface) !important;
}
.btn-add:disabled,
.btn-add.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-outline-primary {
  color: var(--primary-color) !important;
  background-color: transparent !important;
  border-color: var(--primary-color) !important;
}
.btn-outline-primary:hover {
  color: var(--surface-color) !important;
  background-color: var(--primary-color) !important;
}
.btn-outline-secondary {
  color: var(--text-secondary) !important;
  background-color: transparent !important;
  border-color: var(--border-color-strong) !important;
}
.btn-outline-secondary:hover {
  color: var(--text-primary) !important;
  background-color: var(--gray-100) !important;
  border-color: var(--gray-400) !important;
}
.btn-outline-danger {
  color: var(--danger-600) !important;
  background-color: transparent !important;
  border-color: var(--danger-600) !important;
}
.btn-outline-danger:hover {
  color: var(--surface-color) !important;
  background-color: var(--danger-600) !important;
}
.btn-ghost {
  color: var(--gray-600) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.btn-ghost:hover {
  background-color: var(--gray-100) !important;
}
.btn-sm {
  padding: var(--space-1) var(--space-3);
  font-size: 0.8125rem;
}
.btn-lg {
  padding: var(--space-3) var(--space-6);
  font-size: 1rem;
}
.form-group {
  margin-bottom: var(--space-5);
}
label {
  display: block;
  margin-bottom: var(--space-1);
  margin-top: var(--space-1);
  font-weight: var(--font-weight-medium);
  font-size: 0.875rem;
  color: var(--text-primary);
}
.form-control {
  width: 100%;
  padding: var(--space-2) var(--space-4);
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--text-primary);
  background-color: var(--surface-color);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  transition: all var(--transition-fast);
  appearance: none;
}
.form-control::placeholder {
  color: var(--gray-400);
  opacity: 1;
}
.form-control:hover {
  border-color: var(--primary-400);
  background-color: var(--gray-50);
}
.form-control:focus {
  border-color: var(--primary-color);
  background-color: var(--surface-color);
  box-shadow: 0 0 0 1px var(--primary-color);
  outline: none;
}
.form-control:disabled {
  background-color: var(--gray-100);
  color: var(--text-muted);
  cursor: not-allowed;
  border-color: var(--gray-200);
  box-shadow: none;
}
select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
  cursor: pointer;
}
select.form-control:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234f46e5' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
}
.ng-select .ng-select-container {
  background-color: var(--surface-color) !important;
  border: 1px solid var(--gray-300) !important;
  border-radius: var(--radius-md) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-xs) !important;
  transition: all var(--transition-fast) !important;
  min-height: 40px !important;
}
.ng-select .ng-select-container:hover {
  border-color: var(--primary-color) !important;
  background-color: var(--gray-50) !important;
}
.ng-select.ng-select-opened > .ng-select-container {
  background-color: var(--surface-color) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 1px var(--primary-color) !important;
}
.ng-select .ng-select-container .ng-value-container .ng-input > input {
  color: var(--text-primary) !important;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--gray-400) !important;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: var(--gray-400) transparent transparent !important;
}
.ng-select .ng-clear-wrapper .ng-clear {
  color: var(--gray-400) !important;
}
.ng-select .ng-clear-wrapper .ng-clear:hover {
  color: var(--danger-500) !important;
}
.ng-dropdown-panel {
  background-color: var(--surface-color) !important;
  border-color: var(--gray-300) !important;
  z-index: var(--z-dropdown, 1050) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: var(--surface-color) !important;
  color: var(--text-primary) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: var(--gray-200) !important;
  color: var(--text-primary) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background-color: var(--primary-color) !important;
  color: var(--surface) !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  color: var(--surface) !important;
  border-radius: 10px !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 1px 5px !important;
  white-space: nowrap;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  flex-wrap: wrap !important;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100%;
  min-width: 0;
  max-height: 76px;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color, var(--gray-300)) transparent;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar {
  width: 6px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-track {
  background: transparent;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container::-webkit-scrollbar-thumb {
  background-color: var(--border-color, var(--gray-300));
  border-radius: var(--radius-sm);
}
textarea.form-control {
  min-height: 100px;
  resize: vertical;
}
input[type=date].form-control,
input[type=datetime-local].form-control {
  padding-right: 0.625rem;
  appearance: auto;
}
input[type=checkbox],
input[type=radio] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--primary-color);
  cursor: pointer;
}
.table-container {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-color);
  background-color: var(--surface-color);
}
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
thead {
  background-color: var(--primary-color);
  border-bottom: 1px solid var(--border-color);
}
th {
  padding: var(--space-3) var(--space-4);
  text-align: left;
  font-weight: var(--font-weight-semibold);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--surface-color);
  white-space: nowrap;
}
th.sortable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--transition-fast, 0.2s);
}
th.sortable:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.sort-icon {
  display: inline-flex;
  align-items: center;
  margin-left: var(--spacing-xs);
  color: inherit;
  vertical-align: middle;
}
td {
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--gray-100);
  color: var(--text-secondary);
}
tbody tr {
  transition: background-color var(--transition-fast);
}
tbody tr:hover {
  background-color: rgba(var(--primary-color-rgb, 13, 148, 136), 0.1);
}
tbody tr:last-child td {
  border-bottom: none;
}
.table-striped tbody tr:nth-child(even) {
  background-color: rgba(var(--primary-color-rgb, 13, 148, 136), 0.03);
}
.alert {
  padding: var(--space-4);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-4);
  font-size: 0.875rem;
}
.alert-success {
  background-color: var(--success-50);
  color: var(--success-700);
  border: 1px solid var(--success-100);
}
.alert-danger,
.alert-error {
  background-color: var(--danger-50);
  color: var(--danger-700);
  border: 1px solid var(--danger-100);
}
.alert-warning {
  background-color: var(--warning-50);
  color: var(--warning-600);
  border: 1px solid var(--warning-100);
}
.alert-info {
  background-color: var(--primary-50);
  color: var(--primary-hover);
  border: 1px solid var(--primary-100);
}
.text-danger {
  color: var(--danger-600);
  font-size: 0.8125rem;
}
.text-success {
  color: var(--success-600);
  font-size: 0.8125rem;
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background-color: var(--modal-overlay-bg, var(--overlay-bg));
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.2s ease-out;
}
.modal-container {
  background-color: var(--surface-color);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: slideUp 0.3s ease-out;
}
.modal-header {
  padding: var(--space-5) var(--space-6);
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-body {
  padding: var(--space-6);
  overflow-y: auto;
  flex: 1;
}
.modal-footer {
  padding: var(--space-4) var(--space-6);
  border-top: 1px solid var(--border-color);
  background-color: var(--gray-50);
  display: flex;
  justify-content: flex-end;
  gap: var(--space-3);
  flex-shrink: 0;
}
.modal-close {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.modal-close:hover {
  background-color: var(--gray-100);
  color: var(--danger-600);
}
.modal-overlay.closing {
  animation: fadeOut 0.2s ease-out forwards;
}
.modal-container.closing {
  animation: slideDown 0.2s ease-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes slideDown {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
}
.modal-overlay.nested-overlay {
  z-index: 1100;
}
.modal-container.modal-sm {
  max-width: 400px;
}
.modal-container.modal-md {
  max-width: 600px;
}
.modal-container.modal-lg {
  max-width: 800px;
}
.modal-container.modal-xl {
  max-width: 1000px;
}
.modal-container.modal-full {
  max-width: 95vw;
  max-height: 95vh;
}
.modal-footer.start {
  justify-content: flex-start;
}
.modal-footer.center {
  justify-content: center;
}
.modal-footer.space-between {
  justify-content: space-between;
}
@media (max-width: 700px) {
  .form-group {
    margin-bottom: var(--space-4);
  }
  .form-control,
  .btn {
    min-height: 44px;
  }
  input[type=checkbox],
  input[type=radio] {
    width: 20px;
    height: 20px;
  }
}
.table-responsive,
.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: var(--space-4);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
}
@media (max-width: 960px) {
  table {
    min-width: 800px;
  }
  .table-responsive,
  .table-container,
  .table-wrapper,
  .data-grid-container,
  .rate-grid-container {
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: visible;
    display: block;
    -webkit-overflow-scrolling: touch;
  }
  th,
  td {
    white-space: nowrap;
    padding: 0.75rem;
  }
}
@media (max-width: 700px) {
  .modal-container {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
  }
  .modal-body {
    flex: 1;
    overflow-y: auto;
  }
  .modal-footer {
    padding-bottom: max(var(--space-4), env(safe-area-inset-bottom)) !important;
    flex-direction: column-reverse;
  }
  .modal-footer > * {
    width: 100%;
    margin-left: 0 !important;
    margin-top: var(--space-2);
  }
}
@media (max-width: 480px) {
  .action-buttons-stack {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    width: 100%;
  }
  .action-buttons-stack .btn {
    width: 100%;
    justify-content: center;
  }
}
.modal-overlay.closing {
  animation: fadeOut 0.2s ease-out forwards;
}
.modal-container.closing {
  animation: slideDown 0.2s ease-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes slideDown {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
}
.modal-overlay.nested-overlay {
  z-index: 1100;
}
.modal-container.modal-sm {
  max-width: 400px;
}
.modal-container.modal-md {
  max-width: 600px;
}
.modal-container.modal-lg {
  max-width: 800px;
}
.modal-container.modal-xl {
  max-width: 1000px;
}
.modal-container.modal-full {
  max-width: 95vw;
  max-height: 95vh;
}
.modal-footer.start {
  justify-content: flex-start;
}
.modal-footer.center {
  justify-content: center;
}
.modal-footer.space-between {
  justify-content: space-between;
}
.file-upload-zone {
  position: relative;
  border: 2px dashed var(--gray-300);
  border-radius: var(--radius-lg);
  padding: var(--space-8) var(--space-4);
  text-align: center;
  background-color: var(--gray-50);
  transition: all var(--transition-normal);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  min-height: 200px;
}
.file-upload-zone:hover {
  border-color: var(--primary-400);
  background-color: var(--primary-50);
}
.file-upload-zone.active {
  border-color: var(--primary-500);
  background-color: var(--primary-50);
  transform: scale(0.99);
}
.file-upload-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload-icon {
  width: 48px;
  height: 48px;
  color: var(--gray-400);
  margin-bottom: var(--space-2);
  transition: color var(--transition-fast);
}
.file-upload-zone:hover .upload-icon,
.file-upload-zone.active .upload-icon {
  color: var(--primary-500);
}
.upload-text {
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
  font-size: 1rem;
}
.upload-hint {
  color: var(--text-secondary);
  font-size: 0.875rem;
}
.file-info {
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background-color: var(--primary-50);
  border: 1px solid var(--primary-100);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary-hover);
  font-weight: var(--font-weight-medium);
  font-size: 0.9375rem;
  animation: slideUp var(--transition-fast) ease-out;
}
.file-remove {
  background: none;
  border: none;
  color: var(--primary-500);
  cursor: pointer;
  padding: var(--space-1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast);
}
.file-remove:hover {
  background-color: var(--primary-100);
  color: var(--primary-hover);
}
.upload-instructions {
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-6);
}
.upload-instructions p {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  margin-bottom: var(--space-3);
  font-size: 0.9375rem;
}
.instruction-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.instruction-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.5;
}
.instruction-icon {
  width: 18px;
  height: 18px;
  color: var(--success-500);
  flex-shrink: 0;
  margin-top: var(--spacing-2xs);
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.modal.closing {
  animation: fadeOut 0.2s ease-out forwards;
}
.modal-content.closing {
  animation: slideDown 0.2s ease-out forwards;
}
.modal {
  animation: fadeIn 0.2s ease-out;
}
.modal-content {
  animation: slideUp 0.3s ease-out;
}
.close {
  color: var(--gray-400);
  font-size: 1.5rem;
  font-weight: var(--font-weight-light);
  line-height: 1;
  cursor: pointer;
  transition: color var(--transition-fast);
  background: none;
  border: none;
  padding: 0;
}
.close:hover {
  color: var(--gray-600);
}
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: var(--font-weight-medium);
  border-radius: var(--radius-full);
}
.badge-primary {
  background-color: var(--primary-100);
  color: var(--primary-hover);
}
.badge-success {
  background-color: var(--success-100);
  color: var(--success-700);
}
.badge-danger {
  background-color: var(--danger-100);
  color: var(--danger-700);
}
.badge-warning {
  background-color: var(--warning-100);
  color: var(--warning-600);
}
.loading-spinner {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--gray-200);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      var(--gray-200) 25%,
      var(--gray-100) 50%,
      var(--gray-200) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: var(--radius-sm);
}
.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;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shadow-sm {
  box-shadow: var(--shadow-sm);
}
.shadow-md {
  box-shadow: var(--shadow-md);
}
.shadow-lg {
  box-shadow: var(--shadow-lg);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-full {
  border-radius: var(--radius-full);
}
.tabs {
  display: flex;
  gap: var(--space-1);
  border-bottom: 1px solid var(--border-color);
  margin-bottom: var(--space-4);
}
.tab-btn {
  padding: var(--space-3) var(--space-4);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--text-secondary);
  font-weight: var(--font-weight-medium);
  font-size: 0.9rem;
  cursor: pointer;
  transition: all var(--transition-fast);
}
.tab-btn:hover {
  color: var(--primary-color);
  background-color: var(--gray-50);
}
.tab-btn.active {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}
.tab-content {
  animation: tabFadeIn 0.25s ease-out;
}
@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.tab-pane {
  animation: tabFadeIn 0.25s ease-out;
}
textarea.form-control {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.page-container {
  padding: var(--space-6);
  height: calc(100vh - 120px);
  animation: fadeInUp 0.4s ease-out;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.split-layout {
  display: flex;
  gap: var(--space-6);
  height: 100%;
  overflow: hidden;
}
.sidebar-panel {
  width: 280px;
  min-width: 280px;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.sidebar-panel h3 {
  margin: 0;
  padding: var(--space-4);
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-color);
  background: var(--gray-50);
}
.content-panel {
  flex: 1;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  overflow-y: auto;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}
.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-4) var(--space-5);
  position: sticky;
  top: 0;
  background: var(--surface-color);
  z-index: 10;
  border-bottom: 1px solid var(--border-color);
}
.panel-header h3 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
}
.search-container {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  padding: var(--space-3);
  background: var(--gray-50);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-color);
}
.sidebar-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  flex: 1;
}
.sidebar-list li {
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  border-bottom: 1px solid var(--gray-100);
  font-size: 0.875rem;
  color: var(--text-secondary);
  transition: all var(--transition-fast);
}
.sidebar-list li:hover {
  background-color: var(--gray-50);
  color: var(--text-primary);
}
.sidebar-list li.active,
.sidebar-list li.selected {
  background-color: var(--primary-50);
  color: var(--primary-hover);
  font-weight: var(--font-weight-medium);
  border-left: 3px solid var(--primary-color);
}
.search-input {
  height: var(--srm-control-height);
  min-height: var(--srm-control-height);
  max-height: var(--srm-control-height);
  padding: 0 var(--space-2);
  border: var(--border-width-sm) solid var(--border-color-strong);
  border-radius: var(--radius-sm);
  font-size: var(--srm-font-size-md);
  background: var(--surface-color);
  color: var(--text-primary);
  box-sizing: border-box;
  width: 100%;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.search-input::placeholder {
  color: var(--text-muted);
  font-size: var(--srm-font-size-md);
  font-weight: var(--font-weight-normal);
  opacity: 1;
}
.search-input:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 2px var(--primary-100);
}
.loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-8);
  color: var(--text-muted);
  font-size: 0.875rem;
  width: 100%;
}
.no-items {
  text-align: center;
  padding: var(--space-8) var(--space-4);
  color: var(--text-muted);
}
.no-items p {
  margin-bottom: var(--space-4);
}
.item-skeleton {
  height: 40px;
  background: var(--gray-100);
  margin-bottom: var(--space-2);
  border-radius: var(--radius-sm);
  animation: pulse 1.5s infinite;
}
.tab-skeleton {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--gray-100);
  height: 45px;
  background-color: var(--gray-50);
  animation: pulse 1.5s infinite;
}
textarea.form-control {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.form-row {
  display: flex;
  gap: var(--space-4);
}
.form-row .form-group {
  flex: 1;
}
.checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--font-weight-normal);
  cursor: pointer;
}
.form-hint {
  display: block;
  margin-top: var(--space-1);
  font-size: 0.75rem;
  color: var(--text-muted);
}
.loading-spinner-inline {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
.loading-spinner-sm {
  width: 20px;
  height: 20px;
  border: 2px solid var(--gray-300);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.loading-spinner-md {
  width: 32px;
  height: 32px;
  border: 3px solid var(--gray-200);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.loading-spinner-lg {
  width: 48px;
  height: 48px;
  border: 4px solid var(--gray-200);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  gap: var(--space-4);
  color: var(--text-secondary);
}
.loading-container p {
  margin: 0;
  font-size: 0.95rem;
  font-weight: var(--font-weight-medium);
}
.loading-disabled {
  pointer-events: none;
  opacity: 0.6;
  filter: grayscale(30%);
}
.btn.loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
}
.btn.loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton {
  background:
    linear-gradient(
      90deg,
      var(--gray-100) 25%,
      var(--gray-200) 50%,
      var(--gray-100) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: var(--radius-sm);
}
.badge {
  display: inline-block;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  line-height: 1;
}
.badge-success {
  background: var(--success-100);
  color: var(--success-700, var(--success-700));
}
.badge-danger {
  background: var(--danger-100);
  color: var(--danger-700, var(--danger-700));
}
.badge-warning {
  background: var(--warning-100);
  color: var(--warning-700, var(--warning-600));
}
.badge-primary {
  background: var(--primary-100);
  color: var(--primary-700);
}
.btn-icon {
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.btn-icon:hover {
  background: var(--gray-100);
  color: var(--primary-color);
}
.btn-icon.delete:hover {
  background: var(--danger-50);
  color: var(--danger-600);
}
.tabs-header {
  display: flex;
  gap: 0;
  background: var(--surface-color);
  padding: 0 var(--space-6);
  border-bottom: 1px solid var(--border-color);
  overflow-x: auto;
}
.tab-item {
  padding: var(--space-4) var(--space-5);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  font-size: 0.9rem;
  color: var(--text-secondary);
  transition: all var(--transition-fast);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: transparent;
  white-space: nowrap;
}
.tab-item:hover {
  color: var(--primary-color);
}
.tab-item.active {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}
.tab-content {
  padding: var(--space-6);
  background: var(--surface-color);
}
.search-container {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
}
.search-filter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  align-items: center;
  flex: 1;
}
.upload-zone {
  position: relative;
  border: 2px dashed var(--border-color);
  border-radius: var(--radius-md);
  padding: var(--space-10) var(--space-5);
  text-align: center;
  transition: all var(--transition-fast);
  cursor: pointer;
  background: var(--gray-50);
}
.upload-zone:hover,
.upload-zone.active {
  border-color: var(--primary-500);
  background: var(--primary-50);
}
.table-detail-row > td {
  padding: 0 !important;
  border-bottom: 2px solid var(--primary-500);
  background: var(--gray-50);
}
.detail-panel {
  padding: var(--space-6);
}
.text-muted {
  color: var(--text-secondary) !important;
}
.table-wrapper {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-4);
}
.btn-info {
  background: var(--info-600) !important;
  color: var(--surface-color) !important;
  border-color: var(--info-600) !important;
}
.btn-info:hover {
  background: var(--info-700) !important;
  border-color: var(--info-700) !important;
}
.actions-cell {
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
}
.actions-cell > .btn,
.actions-cell > a,
.actions-cell > button {
  display: inline-flex;
  vertical-align: middle;
  margin-right: var(--spacing-sm);
}
.actions-cell > :last-child {
  margin-right: 0;
}
srm-search-panel {
  display: block;
  flex-shrink: 0;
  width: 100%;
}
srm-results-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
srm-data-grid {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
srm-input,
srm-textarea,
srm-native-select {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-sm);
}
.header h3 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}
.header-actions {
  display: flex;
  gap: var(--space-2);
}
.search-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--srm-search-gap-y, 0.375rem) var(--srm-search-gap-x, 0.875rem);
  width: 100%;
  align-items: center;
}
.search-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--srm-search-field-gap, 0.375rem);
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible;
  position: relative;
}
.search-field.span-2,
.search-field--date-range {
  grid-column: span 2;
}
.search-field app-single-select,
.search-field app-multi-select,
.search-field srm-select,
.search-field srm-lookup-input,
.search-field srm-lookup-multiselect,
.search-field srm-datepicker {
  flex: 1 1 auto;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex;
  overflow: visible !important;
  position: relative;
}
.search-field srm-input,
.search-field srm-textarea,
.search-field srm-native-select {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  display: block;
  overflow: visible;
  position: relative;
}
.search-field input.search-input,
.search-field input:not([type=checkbox]):not([type=radio]),
.search-field select {
  flex: 1 1 auto;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex;
  overflow: hidden;
}
.search-field > label {
  font-size: var(--srm-font-size-sm);
  font-weight: var(--srm-font-semibold);
  color: var(--text-primary);
  flex: 0 0 auto;
  min-width: var(--srm-search-label-width, 5.5rem);
  max-width: none;
  text-align: right;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: calc(var(--space-1) / 2);
  line-height: 1.1;
  white-space: nowrap;
  overflow: visible;
}
.search-field > label:has(.exclude-wrapper) {
  min-width: 6.75rem;
}
.exclude-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
  max-width: none;
  overflow: visible;
  font-size: var(--srm-font-size-xs);
  font-weight: var(--font-weight-normal);
  line-height: 1;
  gap: var(--space-1);
  color: var(--text-secondary);
}
.exclude-wrapper srm-checkbox {
  display: inline-flex !important;
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.exclude-wrapper .srm-checkbox-wrapper {
  display: inline-flex !important;
  width: max-content !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  gap: var(--space-1);
}
.exclude-wrapper .srm-checkbox,
.exclude-wrapper input[type=checkbox] {
  width: var(--space-4) !important;
  min-width: var(--space-4) !important;
  max-width: var(--space-4) !important;
  height: var(--space-4) !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  overflow: visible !important;
}
.exclude-wrapper .srm-checkbox-label {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: var(--srm-font-size-xs) !important;
  color: var(--text-secondary) !important;
  line-height: 1 !important;
}
.search-input {
  height: var(--srm-control-height);
  min-height: var(--srm-control-height);
  max-height: var(--srm-control-height);
  padding: 0 var(--space-2);
  font-size: var(--srm-font-size-md);
  border-radius: var(--radius-sm);
  border: var(--border-width-sm) solid var(--border-color-strong);
  background-color: var(--surface-color);
  color: var(--text-primary);
  outline: none;
  box-sizing: border-box;
  width: 100%;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.search-input::placeholder {
  color: var(--text-muted);
  font-size: var(--srm-font-size-md);
  font-weight: var(--font-weight-normal);
  opacity: 1;
}
.search-input:focus {
  border-color: var(--primary-color);
  box-shadow: var(--srm-focus-ring);
}
srm-input.search-input,
srm-textarea.search-input,
srm-native-select.search-input,
srm-textarea.composer-textarea,
srm-datepicker.search-input {
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.search-action,
.search-actions {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  white-space: nowrap;
  justify-content: flex-end;
  justify-self: end;
  grid-column: -1;
  padding: 0;
  width: 100%;
}
.search-actions .btn {
  min-width: 60px;
  height: var(--srm-control-height);
  padding: 0 var(--space-2);
  font-size: var(--srm-font-size-sm);
}
.ng-select {
  font-size: var(--srm-font-size-md) !important;
}
.ng-select .ng-select-container {
  min-height: var(--srm-control-height) !important;
  height: var(--srm-control-height) !important;
  max-height: var(--srm-control-height) !important;
  border-radius: var(--radius-sm) !important;
  border: var(--border-width-sm) solid var(--border-color-strong) !important;
  padding: 0 var(--space-2) !important;
  font-size: var(--srm-font-size-md) !important;
  background: var(--surface-color) !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.ng-select.ng-select-opened > .ng-select-container {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 2px var(--primary-100) !important;
}
.ng-select .ng-value-container {
  padding: 0 !important;
  align-items: center !important;
}
.ng-select .ng-value-container .ng-placeholder {
  font-size: var(--srm-font-size-md) !important;
  color: var(--text-muted) !important;
  top: auto !important;
}
.ng-select .ng-value-container .ng-value {
  font-size: var(--srm-font-size-sm) !important;
  background: var(--primary-50) !important;
  color: var(--primary-700) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0 var(--space-1) !important;
  margin-right: var(--space-1) !important;
}
.ng-select .ng-value-container .ng-input > input {
  font-size: var(--srm-font-size-md) !important;
  color: var(--text-primary) !important;
}
.ng-select .ng-arrow-wrapper {
  padding-right: var(--space-1) !important;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: var(--text-muted) transparent transparent !important;
}
.ng-select .ng-clear-wrapper {
  padding-right: var(--spacing-2xs) !important;
  width: 14px !important;
}
.ng-select .ng-dropdown-panel {
  font-size: 0.8125rem !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.ng-select .ng-dropdown-panel .ng-option {
  padding: var(--spacing-xs) var(--spacing-sm) !important;
  font-size: 0.8125rem !important;
}
@media (max-width: 1536px) {
  .search-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 960px) {
  .search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--srm-search-gap-y, 0.375rem) var(--space-2);
  }
  .search-field.span-2,
  .search-field--date-range {
    grid-column: 1/-1;
  }
}
@media (max-width: 700px) {
  .search-fields {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }
  .search-field {
    width: 100%;
  }
  .search-field > label {
    flex: 0 0 auto;
    min-width: var(--srm-search-label-mobile-width, 4.5rem);
    max-width: none;
    text-align: right;
    font-size: var(--srm-font-size-xs);
  }
  .search-field > label:has(.exclude-wrapper) {
    min-width: 6.75rem;
  }
  .search-field.span-2,
  .search-field--date-range {
    grid-column: 1/-1;
  }
  .search-actions {
    grid-column: 1/-1;
    justify-content: flex-end;
    width: 100%;
    padding-top: var(--space-1);
  }
}
@media (max-width: 480px) {
  .search-fields {
    gap: var(--space-2);
  }
  .search-field {
    gap: var(--space-1);
  }
  .search-field > label {
    flex: 0 0 auto;
    min-width: var(--srm-search-label-xs-width, 3.75rem);
    max-width: none;
    font-size: var(--srm-font-size-xs);
  }
  .search-field > label:has(.exclude-wrapper) {
    min-width: 6.75rem;
  }
  .search-actions {
    grid-column: 1/-1;
    width: 100%;
    justify-content: flex-end;
    gap: var(--space-2);
  }
}
.expand-col {
  width: 50px;
  text-align: center;
  padding: var(--spacing-sm) !important;
}
.expand-btn {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--primary-color, var(--primary-500));
  color: white;
  border: none;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-normal);
  box-shadow: var(--shadow-sm);
}
.expand-btn:hover {
  background: var(--primary-hover);
  transform: scale(1.1);
}
.expand-btn.expanded {
  transform: rotate(180deg);
}
.detail-row {
  background:
    linear-gradient(
      135deg,
      var(--gray-50) 0%,
      var(--gray-100) 100%);
}
.detail-row > td {
  padding: 0 !important;
  border-bottom: 2px solid var(--primary-color);
}
.detail-cell {
  padding: 0 !important;
}
.detail-panel {
  padding: var(--space-6);
  animation: slideDown 0.3s ease-out;
}
.detail-panel.collapsing {
  animation: slideUp 0.3s ease-out forwards;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
    max-height: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    max-height: 2000px;
  }
}
@keyframes slideUp {
  from {
    opacity: 1;
    transform: translateY(0);
    max-height: 2000px;
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
    max-height: 0;
  }
}
.detail-sections {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
}
@media (max-width: 1500px) {
  .detail-sections {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 700px) {
  .detail-sections {
    grid-template-columns: 1fr;
  }
}
.detail-section {
  background: var(--surface-color);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-color);
}
.detail-section.full-width {
  grid-column: 1/-1;
}
.section-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-color);
}
.section-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  color: white;
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
}
.section-title {
  font-size: 0.85rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-secondary);
  margin: 0;
}
.section-content {
  font-size: 0.9rem;
}
.info-row {
  display: flex;
  margin-bottom: var(--space-2);
}
.info-row:last-child {
  margin-bottom: 0;
}
.info-label {
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
  min-width: 80px;
  flex-shrink: 0;
}
.info-value {
  color: var(--text-primary);
  word-break: break-word;
}
.info-value.empty {
  color: var(--text-muted);
  font-style: italic;
}
.chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: var(--spacing-xs);
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) 10px;
  background: var(--primary-50);
  color: var(--primary-hover);
  border-radius: var(--radius-full);
  font-size: 0.78rem;
  font-weight: var(--font-weight-medium);
  border: 1px solid var(--primary-200);
  transition: all var(--transition-fast);
}
.chip:hover {
  background: var(--primary-100);
}
.type-badge {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-sm);
  font-size: 0.8rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}
.type-running {
  background: var(--success-100);
  color: var(--success-700);
}
.type-under_discussion {
  background: var(--warning-100);
  color: var(--warning-600);
}
.type-new {
  background: var(--primary-100);
  color: var(--primary-800);
}
.status-badge,
.status-badge-detail,
.type-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xs) var(--spacing-sm);
  border-radius: var(--radius-sm, 4px);
  font-size: var(--srm-font-size-xs, 0.6875rem);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.2;
  font-family: inherit;
  white-space: nowrap;
}
.status-badge.sm {
  padding: 1px 6px;
  font-size: 0.625rem;
}
.status-draft {
  background: var(--gray-100);
  color: var(--gray-600);
}
.status-pending {
  background: var(--warning-100);
  color: var(--warning-700);
}
.status-approved {
  background: var(--success-100);
  color: var(--success-700);
}
.status-rejected {
  background: var(--danger-100);
  color: var(--danger-700);
}
.status-converted {
  background: var(--primary-100);
  color: var(--primary-700);
}
.status-expired {
  background: var(--gray-200);
  color: var(--gray-600);
}
.status-active {
  background: var(--success-100);
  color: var(--success-700);
}
.status-inactive {
  background: var(--gray-200);
  color: var(--gray-700);
}
.status-blacklisted {
  background: var(--danger-100);
  color: var(--danger-700);
}
.status-blocked {
  background: var(--danger-100);
  color: var(--danger-700);
}
.status-no_response {
  background: var(--gray-200);
  color: var(--gray-700);
}
.status-different_business {
  background: var(--warning-100);
  color: var(--warning-600);
}
.status-credit_customer {
  background: var(--info-100);
  color: var(--info-700);
}
.status-wrong_details {
  background: var(--danger-100);
  color: var(--danger-700);
}
.status-local_agent_require {
  background: var(--gray-200);
  color: var(--gray-700);
}
.whatsapp-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-2xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: var(--font-weight-medium);
}
.whatsapp-badge.active {
  background: var(--whatsapp-bg);
  color: var(--whatsapp-text);
}
.whatsapp-badge.inactive {
  background: var(--gray-200);
  color: var(--gray-500);
}
.whatsapp-icon {
  font-size: 0.9rem;
}
.empty-state {
  text-align: center;
  padding: 40px;
  color: var(--text-secondary);
  font-style: italic;
}
.no-data {
  color: var(--text-muted);
  font-style: italic;
  font-size: 0.85rem;
}
.detail-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: var(--text-secondary);
}
.detail-loading-spinner {
  width: 24px;
  height: 24px;
  border: 3px solid var(--gray-200);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-right: var(--spacing-md);
}
.btn-notify {
  background: var(--surface-color);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}
.btn-notify:hover:not(:disabled) {
  background: var(--gray-100);
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.btn-notify svg {
  stroke: currentColor;
}
.actions-cell,
.srm-data-grid__actions-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--space-1) !important;
  vertical-align: middle !important;
  width: 100% !important;
  white-space: nowrap !important;
}
.action-icon-btn,
button.action-icon-btn,
a.action-icon-btn,
.srm-data-grid__action-icon-btn,
button.srm-data-grid__action-icon-btn,
.srm-action-icon-btn,
button.srm-action-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  border-radius: var(--radius-sm) !important;
  cursor: pointer !important;
  font-size: var(--srm-font-size-md) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  color: var(--primary-color) !important;
  transition:
    background var(--transition-fast) ease,
    color var(--transition-fast) ease,
    transform var(--transition-fast) ease !important;
}
.action-icon-btn i,
.action-icon-btn svg,
button.action-icon-btn i,
button.action-icon-btn svg,
a.action-icon-btn i,
a.action-icon-btn svg,
.srm-data-grid__action-icon-btn i,
.srm-data-grid__action-icon-btn svg,
button.srm-data-grid__action-icon-btn i,
button.srm-data-grid__action-icon-btn svg,
.srm-action-icon-btn i,
.srm-action-icon-btn svg,
button.srm-action-icon-btn i,
button.srm-action-icon-btn svg {
  font-size: var(--srm-font-size-md) !important;
  line-height: 1 !important;
  display: inline-block !important;
}
.action-icon-btn:hover:not(:disabled),
button.action-icon-btn:hover:not(:disabled),
a.action-icon-btn:hover:not(:disabled),
.srm-data-grid__action-icon-btn:hover:not(:disabled),
button.srm-data-grid__action-icon-btn:hover:not(:disabled),
.srm-action-icon-btn:hover:not(:disabled),
button.srm-action-icon-btn:hover:not(:disabled) {
  background: var(--primary-50) !important;
  color: var(--primary-hover) !important;
  transform: scale(1.12) !important;
}
.action-icon-btn:disabled,
button.action-icon-btn:disabled,
a.action-icon-btn:disabled,
.srm-data-grid__action-icon-btn:disabled,
button.srm-data-grid__action-icon-btn:disabled,
.srm-action-icon-btn:disabled,
button.srm-action-icon-btn:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  transform: none !important;
}
.action-icon-btn.history,
.action-icon-btn.action-history,
button.action-icon-btn.history,
button.action-icon-btn.action-history,
a.action-icon-btn.history,
a.action-icon-btn.action-history,
.srm-data-grid__action-icon-btn.history,
.srm-data-grid__action-icon-btn.action-history,
button.srm-data-grid__action-icon-btn.history,
button.srm-data-grid__action-icon-btn.action-history,
.srm-action-icon-btn.history,
.srm-action-icon-btn.action-history,
button.srm-action-icon-btn.history,
button.srm-action-icon-btn.action-history {
  color: var(--text-secondary) !important;
}
.action-icon-btn.history:hover:not(:disabled),
.action-icon-btn.action-history:hover:not(:disabled),
button.action-icon-btn.history:hover:not(:disabled),
button.action-icon-btn.action-history:hover:not(:disabled),
a.action-icon-btn.history:hover:not(:disabled),
a.action-icon-btn.action-history:hover:not(:disabled),
.srm-data-grid__action-icon-btn.history:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-history:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.history:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-history:hover:not(:disabled),
.srm-action-icon-btn.history:hover:not(:disabled),
.srm-action-icon-btn.action-history:hover:not(:disabled),
button.srm-action-icon-btn.history:hover:not(:disabled),
button.srm-action-icon-btn.action-history:hover:not(:disabled) {
  background: var(--gray-100) !important;
  color: var(--text-primary) !important;
}
.action-icon-btn.edit,
.action-icon-btn.action-edit,
button.action-icon-btn.edit,
button.action-icon-btn.action-edit,
a.action-icon-btn.edit,
a.action-icon-btn.action-edit,
.srm-data-grid__action-icon-btn.edit,
.srm-data-grid__action-icon-btn.action-edit,
button.srm-data-grid__action-icon-btn.edit,
button.srm-data-grid__action-icon-btn.action-edit,
.srm-action-icon-btn.edit,
.srm-action-icon-btn.action-edit,
button.srm-action-icon-btn.edit,
button.srm-action-icon-btn.action-edit {
  color: var(--primary-color) !important;
}
.action-icon-btn.edit:hover:not(:disabled),
.action-icon-btn.action-edit:hover:not(:disabled),
button.action-icon-btn.edit:hover:not(:disabled),
button.action-icon-btn.action-edit:hover:not(:disabled),
a.action-icon-btn.edit:hover:not(:disabled),
a.action-icon-btn.action-edit:hover:not(:disabled),
.srm-data-grid__action-icon-btn.edit:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-edit:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.edit:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-edit:hover:not(:disabled),
.srm-action-icon-btn.edit:hover:not(:disabled),
.srm-action-icon-btn.action-edit:hover:not(:disabled),
button.srm-action-icon-btn.edit:hover:not(:disabled),
button.srm-action-icon-btn.action-edit:hover:not(:disabled) {
  background: var(--primary-50) !important;
  color: var(--primary-hover) !important;
}
.action-icon-btn.delete,
.action-icon-btn.action-delete,
.action-icon-btn.danger,
button.action-icon-btn.delete,
button.action-icon-btn.action-delete,
button.action-icon-btn.danger,
a.action-icon-btn.delete,
a.action-icon-btn.action-delete,
a.action-icon-btn.danger,
.srm-data-grid__action-icon-btn.delete,
.srm-data-grid__action-icon-btn.action-delete,
.srm-data-grid__action-icon-btn.danger,
button.srm-data-grid__action-icon-btn.delete,
button.srm-data-grid__action-icon-btn.action-delete,
button.srm-data-grid__action-icon-btn.danger,
.srm-action-icon-btn.delete,
.srm-action-icon-btn.action-delete,
.srm-action-icon-btn.danger,
button.srm-action-icon-btn.delete,
button.srm-action-icon-btn.action-delete,
button.srm-action-icon-btn.danger {
  color: var(--error-color, var(--danger-500)) !important;
}
.action-icon-btn.delete:hover:not(:disabled),
.action-icon-btn.action-delete:hover:not(:disabled),
.action-icon-btn.danger:hover:not(:disabled),
button.action-icon-btn.delete:hover:not(:disabled),
button.action-icon-btn.action-delete:hover:not(:disabled),
button.action-icon-btn.danger:hover:not(:disabled),
a.action-icon-btn.delete:hover:not(:disabled),
a.action-icon-btn.action-delete:hover:not(:disabled),
a.action-icon-btn.danger:hover:not(:disabled),
.srm-data-grid__action-icon-btn.delete:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-delete:hover:not(:disabled),
.srm-data-grid__action-icon-btn.danger:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.delete:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-delete:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.danger:hover:not(:disabled),
.srm-action-icon-btn.delete:hover:not(:disabled),
.srm-action-icon-btn.action-delete:hover:not(:disabled),
.srm-action-icon-btn.danger:hover:not(:disabled),
button.srm-action-icon-btn.delete:hover:not(:disabled),
button.srm-action-icon-btn.action-delete:hover:not(:disabled),
button.srm-action-icon-btn.danger:hover:not(:disabled) {
  background: var(--error-50, var(--danger-50)) !important;
  color: var(--error-hover, var(--danger-600)) !important;
}
.action-icon-btn.transfer,
.action-icon-btn.action-transfer,
button.action-icon-btn.transfer,
button.action-icon-btn.action-transfer,
a.action-icon-btn.transfer,
a.action-icon-btn.action-transfer,
.srm-data-grid__action-icon-btn.transfer,
.srm-data-grid__action-icon-btn.action-transfer,
button.srm-data-grid__action-icon-btn.transfer,
button.srm-data-grid__action-icon-btn.action-transfer,
.srm-action-icon-btn.transfer,
.srm-action-icon-btn.action-transfer,
button.srm-action-icon-btn.transfer,
button.srm-action-icon-btn.action-transfer {
  color: var(--warning-color, var(--warning-500)) !important;
}
.action-icon-btn.transfer:hover:not(:disabled),
.action-icon-btn.action-transfer:hover:not(:disabled),
button.action-icon-btn.transfer:hover:not(:disabled),
button.action-icon-btn.action-transfer:hover:not(:disabled),
a.action-icon-btn.transfer:hover:not(:disabled),
a.action-icon-btn.action-transfer:hover:not(:disabled),
.srm-data-grid__action-icon-btn.transfer:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-transfer:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.transfer:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-transfer:hover:not(:disabled),
.srm-action-icon-btn.transfer:hover:not(:disabled),
.srm-action-icon-btn.action-transfer:hover:not(:disabled),
button.srm-action-icon-btn.transfer:hover:not(:disabled),
button.srm-action-icon-btn.action-transfer:hover:not(:disabled) {
  background: var(--warning-50, var(--warning-50)) !important;
  color: var(--warning-hover, var(--warning-600)) !important;
}
.action-icon-btn.logout,
.action-icon-btn.action-logout,
button.action-icon-btn.logout,
button.action-icon-btn.action-logout,
a.action-icon-btn.logout,
a.action-icon-btn.action-logout,
.srm-data-grid__action-icon-btn.logout,
.srm-data-grid__action-icon-btn.action-logout,
button.srm-data-grid__action-icon-btn.logout,
button.srm-data-grid__action-icon-btn.action-logout,
.srm-action-icon-btn.logout,
.srm-action-icon-btn.action-logout,
button.srm-action-icon-btn.logout,
button.srm-action-icon-btn.action-logout {
  color: var(--secondary-color, var(--gray-500)) !important;
}
.action-icon-btn.logout:hover:not(:disabled),
.action-icon-btn.action-logout:hover:not(:disabled),
button.action-icon-btn.logout:hover:not(:disabled),
button.action-icon-btn.action-logout:hover:not(:disabled),
a.action-icon-btn.logout:hover:not(:disabled),
a.action-icon-btn.action-logout:hover:not(:disabled),
.srm-data-grid__action-icon-btn.logout:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-logout:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.logout:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-logout:hover:not(:disabled),
.srm-action-icon-btn.logout:hover:not(:disabled),
.srm-action-icon-btn.action-logout:hover:not(:disabled),
button.srm-action-icon-btn.logout:hover:not(:disabled),
button.srm-action-icon-btn.action-logout:hover:not(:disabled) {
  background: var(--gray-100) !important;
  color: var(--text-primary) !important;
}
.action-icon-btn.copy,
.action-icon-btn.action-copy,
button.action-icon-btn.copy,
button.action-icon-btn.action-copy,
a.action-icon-btn.copy,
a.action-icon-btn.action-copy,
.srm-data-grid__action-icon-btn.copy,
.srm-data-grid__action-icon-btn.action-copy,
button.srm-data-grid__action-icon-btn.copy,
button.srm-data-grid__action-icon-btn.action-copy,
.srm-action-icon-btn.copy,
.srm-action-icon-btn.action-copy,
button.srm-action-icon-btn.copy,
button.srm-action-icon-btn.action-copy {
  color: var(--primary-color) !important;
}
.action-icon-btn.copy:hover:not(:disabled),
.action-icon-btn.action-copy:hover:not(:disabled),
button.action-icon-btn.copy:hover:not(:disabled),
button.action-icon-btn.action-copy:hover:not(:disabled),
a.action-icon-btn.copy:hover:not(:disabled),
a.action-icon-btn.action-copy:hover:not(:disabled),
.srm-data-grid__action-icon-btn.copy:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-copy:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.copy:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-copy:hover:not(:disabled),
.srm-action-icon-btn.copy:hover:not(:disabled),
.srm-action-icon-btn.action-copy:hover:not(:disabled),
button.srm-action-icon-btn.copy:hover:not(:disabled),
button.srm-action-icon-btn.action-copy:hover:not(:disabled) {
  background: var(--primary-50) !important;
  color: var(--primary-hover) !important;
}
.action-icon-btn.view,
.action-icon-btn.action-view,
button.action-icon-btn.view,
button.action-icon-btn.action-view,
a.action-icon-btn.view,
a.action-icon-btn.action-view,
.srm-data-grid__action-icon-btn.view,
.srm-data-grid__action-icon-btn.action-view,
button.srm-data-grid__action-icon-btn.view,
button.srm-data-grid__action-icon-btn.action-view,
.srm-action-icon-btn.view,
.srm-action-icon-btn.action-view,
button.srm-action-icon-btn.view,
button.srm-action-icon-btn.action-view {
  color: var(--info-color) !important;
}
.action-icon-btn.view:hover:not(:disabled),
.action-icon-btn.action-view:hover:not(:disabled),
button.action-icon-btn.view:hover:not(:disabled),
button.action-icon-btn.action-view:hover:not(:disabled),
a.action-icon-btn.view:hover:not(:disabled),
a.action-icon-btn.action-view:hover:not(:disabled),
.srm-data-grid__action-icon-btn.view:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-view:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.view:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-view:hover:not(:disabled),
.srm-action-icon-btn.view:hover:not(:disabled),
.srm-action-icon-btn.action-view:hover:not(:disabled),
button.srm-action-icon-btn.view:hover:not(:disabled),
button.srm-action-icon-btn.action-view:hover:not(:disabled) {
  background: var(--info-50) !important;
  color: var(--info-hover, var(--info-700)) !important;
}
.action-icon-btn.save,
.action-icon-btn.action-save,
button.action-icon-btn.save,
button.action-icon-btn.action-save,
a.action-icon-btn.save,
a.action-icon-btn.action-save,
.srm-data-grid__action-icon-btn.save,
.srm-data-grid__action-icon-btn.action-save,
button.srm-data-grid__action-icon-btn.save,
button.srm-data-grid__action-icon-btn.action-save,
.srm-action-icon-btn.save,
.srm-action-icon-btn.action-save,
button.srm-action-icon-btn.save,
button.srm-action-icon-btn.action-save {
  color: var(--success-color, var(--success-600)) !important;
}
.action-icon-btn.save:hover:not(:disabled),
.action-icon-btn.action-save:hover:not(:disabled),
button.action-icon-btn.save:hover:not(:disabled),
button.action-icon-btn.action-save:hover:not(:disabled),
a.action-icon-btn.save:hover:not(:disabled),
a.action-icon-btn.action-save:hover:not(:disabled),
.srm-data-grid__action-icon-btn.save:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-save:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.save:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-save:hover:not(:disabled),
.srm-action-icon-btn.save:hover:not(:disabled),
.srm-action-icon-btn.action-save:hover:not(:disabled),
button.srm-action-icon-btn.save:hover:not(:disabled),
button.srm-action-icon-btn.action-save:hover:not(:disabled) {
  background: var(--success-50, var(--success-50)) !important;
  color: var(--success-hover, var(--success-700)) !important;
}
.action-icon-btn.cancel,
.action-icon-btn.action-cancel,
button.action-icon-btn.cancel,
button.action-icon-btn.action-cancel,
a.action-icon-btn.cancel,
a.action-icon-btn.action-cancel,
.srm-data-grid__action-icon-btn.cancel,
.srm-data-grid__action-icon-btn.action-cancel,
button.srm-data-grid__action-icon-btn.cancel,
button.srm-data-grid__action-icon-btn.action-cancel,
.srm-action-icon-btn.cancel,
.srm-action-icon-btn.action-cancel,
button.srm-action-icon-btn.cancel,
button.srm-action-icon-btn.action-cancel {
  color: var(--error-color, var(--danger-500)) !important;
}
.action-icon-btn.cancel:hover:not(:disabled),
.action-icon-btn.action-cancel:hover:not(:disabled),
button.action-icon-btn.cancel:hover:not(:disabled),
button.action-icon-btn.action-cancel:hover:not(:disabled),
a.action-icon-btn.cancel:hover:not(:disabled),
a.action-icon-btn.action-cancel:hover:not(:disabled),
.srm-data-grid__action-icon-btn.cancel:hover:not(:disabled),
.srm-data-grid__action-icon-btn.action-cancel:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.cancel:hover:not(:disabled),
button.srm-data-grid__action-icon-btn.action-cancel:hover:not(:disabled),
.srm-action-icon-btn.cancel:hover:not(:disabled),
.srm-action-icon-btn.action-cancel:hover:not(:disabled),
button.srm-action-icon-btn.cancel:hover:not(:disabled),
button.srm-action-icon-btn.action-cancel:hover:not(:disabled) {
  background: var(--error-50, var(--danger-50)) !important;
  color: var(--error-hover, var(--danger-600)) !important;
}

/* angular:styles/global:styles */