/* MD_FILE_VERSION: 1.0.035 | CHANGED: 2026-04-02 17-02-02 */
/* Copyright Information
 * =====================
 * Copyright (c) 2026, The Scripps Research Institute
 * Developed by Dr. Gennadii Grabovyi
 */

/* ===== Import Tabs pane ===== */

.md-importtabs-card{
  --md-importtabs-col-1:44px;
  --md-importtabs-col-2:170px;
  --md-importtabs-col-3:110px;
  --md-importtabs-col-4:100px;
  --md-importtabs-col-5:180px;
  --md-importtabs-col-6:110px;
  --md-importtabs-col-7:150px;
  --md-importtabs-col-8:110px;
  --md-importtabs-col-9:150px;
  --md-importtabs-col-10:120px;
  --md-importtabs-table-width:calc(
    var(--md-importtabs-col-1) +
    var(--md-importtabs-col-2) +
    var(--md-importtabs-col-3) +
    var(--md-importtabs-col-4) +
    var(--md-importtabs-col-5) +
    var(--md-importtabs-col-6) +
    var(--md-importtabs-col-7) +
    var(--md-importtabs-col-8) +
    var(--md-importtabs-col-9) +
    var(--md-importtabs-col-10)
  );
}

.md-importtabs-card .md-importtabs-body{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.md-importtabs-card .md-importtabs-frame{
  border:1px solid var(--line-dark);
  border-radius:12px;
  background:var(--panel);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:260px;
  height:560px; /* resized via shared dashed-card resizer */
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-hdr{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 12px;
  background:var(--md-filter-values-hdr-bg);
  color:var(--md-filter-values-hdr-fg);
  border-bottom:1px solid var(--line-dark);
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-search{
  flex:4 1 0;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}

.md-importtabs-card .md-importtabs-search input{
  flex:1 1 auto;
  min-width:0;
  height:30px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,0.25);
  background:rgba(255,255,255,0.95);
  color:#0f172a;
  font:inherit;
  font-weight:500;
  outline:none;
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-search input:focus{
  box-shadow:0 0 0 3px rgba(255,255,255,0.35);
  border-color:rgba(255,255,255,0.65);
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-search input{
  background:#2A2C34;
  color:var(--fg);
  border-color:rgba(255,255,255,0.25);
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-search input:focus{
  box-shadow:0 0 0 3px #7aa2ff40;
  border-color:#c7c7c78c;
}

.md-importtabs-card .md-importtabs-selected-count{
  flex:1 0 0;
  min-width:140px;
  text-align:right;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.md-importtabs-card .md-importtabs-headwrap{
  flex:0 0 auto;
  position:relative;
  overflow:hidden;
  min-height:0;
  background:var(--md-filter-values-hdr-bg);
  padding-right:var(--md-importtabs-scrollbar-gutter, 0px);
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-scroller{
  flex:1 1 auto;
  position:relative;
  overflow:auto;
  min-height:0;
  background:var(--panel);
  scrollbar-gutter: stable;
  border:0;
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-table{
  width:var(--md-importtabs-table-width);
  min-width:var(--md-importtabs-table-width);
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:transparent;
  /* Override the global `table { ... border / border-radius ... }` rule so Import Tabs can be styled
     independently without affecting other tables in the app. */
  border:0;
  border-radius:0;
}

.md-importtabs-card .md-importtabs-head-table{
  border-top:0;
  border-right:1px solid var(--line-dark);
  border-bottom:0;
  border-left:0;
  border-top-left-radius:10px;
  border-top-right-radius:0;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  transform:translateX(0px);
  will-change:transform;
}

.md-importtabs-card .md-importtabs-body-table{
  border-top:0;
  border-right:1px solid var(--line-dark);
  border-bottom:0;
  border-left:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:0;
}

.md-importtabs-card .md-importtabs-table thead th{
  position:relative;
  top:auto;
  z-index:1;
  background:var(--md-filter-values-hdr-bg);
  color:var(--md-filter-values-hdr-fg);
  font-weight:600;
  font-size:13px;
  padding:10px 10px;
  border-bottom:1px solid var(--line-dark);
  border-right:1px solid rgba(15,23,42,0.08);
  text-align:center;
  white-space:nowrap;
  cursor:pointer;
  user-select:none;
  box-sizing:border-box;
}

.md-importtabs-card .md-importtabs-table thead th.md-col-resize-hover,
.md-importtabs-card .md-importtabs-table thead th.md-col-resizing{
  cursor:col-resize;
}

body.md-split-table-col-resizing,
body.md-split-table-col-resizing *{
  cursor:col-resize !important;
}

body.md-split-table-col-resizing{
  user-select:none;
}

.md-importtabs-card .md-importtabs-table thead th.sort-asc::after,
.md-importtabs-card .md-importtabs-table thead th.sort-desc::after{
  content:'';
  position:absolute;
  right:5px;
  top:50%;
  transform: translateY(-50%);
  display:block;
  width:0;
  height:0;
  margin:0;
  pointer-events:none;
}

.md-importtabs-card .md-importtabs-table thead th.sort-asc::after{
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom:7px solid currentColor;
}

.md-importtabs-card .md-importtabs-table thead th.sort-desc::after{
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:7px solid currentColor;
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-table thead th{
  border-right:1px solid rgba(255,255,255,0.06);
}

.md-importtabs-card .md-importtabs-table thead th:last-child{
  border-right:0;
}

.md-importtabs-card .md-importtabs-table tbody td{
  padding:10px 10px;
  border-bottom:1px solid rgba(15,23,42,0.08);
  border-right:1px solid rgba(15,23,42,0.08);
  font-size:13px;
  line-height:1.2;
  color:var(--fg);
  background:transparent;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-sizing:border-box;
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-table tbody td{
  border-bottom:1px solid rgba(255,255,255,0.06);
  border-right:1px solid rgba(255,255,255,0.06);
}

.md-importtabs-card .md-importtabs-table tbody td:last-child{
  border-right:0;
}

.md-importtabs-card .md-importtabs-table tbody tr:hover td{
  background:#94a3b824;
}

.md-importtabs-card .md-importtabs-table tbody tr.md-selected td{
  background:rgba(21,128,61,0.14);
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-table tbody tr.md-selected td{
  background:rgba(22,163,74,0.26);
}

.md-importtabs-card .md-importtabs-table tbody td.md-importtabs-ui-status{
  font-weight:600;
}

.md-importtabs-card .md-importtabs-table tbody td.md-importtabs-ui-status.md-importtabs-ui-active{
  color:var(--md-green);
}

.md-importtabs-card .md-importtabs-table tbody td.md-importtabs-ui-status.md-importtabs-ui-inactive{
  color:rgba(15,23,42,0.55);
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-table tbody td.md-importtabs-ui-status.md-importtabs-ui-inactive{
  color:rgba(226,232,240,0.60);
}

/* Column sizing: prefer horizontal scroll over header word-wrap. */
.md-importtabs-card .md-importtabs-table th:nth-child(1),
.md-importtabs-card .md-importtabs-table td:nth-child(1){
  width:var(--md-importtabs-col-1);
  min-width:var(--md-importtabs-col-1);
}
.md-importtabs-card .md-importtabs-table th:nth-child(2),
.md-importtabs-card .md-importtabs-table td:nth-child(2){
  min-width:var(--md-importtabs-col-2);
}
.md-importtabs-card .md-importtabs-table th:nth-child(3),
.md-importtabs-card .md-importtabs-table td:nth-child(3){
  min-width:var(--md-importtabs-col-3);
}
.md-importtabs-card .md-importtabs-table th:nth-child(4),
.md-importtabs-card .md-importtabs-table td:nth-child(4){
  min-width:var(--md-importtabs-col-4);
}
.md-importtabs-card .md-importtabs-table th:nth-child(5),
.md-importtabs-card .md-importtabs-table td:nth-child(5){
  min-width:var(--md-importtabs-col-5);
}
.md-importtabs-card .md-importtabs-table th:nth-child(6),
.md-importtabs-card .md-importtabs-table td:nth-child(6){
  min-width:var(--md-importtabs-col-6);
}
.md-importtabs-card .md-importtabs-table th:nth-child(7),
.md-importtabs-card .md-importtabs-table td:nth-child(7){
  min-width:var(--md-importtabs-col-7);
}
.md-importtabs-card .md-importtabs-table th:nth-child(8),
.md-importtabs-card .md-importtabs-table td:nth-child(8){
  min-width:var(--md-importtabs-col-8);
}
.md-importtabs-card .md-importtabs-table th:nth-child(9),
.md-importtabs-card .md-importtabs-table td:nth-child(9){
  min-width:var(--md-importtabs-col-9);
}
.md-importtabs-card .md-importtabs-table th:nth-child(10),
.md-importtabs-card .md-importtabs-table td:nth-child(10){
  min-width:var(--md-importtabs-col-10);
}

.md-importtabs-card .md-importtabs-col-1{ width:var(--md-importtabs-col-1); }
.md-importtabs-card .md-importtabs-col-2{ width:var(--md-importtabs-col-2); }
.md-importtabs-card .md-importtabs-col-3{ width:var(--md-importtabs-col-3); }
.md-importtabs-card .md-importtabs-col-4{ width:var(--md-importtabs-col-4); }
.md-importtabs-card .md-importtabs-col-5{ width:var(--md-importtabs-col-5); }
.md-importtabs-card .md-importtabs-col-6{ width:var(--md-importtabs-col-6); }
.md-importtabs-card .md-importtabs-col-7{ width:var(--md-importtabs-col-7); }
.md-importtabs-card .md-importtabs-col-8{ width:var(--md-importtabs-col-8); }
.md-importtabs-card .md-importtabs-col-9{ width:var(--md-importtabs-col-9); }
.md-importtabs-card .md-importtabs-col-10{ width:var(--md-importtabs-col-10); }

.md-importtabs-card .md-importtabs-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  text-align:center;
  font-size:28px;
  line-height:1.08;
  font-weight:400;
  color:rgba(15,23,42,0.22);
  pointer-events:none;
}

:root[data-theme="dark"] .md-importtabs-card .md-importtabs-empty{
  color:rgba(226,232,240,0.22);
}

/* Display button: green "primary" action (matches Filter button behavior but uses --md-green). */
.md-importtabs-actions button.md-importtabs-display{
  background:var(--md-green);
  border-color:transparent;
  color:#ffffff;
}

.md-importtabs-actions button.md-importtabs-display:hover{
  background:var(--md-green);
}

/* ===== Admin users grid ===== */

.md-adminusers-card{
  --md-adminusers-col-1:52px;
  --md-adminusers-col-2:180px;
  --md-adminusers-col-3:160px;
  --md-adminusers-col-4:180px;
  --md-adminusers-col-5:220px;
  --md-adminusers-col-6:180px;
  --md-adminusers-col-7:140px;
  --md-adminusers-col-8:190px;
  --md-adminusers-col-9:220px;
  --md-adminusers-col-10:190px;
  --md-adminusers-col-11:190px;
  --md-adminusers-col-12:160px;
  --md-adminusers-col-13:220px;
  --md-adminusers-col-14:210px;
  --md-adminusers-col-15:200px;
  --md-adminusers-freeze-col-1:var(--md-adminusers-col-1);
  --md-adminusers-freeze-divider:rgba(15,23,42,0.12);
  --md-adminusers-freeze-hover-bg:#eceff3;
  --md-adminusers-freeze-selected-bg:#dbeee1;
  --md-adminusers-table-width:calc(
    var(--md-adminusers-col-1) +
    var(--md-adminusers-col-2) +
    var(--md-adminusers-col-3) +
    var(--md-adminusers-col-4) +
    var(--md-adminusers-col-5) +
    var(--md-adminusers-col-6) +
    var(--md-adminusers-col-7) +
    var(--md-adminusers-col-8) +
    var(--md-adminusers-col-9) +
    var(--md-adminusers-col-10) +
    var(--md-adminusers-col-11) +
    var(--md-adminusers-col-12) +
    var(--md-adminusers-col-13) +
    var(--md-adminusers-col-14) +
    var(--md-adminusers-col-15)
  );
}

:root[data-theme="dark"] .md-adminusers-card{
  --md-adminusers-freeze-divider:rgba(255,255,255,0.14);
  --md-adminusers-freeze-hover-bg:#373b46;
  --md-adminusers-freeze-selected-bg:#24563d;
}

.md-adminusers-card .md-importtabs-frame{
  min-height:320px;
  height:min(62vh, 640px);
}

.md-adminusers-card .md-importtabs-table{
  width:var(--md-adminusers-table-width);
  min-width:var(--md-adminusers-table-width);
  max-width:none;
}

.md-adminusers-card .md-importtabs-table thead th{
  cursor:pointer;
  text-align:left;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:normal;
  overflow-wrap:break-word;
  vertical-align:middle;
  line-height:1.18;
  padding:10px 22px 10px 10px;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(1){
  text-align:center;
  padding-left:10px;
  padding-right:10px;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(2),
.md-adminusers-card .md-importtabs-table thead th:nth-child(3),
.md-adminusers-card .md-importtabs-table thead th:nth-child(4),
.md-adminusers-card .md-importtabs-table thead th:nth-child(5),
.md-adminusers-card .md-importtabs-table thead th:nth-child(6),
.md-adminusers-card .md-importtabs-table thead th:nth-child(7){
  padding-left:20px;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(n+8){
  padding-left:11px;
}

.md-adminusers-card .md-importtabs-table tbody td{
  padding:8px 10px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

.md-adminusers-card .md-importtabs-table tbody td:first-child{
  text-align:center;
  font-weight:700;
}

.md-adminusers-card .md-importtabs-table tbody td.md-adminusers-readonly-cell{
  background:rgba(148,163,184,0.12);
}

:root[data-theme="dark"] .md-adminusers-card .md-importtabs-table tbody td.md-adminusers-readonly-cell{
  background:rgba(148,163,184,0.16);
}

.md-adminusers-card .md-adminusers-input,
.md-adminusers-card .md-adminusers-select,
.md-adminusers-card .md-adminusers-action{
  width:100%;
  min-width:0;
  height:32px;
  padding:0 10px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,0.14);
  background:transparent;
  color:#0f172a;
  font:inherit;
  font-size:13px;
  font-weight:500;
  outline:none;
  box-sizing:border-box;
}

.md-adminusers-card .md-adminusers-action{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  cursor:pointer;
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.md-adminusers-card .md-adminusers-input:focus,
.md-adminusers-card .md-adminusers-select:focus,
.md-adminusers-card .md-adminusers-action:focus{
  box-shadow:0 0 0 3px rgba(37,99,235,0.16);
  border-color:rgba(37,99,235,0.38);
}

:root[data-theme="dark"] .md-adminusers-card .md-adminusers-input,
:root[data-theme="dark"] .md-adminusers-card .md-adminusers-select,
:root[data-theme="dark"] .md-adminusers-card .md-adminusers-action{
  background:transparent;
  color:var(--fg);
  border-color:rgba(255,255,255,0.18);
}

:root[data-theme="dark"] .md-adminusers-card .md-adminusers-input:focus,
:root[data-theme="dark"] .md-adminusers-card .md-adminusers-select:focus,
:root[data-theme="dark"] .md-adminusers-card .md-adminusers-action:focus{
  box-shadow:0 0 0 3px rgba(122,162,255,0.18);
  border-color:rgba(199,199,199,0.55);
}

.md-adminusers-card .md-adminusers-password-input::placeholder{
  color:rgba(71,85,105,0.92);
  font-style:italic;
  font-family:Georgia, "Times New Roman", serif;
}

:root[data-theme="dark"] .md-adminusers-card .md-adminusers-password-input::placeholder{
  color:rgba(203,213,225,0.82);
}

.md-adminusers-card .md-adminusers-readonly{
  display:block;
  width:100%;
  min-height:32px;
  padding:6px 10px;
  border-radius:8px;
  border:1px dashed rgba(100,116,139,0.28);
  background:transparent;
  color:rgba(15,23,42,0.78);
  font-size:13px;
  font-weight:500;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.md-adminusers-card .md-adminusers-readonly.md-adminusers-readonly-disabled{
  opacity:0.72;
  font-style:italic;
}

:root[data-theme="dark"] .md-adminusers-card .md-adminusers-readonly{
  border-color:rgba(148,163,184,0.26);
  background:transparent;
  color:rgba(226,232,240,0.88);
}

.md-adminusers-card .md-adminusers-row-index{
  font-variant-numeric:tabular-nums;
}

.md-adminusers-card .md-importtabs-head-table{
  transform:none;
  will-change:auto;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(1),
.md-adminusers-card .md-importtabs-table tbody td:nth-child(1){
  position:sticky;
  left:0;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(2),
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2){
  position:sticky;
  left:var(--md-adminusers-freeze-col-1);
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(1),
.md-adminusers-card .md-importtabs-table thead th:nth-child(2){
  z-index:4;
  background:var(--md-filter-values-hdr-bg);
}

.md-adminusers-card .md-importtabs-table tbody td:nth-child(1),
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2){
  z-index:2;
  background-color:var(--panel);
  background-clip:border-box;
  isolation:isolate;
}

.md-adminusers-card .md-importtabs-table thead th:nth-child(2),
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2){
  box-shadow:inset -1px 0 0 var(--md-adminusers-freeze-divider);
}

.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(1),
.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(2){
  background-color:var(--md-adminusers-freeze-hover-bg) !important;
}

.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(1),
.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(2){
  background-color:var(--md-adminusers-freeze-selected-bg) !important;
}

.md-adminusers-card .md-importtabs-table tbody td:nth-child(2) .md-adminusers-input,
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2) .md-adminusers-select,
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2) .md-adminusers-action,
.md-adminusers-card .md-importtabs-table tbody td:nth-child(2) .md-adminusers-readonly{
  background-color:var(--panel) !important;
}

.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(2) .md-adminusers-input,
.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(2) .md-adminusers-select,
.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(2) .md-adminusers-action,
.md-adminusers-card .md-importtabs-table tbody tr:hover td:nth-child(2) .md-adminusers-readonly{
  background-color:var(--md-adminusers-freeze-hover-bg) !important;
}

.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(2) .md-adminusers-input,
.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(2) .md-adminusers-select,
.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(2) .md-adminusers-action,
.md-adminusers-card .md-importtabs-table tbody tr.md-selected td:nth-child(2) .md-adminusers-readonly{
  background-color:var(--md-adminusers-freeze-selected-bg) !important;
}

.md-adminusers-card .md-adminusers-col-1{ width:var(--md-adminusers-col-1); }
.md-adminusers-card .md-adminusers-col-2{ width:var(--md-adminusers-col-2); }
.md-adminusers-card .md-adminusers-col-3{ width:var(--md-adminusers-col-3); }
.md-adminusers-card .md-adminusers-col-4{ width:var(--md-adminusers-col-4); }
.md-adminusers-card .md-adminusers-col-5{ width:var(--md-adminusers-col-5); }
.md-adminusers-card .md-adminusers-col-6{ width:var(--md-adminusers-col-6); }
.md-adminusers-card .md-adminusers-col-7{ width:var(--md-adminusers-col-7); }
.md-adminusers-card .md-adminusers-col-8{ width:var(--md-adminusers-col-8); }
.md-adminusers-card .md-adminusers-col-9{ width:var(--md-adminusers-col-9); }
.md-adminusers-card .md-adminusers-col-10{ width:var(--md-adminusers-col-10); }
.md-adminusers-card .md-adminusers-col-11{ width:var(--md-adminusers-col-11); }
.md-adminusers-card .md-adminusers-col-12{ width:var(--md-adminusers-col-12); }
.md-adminusers-card .md-adminusers-col-13{ width:var(--md-adminusers-col-13); }
.md-adminusers-card .md-adminusers-col-14{ width:var(--md-adminusers-col-14); }
.md-adminusers-card .md-adminusers-col-15{ width:var(--md-adminusers-col-15); }
