/* path
assets/libraries/loading_css/custom.css
*/

/* Loader */
#globalLoader{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,.9);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999
}
.loader-inner.line-scale>div{
  height:72px;
  width:10.8px;
  margin:3.6px;
  display:inline-block;
  animation:scaleStretchDelay 1.2s infinite ease-in-out
}
.loader-inner.line-scale>div:nth-child(odd){background:#0070C0}
.loader-inner.line-scale>div:nth-child(even){background:#E60028}
.loader-inner.line-scale>div:nth-child(1){animation-delay:-1.2s}
.loader-inner.line-scale>div:nth-child(2){animation-delay:-1.1s}
.loader-inner.line-scale>div:nth-child(3){animation-delay:-1.0s}
.loader-inner.line-scale>div:nth-child(4){animation-delay:-0.9s}
.loader-inner.line-scale>div:nth-child(5){animation-delay:-0.8s}
@keyframes scaleStretchDelay{
  0%,40%,100%{transform:scaleY(.4)}
  20%{transform:scaleY(1)}
}

/* Layout */
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#f6f8fb;
  margin:0
}
.content.font-size{padding:20px}
.container-fluid{max-width:1100px;margin:0 auto}
.card{
  background:#fff;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:24px
}
.card h5{margin:0 0 16px;color:#0d6efd}
.mb-3{margin-bottom:1rem}
.form-label{display:block;margin-bottom:.5rem}
.form-control{
  width:100%;
  padding:.55rem .75rem;
  border:1px solid #ced4da;
  border-radius:8px
}
.form-control.is-invalid{border-color:#dc3545}
.btn{
  display:inline-block;
  padding:.55rem 1rem;
  border-radius:8px;
  border:1px solid transparent;
  cursor:pointer
}
.btn-success{background:#198754;color:#fff}
.btn-success:disabled{opacity:.6;cursor:not-allowed}
.mt-2{margin-top:.5rem}
.mt-4{margin-top:1.5rem}

/* Progress */
.progress-wrap{
  background:#eef2ff;
  border:1px solid #dbeafe;
  border-radius:10px;
  padding:10px;
  margin-top:12px;
  display:none
}
.progress-bar{
  height:10px;
  width:0;
  background:#0d6efd;
  border-radius:8px;
  transition:width .2s
}
.progress-label{font-size:.9rem;margin-top:.35rem;color:#333}

/* Messages */
.result-block{
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:12px;
  margin:8px 0;
  background:#fafafa
}
.alert{padding:.65rem 1rem;border-radius:8px;margin:8px 0}
.alert-success{background:#e8f5e9;color:#1b5e20}
.alert-danger{background:#ffebee;color:#b71c1c}
.alert-warning{background:#fff3cd;color:#664d03}

/* Pre-upload checklist */
.checklist-block{
  border:1px dashed #ced4da;
  background:#fcfcff;
  border-radius:10px;
  padding:12px;
  margin:12px 0 16px
}
.checklist-title{
  font-weight:700;
  margin-bottom:8px;
  color:#0d6efd
}
.check-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border:1px solid #e9ecef;
  border-radius:8px;
  background:#fff;
  margin-bottom:8px
}
.check-label{font-size:.95rem;color:#333}
.toggle-group{
  display:inline-flex;
  border:1px solid #ced4da;
  border-radius:8px;
  overflow:hidden
}
.toggle-group input{display:none}
.toggle-group label{
  padding:.4rem .9rem;
  cursor:pointer;
  user-select:none
}
.toggle-group label:not(:first-of-type){border-left:1px solid #ced4da}
.toggle-group input:checked + label{background:#0d6efd;color:#fff}
.tiny-hint{font-size:.85rem}

/* Simple table (used for search results only after user clicks Search) */
.table-simple{
  width:100%;
  border-collapse:collapse;
  font-size:.95rem;
  background:#fff
}
.table-simple th,
.table-simple td{
  border:1px solid #e5e7eb;
  padding:10px;
  vertical-align:top
}
.table-simple th{
  background:#f3f6ff;
  color:#1f3b74;
  text-align:left
}

/* Checklist grid (kept for other pages that use it) */
.columns-checklist{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:6px;
  margin-top:8px
}
.columns-checklist label{cursor:pointer}