/* UtiliNexus 2.8.45.26 — Record Exports */

.record-export-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  border:1px solid #285f8f;
  background:linear-gradient(120deg,#0b2947,#081827);
  border-radius:13px;
  padding:12px 13px;
  margin-bottom:12px;
}
.record-export-bar.compact{margin:0 0 10px}
.record-export-bar>div:first-child{display:grid;gap:2px}
.record-export-bar small{color:#82a1ba}
.record-export-kicker{
  color:#79b7f7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}
.record-export-actions{
  display:flex;
  gap:7px;
}
.record-export-mini{
  white-space:nowrap;
  margin-left:5px;
}

.record-export-section{
  margin-top:16px;
  padding:14px;
  border:1px solid #24425b;
  border-radius:14px;
  background:#081827;
}
.record-export-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:9px;
}
.record-export-section-head h3{margin:0}
.record-export-section-head small{color:#8199ad}
.record-export-list{
  display:grid;
  gap:7px;
}
.record-export-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid #223c52;
  border-radius:11px;
  background:#071622;
  padding:10px 11px;
}
.record-export-row>div:first-child{
  min-width:0;
  display:grid;
  gap:3px;
}
.record-export-row span{
  color:#7f98ad;
  font-size:10px;
  overflow-wrap:anywhere;
}
.record-export-row>div:last-child{
  display:flex;
  gap:6px;
}

.record-export-modal{
  width:min(620px,100%);
}
.record-export-choice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:15px;
}
.record-export-choice-grid button{
  min-height:105px;
  display:grid;
  align-content:center;
  gap:5px;
  text-align:left;
  padding:16px;
}
.record-export-choice-grid button b{
  font-size:15px;
}
.record-export-choice-grid button span{
  font-size:10px;
  opacity:.78;
  line-height:1.4;
}

.record-export-loading{
  text-align:center;
  padding:14px;
}
.record-export-loading h2{margin:7px 0}
.record-export-spinner{
  width:45px;
  height:45px;
  border:4px solid #1b3f5d;
  border-top-color:#2588ff;
  border-radius:50%;
  margin:0 auto 12px;
  animation:unxExportSpin .8s linear infinite;
}
#recordExportProgress{
  margin-top:12px;
  color:#7eb8f5;
  font-size:11px;
}
@keyframes unxExportSpin{to{transform:rotate(360deg)}}

@media(max-width:640px){
  .record-export-bar{
    display:grid;
  }
  .record-export-actions button{flex:1}
  .record-export-row{
    grid-template-columns:1fr;
  }
  .record-export-row>div:last-child button{flex:1}
  .record-export-choice-grid{grid-template-columns:1fr}
}