#pabxprime-backup-recordings-browser{
  margin-top:18px;
  padding:18px;
}
.pabxprime-br-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.pabxprime-br-head h2{
  margin:0;
  font-size:17px;
  color:#1e293b;
}
.pabxprime-br-head p{
  margin:5px 0 0;
  font-size:12px;
  color:#64748b;
}
.pabxprime-br-toolbar{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
  padding:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
}
.pabxprime-br-toolbar label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.pabxprime-br-toolbar label>span{
  font-size:10px;
  font-weight:700;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pabxprime-br-toolbar select{
  min-width:280px;
}
.pabxprime-br-toolbar input{
  width:min(300px,100%);
}
.pabxprime-br-spacer{
  flex:1 1 auto;
}
.pabxprime-br-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:9px 2px;
  flex-wrap:wrap;
}
.pabxprime-br-breadcrumb button{
  border:0;
  background:transparent;
  color:#126fda;
  padding:2px 3px;
  font-weight:700;
}
.pabxprime-br-breadcrumb button:disabled{
  color:#334155;
  cursor:default;
}
.pabxprime-br-sep{
  color:#94a3b8;
}
.pabxprime-br-selection{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:9px 0;
  border-top:1px solid #e2e8f0;
}
.pabxprime-br-selection>span{
  margin-right:auto;
  color:#475569;
  font-size:12px;
  font-weight:700;
}
.pabxprime-br-status{
  min-height:24px;
  padding:4px 0;
  font-size:11px;
  color:#64748b;
}
.pabxprime-br-status.ok{color:#147342}
.pabxprime-br-status.bad{color:#a62a39}
.pabxprime-br-table-wrap{
  overflow:auto;
  border:1px solid #e2e8f0;
  border-radius:10px;
}
.pabxprime-br-table{
  width:100%;
  min-width:920px;
  border-collapse:collapse;
}
.pabxprime-br-table th,
.pabxprime-br-table td{
  padding:10px 12px;
  border-bottom:1px solid #edf1f5;
  font-size:11px;
  text-align:left;
  vertical-align:middle;
}
.pabxprime-br-table th{
  background:#f8fafc;
  color:#64748b;
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pabxprime-br-table tr:last-child td{
  border-bottom:0;
}
.pabxprime-br-table tr:hover td{
  background:#fbfdff;
}
.pabxprime-br-check{
  width:38px;
  text-align:center!important;
}
.pabxprime-br-file{
  max-width:560px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-family:Consolas,monospace;
}
.pabxprime-br-folder{
  border:0;
  background:transparent;
  color:#126fda;
  padding:0;
  font-weight:750;
}
.pabxprime-br-actions{
  display:flex;
  gap:5px;
  white-space:nowrap;
}
.pabxprime-br-empty{
  padding:42px 18px;
  text-align:center;
  color:#64748b;
}
.pabxprime-br-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-height:44px;
  color:#64748b;
  font-size:11px;
}
.pabxprime-br-note{
  margin-top:8px;
  padding:10px 12px;
  border:1px dashed #cbd5e1;
  border-radius:9px;
  background:#f8fafc;
  color:#64748b;
  font-size:10.5px;
  line-height:1.5;
}
.pabxprime-br-note strong{
  color:#475569;
}
.pabxprime-br-modal-bg{
  position:fixed;
  inset:0;
  z-index:10000;
  background:#07101fc4;
  display:grid;
  place-items:center;
  padding:18px;
}
.pabxprime-br-modal{
  width:min(760px,100%);
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 100px #0008;
  overflow:hidden;
}
.pabxprime-br-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #e2e8f0;
}
.pabxprime-br-modal-head strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
.pabxprime-br-modal-head button{
  border:0;
  background:transparent;
  font-size:24px;
  color:#64748b;
}
.pabxprime-br-modal audio{
  display:block;
  width:calc(100% - 32px);
  margin:18px 16px;
}
@media(max-width:760px){
  .pabxprime-br-toolbar{
    align-items:stretch;
  }
  .pabxprime-br-toolbar label,
  .pabxprime-br-toolbar select,
  .pabxprime-br-toolbar input,
  .pabxprime-br-toolbar .btn{
    width:100%;
    min-width:0;
  }
  .pabxprime-br-selection .btn{
    flex:1 1 100%;
  }
}

/* PABX PRIME BACKUP RECORDINGS BULK V1.3 BEGIN */
.pabxprime-br-history-toggle{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 4px 8px;
  white-space:nowrap;
}
.pabxprime-br-history-toggle input{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
}
.pabxprime-br-history-toggle>span{
  font-size:11px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#475569!important;
}
#pabxprime-backup-recordings-browser [data-br-select-scope]{
  white-space:nowrap;
}
/* PABX PRIME BACKUP RECORDINGS BULK V1.3 END */

