/* File: css/refscan.css
 * Project: REFSCAN
 * Timestamp: 22.01.2026 12:44 CET
 */
a.refscan-icon { text-decoration:none; font-size:14px; }
a.refscan-icon:hover { opacity:0.7; }

.badge {
  display:inline-block;
  padding:2px 6px;
  font-size:11px;
  border-radius:4px;
  font-weight:600;
  letter-spacing:0.3px;
}
.badge-gma  { background:#00ADEF; color:#fff; }
.badge-sota { background:#4CAF50; color:#fff; }
.badge-sbw  { background:#FF9800; color:#fff; }
.badge-top  { background:#9C27B0; color:#fff; }
.badge-mota { background:#607D8B; color:#fff; }

.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-weight:700;font-size:12px;line-height:18px;color:#fff;}
.badge-top{background:#666;}

# .badge-mota{background:#0b73a0;}
.badge-iota{background:#4a7c2f;}
.badge-gia{background:#2b6cb0;}
.badge-lh{background:#8b5a2b;}
.badge-wwff{background:#2f855a;}
.badge-pota{background:#6b46c1;}
.badge-cota{background:#b45309;}

table.info tr:hover td {
  background:#f5f9fc;
}

.nowrap { white-space: nowrap; }

/* Make selects match text inputs/buttons */
.form-dropbox,
.input-ref,
.input-spot2 {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid #9db2c3;
  background: #fff;
  box-sizing: border-box;
  vertical-align: middle;
}

/* Selects need a tiny extra right padding for arrow */
.form-dropbox { padding-right: 26px; }

/* Optional: make the Apply button same height */
.GMAButtonSmall {
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  border-radius: 6px;
  vertical-align: middle;
}


.badge { text-decoration: none; }
a.badge { color: inherit; }
a.badge:hover { filter: brightness(0.95); }


#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.75);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loadingBox {
  text-align: center;
  font-family: Arial, sans-serif;
  color: #004b7f;
}

.spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #cfe3f1;
  border-top: 5px solid #0073b7;
  border-radius: 50%;
  animation: spin 0.9s linear infinite;
  margin: 0 auto 10px auto;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

#searchWrap{
  position:relative;
  display:inline-block;
  vertical-align:middle;
}

/* Hint exakt unter dem Input starten */
.qHint{
  position:absolute;

  /* Abstand = Breite von "Search:" + Gap */
  left:45px;          /* ggf. leicht anpassen (60–75 je nach Font) */

  top:100%;
  margin-top:4px;

  font-size:8px;    /* gleiche Größe wie Search:/Activity: */
  color:#666;
  line-height:1.2;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:320px;

  pointer-events:none;
}




/* --- Refscan column colors (only DATA cells, not header) --- */

table.info td.col-gma,
table.info tr td.col-gma,
table.info tr:nth-child(even) td.col-gma,
table.info tr:nth-child(odd) td.col-gma {
  background-color: #e7f2fb !important;   /* GMA hellblau */
}

table.info td.col-wwff,
table.info tr td.col-wwff,
table.info tr:nth-child(even) td.col-wwff,
table.info tr:nth-child(odd) td.col-wwff {
  background-color: #eaf7ea !important;   /* WWFF hellgrün */
}