.loading { /* Flashing/shimmer background while loading */ background: rgba(0, 0, 0, 0.03) !important; position: relative; overflow: hidden; }

.loading > * { opacity: 0 !important; }

.loading::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, white, transparent); animation: flash 0.8s infinite; }

@keyframes flash { 0% { transform: translateX(0); }
  100% { transform: translateX(200%); } }

.shebang_info_link { cursor: pointer; }

.shebang_info_link:hover { background: rgba(255, 255, 255, 0.99); }

.only_show_if { display: none !important; }

.grid_table { display: inline-grid; column-gap: 32px; row-gap: 6px; align-items: center; }

.grid_table.grid_table_2 { grid-template-columns: min-content min-content; }

.grid_table.grid_table_3 { grid-template-columns: min-content min-content min-content; }

.grid_table.grid_table_4 { grid-template-columns: min-content min-content min-content min-content; }

.grid_table.grid_table_5 { grid-template-columns: min-content min-content min-content min-content min-content; }

.grid_table.grid_table_6 { grid-template-columns: min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_7 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_8 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_9 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_10 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_11 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content; }

.grid_table.grid_table_12 { grid-template-columns: min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content min-content; }

.grid_table .full_width { grid-column: 1 / -1; display: flex; column-gap: 8px; align-items: center; }

.grid_table .select_all { margin-bottom: 12px; }

.grid_table .select_all > span { color: #71717a; }

.grid_table .grid-row-wrapper { display: contents; }

.grid_table .grid-row-wrapper.hide { display: none; }

.grid_table .grid-row-wrapper > span { line-height: 24px; }

.grid_table .grid-row-wrapper > span.disabled { visibility: hidden; pointer-events: none; }

.grid_table > * { white-space: nowrap; }

.grid_table .grid_title { font-weight: 600; }

.pagination_container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; }

.pagination_container .dropdown { margin-left: 0; order: 999; }

.pagination_container .data_container_pagination { display: flex; gap: 6px; justify-content: center; align-items: center; flex-wrap: wrap; }

.pagination_container .data_container_pagination .dots { width: 24px; text-align: center; user-select: none; }

.pagination_container .data_container_pagination .pagination_btn { padding: 6px 12px; border: 1px solid #e4e4e7; color: #09090b; cursor: pointer; border-radius: 4px; font-size: 14px; transition: background-color 0.2s ease; }

.pagination_container .data_container_pagination .pagination_btn:hover:not(:disabled) { background-color: #e0e0e0; }

.pagination_container .data_container_pagination .pagination_btn:disabled { opacity: 0.5; cursor: default; }

.pagination_container .data_container_pagination .pagination_btn.active { background-color: #007bff; color: white; border-color: #007bff; }

.pagination_container .data_container_pagination .pagination_btn.hidden { display: none; }

.data_container { margin-top: 8px; margin-bottom: 8px; margin-left: 27px; padding-right: 27px !important; padding-left: 0 !important; border-radius: 4px; min-width: calc(100% - 54px); justify-content: flex-start; }

.data_container .shebang_empty_message { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; font-size: 14px; }

.data_container .shebang_empty_message svg { width: 16px; height: 16px; margin-right: 12px; color: rgba(113, 113, 122, 0.4); }

.data_container .shebang_empty_message span { color: rgba(9, 9, 11, 0.5); }

.data_container .checkbox_wrapper { margin-top: 0; }

.data_container .custom_field_wrapper span { margin-right: 8px; }

.data_container a.no_underline { text-decoration: none; color: inherit; }

.data_container span { font-size: 14px; line-height: 14px; }

.data_container span.shebang_delete, .data_container span.shebang_info, .data_container span.shebang_edit { display: inline-block; background: rgba(228, 228, 231, 0.5); padding: 3px; border-radius: 40px; cursor: pointer; height: 18px; width: 18px; }

.data_container span.shebang_delete svg, .data_container span.shebang_info svg, .data_container span.shebang_edit svg { height: 12px; width: 12px; }

.data_container:not(.grid_table) { display: flex; flex-direction: column; justify-content: flex-start; row-gap: 8px; }

.data_container:not(.grid_table) .data_row { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 12px; }

.data_container:not(.grid_table) .data_row span { font-size: 14px; line-height: 14px; }