.filter-grid { grid-template-columns: minmax(200px, 1fr) minmax(280px, 2fr); }
.app-picker { position: relative; }
.app-picker input { padding-right: 44px; }
.app-toggle { position: absolute; right: 1px; top: 1px; width: 40px; height: 40px; border: 0; border-radius: 5px; background: transparent; color: #7486a1; font-size: 20px; }
.app-toggle:hover { background: #f0f4fc; }
.app-dropdown { position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 6px); border: 1px solid #dce4ef; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px #233b681a; overflow: hidden; }
.app-list-status { padding: 11px 13px; font-size:13px; line-height: 1.6; color: #8090a6; background: #f8fafd; border-bottom: 1px solid #edf1f7; }
.app-options { max-height: 256px; overflow-y: auto; padding: 4px; }
.app-option { display: block; width: 100%; text-align: left; padding: 10px 12px; border: 0; border-radius: 5px; background: #fff; color: #445775; font-size:14px; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
.app-option:hover, .app-option.is-active { background: #edf3ff; color: #285ae8; }
.app-option[aria-selected="true"] { font-weight: 600; color: #285ae8; }
.table-scroll table { table-layout: fixed; }
.table-scroll th:first-child, .table-scroll td:first-child { width: 32%; min-width: 230px; }
.table-scroll td:nth-child(2) { font-family: Consolas, "Cascadia Code", monospace; color: #344968; white-space: normal; overflow-wrap: anywhere; max-width: none; }
@media (max-width: 700px) {
  .filter-grid { grid-template-columns: 1fr; }
  .filter-footer > span { max-width: none; }
  .table-scroll table { min-width: 580px; }
  .table-scroll th:first-child, .table-scroll td:first-child { width: 230px; }
}