/* PABX PRIME QUEUE ATTENDANCE REPORT V1 20260921 */

.queue-report-v1{
  padding:0;
  color:#0b2948;
  font-size:14px;
}

.queue-report-v1-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.queue-report-v1-switch,
.queue-report-v1-export{
  display:flex;
  align-items:center;
  gap:10px;
}

.queue-report-v1-mode{
  border:1px solid #cbd8e6;
  background:#fff;
  color:#0b58a2;
  font-weight:800;
  cursor:pointer;
}

.queue-report-v1-mode.active{
  color:#fff;
  background:#126fc9;
  border-color:#126fc9;
}

#queue-report-open{
  margin-left:8px;
  margin-right:auto;
  font-weight:800;
}

.queue-report-v1-filters{
  display:grid;
  grid-template-columns:
    170px
    170px
    minmax(260px,1fr)
    minmax(200px,.75fr)
    170px;
  gap:14px;
  align-items:end;
  padding:16px;
  background:#fff;
  border:1px solid #d8e2ed;
  border-radius:10px;
  margin-bottom:12px;
}

.queue-report-v1-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  color:#385b79;
  font-size:12px;
  font-weight:800;
}

.queue-report-v1-filters input,
.queue-report-v1-filters select{
  width:100%;
  min-height:42px;
  padding:0 12px;
  border:1px solid #cad8e7;
  border-radius:6px;
  background:#fff;
  color:#173b60;
  outline:none;
}

.queue-report-v1-filters input:focus,
.queue-report-v1-filters select:focus{
  border-color:#2382dd;
  box-shadow:0 0 0 2px rgba(35,130,221,.08);
}

.queue-report-v1-search{
  min-height:42px;
  border:0;
  border-radius:6px;
  background:#1977d4;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.queue-report-v1-tabbar{
  display:flex;
  align-items:flex-end;
  min-height:50px;
  padding:0 16px;
  background:#fff;
  border:1px solid #d8e2ed;
  border-bottom:0;
  border-radius:10px 10px 0 0;
}

.queue-report-v1-tabbar button{
  height:50px;
  padding:0 18px;
  border:0;
  background:transparent;
  color:#375a79;
  font-weight:800;
}

.queue-report-v1-tabbar button.active{
  color:#1977d4;
  border-bottom:3px solid #2f8bef;
}

.queue-report-v1-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:14px;
  background:#fff;
  border-left:1px solid #d8e2ed;
  border-right:1px solid #d8e2ed;
}

.queue-report-v1-card{
  min-height:98px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  background:#fff;
  border:1px solid #d8e2ed;
  border-radius:8px;
}

.queue-report-v1-card-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:12px;
  font-size:23px;
  font-weight:900;
}

.queue-report-v1-card.blue .queue-report-v1-card-icon{
  background:#eaf3ff;
  color:#176fd0;
}

.queue-report-v1-card.green .queue-report-v1-card-icon{
  background:#e9f8ef;
  color:#20a65b;
}

.queue-report-v1-card.red .queue-report-v1-card-icon{
  background:#fff0f1;
  color:#ef5962;
}

.queue-report-v1-card.purple .queue-report-v1-card-icon{
  background:#f0edff;
  color:#735bd0;
}

.queue-report-v1-card-body small{
  display:block;
  margin-bottom:2px;
  color:#0b2948;
  font-weight:800;
}

.queue-report-v1-card-body strong{
  display:block;
  color:#0b2948;
  font-size:25px;
  line-height:1.1;
}

.queue-report-v1-card-body span{
  display:block;
  margin-top:5px;
  color:#6b8399;
  font-size:11px;
}

.queue-report-v1-overview{
  display:grid;
  grid-template-columns:430px minmax(0,1fr);
  gap:12px;
  padding:0 14px 14px;
  background:#fff;
  border-left:1px solid #d8e2ed;
  border-right:1px solid #d8e2ed;
}

.queue-report-v1-panel{
  overflow:hidden;
  background:#fff;
  border:1px solid #d8e2ed;
  border-radius:8px;
}

.queue-report-v1-panel>h3{
  margin:0;
  padding:11px 14px;
  color:#0b2948;
  font-size:14px;
  border-bottom:1px solid #d8e2ed;
}

.queue-report-v1-distribution{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:32px;
  padding:20px;
}

.queue-report-v1-donut{
  position:relative;
  width:160px;
  height:160px;
  border-radius:50%;
}

.queue-report-v1-donut-hole{
  position:absolute;
  inset:38px;
  background:#fff;
  border-radius:50%;
}

.queue-report-v1-legend{
  min-width:170px;
  display:grid;
  gap:13px;
}

.queue-report-v1-legend div{
  display:grid;
  grid-template-columns:10px 1fr auto;
  gap:9px;
  align-items:center;
}

.queue-report-v1-legend i{
  width:9px;
  height:9px;
  border-radius:50%;
}

.queue-report-v1-summary-table,
.queue-report-v1-table{
  width:100%;
  border-collapse:collapse;
}

.queue-report-v1-summary-table th,
.queue-report-v1-summary-table td,
.queue-report-v1-table th,
.queue-report-v1-table td{
  padding:10px 12px;
  border-bottom:1px solid #e1e8f0;
  text-align:left;
  vertical-align:middle;
}

.queue-report-v1-summary-table th,
.queue-report-v1-table th{
  background:#f5f8fc;
  color:#3c5e7c;
  font-size:12px;
  font-weight:800;
}

.queue-report-v1-summary-table tbody tr:last-child td,
.queue-report-v1-table tbody tr:last-child td{
  border-bottom:0;
}

.queue-report-v1-list{
  margin:0 14px 12px;
}

.queue-report-v1-panel-head{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  border-bottom:1px solid #d8e2ed;
}

.queue-report-v1-panel-head h3{
  margin:0;
  font-size:14px;
}

.queue-report-v1-panel-head span{
  color:#607c96;
  font-size:12px;
  font-weight:700;
}

.queue-report-v1-table-wrap{
  overflow:auto;
}

.queue-report-v1-table{
  min-width:1050px;
}

.queue-report-v1-status{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}

.queue-report-v1-status.good{
  color:#158443;
  background:#e8f8ee;
}

.queue-report-v1-status.warn{
  color:#99620e;
  background:#fff4dd;
}

.queue-report-v1-status.purple{
  color:#6049b9;
  background:#f0edff;
}

.queue-report-v1-status.bad{
  color:#bd3039;
  background:#ffeaec;
}

.queue-report-v1-empty{
  padding:28px!important;
  color:#6a8298;
  text-align:center!important;
}

.queue-report-v1-pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  padding:14px;
  border-top:1px solid #e1e8f0;
}

.queue-report-v1-pagination button{
  min-width:34px;
  height:32px;
  border:1px solid #ccd8e5;
  border-radius:5px;
  background:#fff;
  color:#174f87;
  cursor:pointer;
}

.queue-report-v1-pagination button.active{
  color:#fff;
  background:#1977d4;
  border-color:#1977d4;
}

.queue-report-v1-pagination button:disabled{
  opacity:.45;
  cursor:default;
}

.queue-report-v1-agents{
  margin:0 14px 12px;
}

.queue-report-v1-agents summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 14px;
  color:#0b2948;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}

.queue-report-v1-agents summary::-webkit-details-marker{
  display:none;
}

.queue-report-v1-agents summary small{
  color:#607c96;
}

.queue-report-v1-loading{
  min-height:180px;
  display:grid;
  place-items:center;
  margin:20px;
  background:#fff;
  border:1px solid #d8e2ed;
  border-radius:10px;
  color:#5d7891;
  font-weight:800;
}

@media(max-width:1180px){
  .queue-report-v1-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .queue-report-v1-search{
    grid-column:span 2;
  }

  .queue-report-v1-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .queue-report-v1-overview{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .queue-report-v1{
    padding:14px 10px 30px;
  }

  .queue-report-v1-toolbar{
    flex-direction:column;
    align-items:stretch;
  }

  .queue-report-v1-switch,
  .queue-report-v1-export{
    width:100%;
    flex-wrap:wrap;
  }

  .queue-report-v1-filters{
    grid-template-columns:1fr;
  }

  .queue-report-v1-search{
    grid-column:auto;
  }

  .queue-report-v1-cards{
    grid-template-columns:1fr;
  }

  .queue-report-v1-overview{
    padding-left:10px;
    padding-right:10px;
  }

  .queue-report-v1-list,
  .queue-report-v1-agents{
    margin-left:10px;
    margin-right:10px;
  }

  .queue-report-v1-distribution{
    flex-direction:column;
  }
}

@media print{
  body.queue-report-v1-printing .sidebar,
  body.queue-report-v1-printing .topbar,
  body.queue-report-v1-printing .queue-report-v1-toolbar,
  body.queue-report-v1-printing .queue-report-v1-filters,
  body.queue-report-v1-printing .queue-report-v1-tabbar,
  body.queue-report-v1-printing .queue-report-v1-pagination,
  body.queue-report-v1-printing .queue-report-v1-agents{
    display:none!important;
  }

  body.queue-report-v1-printing .queue-report-v1{
    padding:0!important;
  }

  body.queue-report-v1-printing .queue-report-v1-cards,
  body.queue-report-v1-printing .queue-report-v1-overview{
    border:0!important;
  }

  body.queue-report-v1-printing .queue-report-v1-list{
    margin:0!important;
  }
}