/* DANGYLSIRL_ADMIN_DOWNLOAD_ANALYTICS_V1 */

.dgl-da-status {
  margin:
    -4px 0 14px;

  color:
    var(--muted, #98a3ad);

  font-size:
    12px;
}


.dgl-da-summary {
  display:grid;

  grid-template-columns:
    repeat(
      6,
      minmax(130px,1fr)
    );

  gap:
    12px;

  margin-bottom:
    14px;
}


.dgl-da-stat {
  min-width:
    0;

  padding:
    15px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:
    14px;

  background:
    rgba(255,255,255,.025);
}


.dgl-da-stat span {
  display:block;

  margin-bottom:
    8px;

  color:
    #909ca5;

  font-size:
    11px;

  font-weight:
    700;

  line-height:
    1.35;
}


.dgl-da-stat strong {
  display:block;

  color:
    #fff;

  font-size:
    25px;

  line-height:
    1;
}


.dgl-da-note {
  margin-bottom:
    14px;
}


.dgl-da-card {
  margin-bottom:
    14px;
}


.dgl-da-toolbar {
  display:flex;

  align-items:center;

  gap:
    12px;

  margin:
    14px 0;
}


.dgl-da-toolbar input {
  width:
    min(520px,100%);
}


.dgl-da-toolbar-note {
  color:
    #87939d;

  font-size:
    11px;
}


.dgl-da-events-table {
  min-width:
    1500px;
}


.dgl-da-top-table {
  min-width:
    980px;
}


.dgl-da-sub {
  margin-top:
    4px;

  color:
    #7f8a93;

  font-size:
    10px;

  line-height:
    1.35;
}


.dgl-da-private {
  color:
    #66727b;

  font-size:
    11px;
}


.dgl-da-pager {
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:
    10px;

  padding:
    14px;
}


.dgl-da-page-info {
  min-width:
    130px;

  color:
    #929da6;

  font-size:
    11px;

  text-align:center;
}


#page-download-analytics code {
  font-size:
    10px;

  word-break:
    break-all;
}


@media(max-width:1180px) {

  .dgl-da-summary {
    grid-template-columns:
      repeat(
        3,
        minmax(130px,1fr)
      );
  }
}


@media(max-width:700px) {

  .dgl-da-summary {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .dgl-da-toolbar {
    align-items:stretch;
    flex-direction:column;
  }


  .dgl-da-toolbar input {
    width:100%;
  }


  .dgl-da-pager {
    justify-content:space-between;
  }
}

/* END DANGYLSIRL_ADMIN_DOWNLOAD_ANALYTICS_V1 */


/* =========================================================
   DANGYLSIRL_ADMIN_DOWNLOAD_ANALYTICS_CLEAR_V1
   ========================================================= */

.dgl-da-clear-card {
  margin-bottom:14px;

  border-color:
    rgba(255,255,255,.09);
}


.dgl-da-clear-head {
  padding:
    16px 17px 4px;
}


.dgl-da-clear-head strong {
  display:block;

  color:#fff;

  font-size:14px;
}


.dgl-da-clear-head p {
  margin:
    5px 0 0;

  color:#85919a;

  font-size:11px;
}


.dgl-da-clear-actions {
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:12px;

  padding:
    12px 16px 16px;
}


.dgl-da-clear-option {
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:18px;

  min-width:0;

  padding:14px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:12px;

  background:
    rgba(255,255,255,.02);
}


.dgl-da-clear-option > div {
  min-width:0;
}


.dgl-da-clear-option b {
  display:block;

  margin-bottom:5px;

  color:#edf4f6;

  font-size:12px;
}


.dgl-da-clear-option span {
  display:block;

  max-width:560px;

  color:#828e97;

  font-size:10px;

  line-height:1.45;
}


.dgl-da-clear-danger {
  border-color:
    rgba(255,76,76,.20);

  background:
    rgba(255,45,45,.025);
}


.dgl-da-clear-details {
  flex:0 0 auto;
}


.dgl-da-clear-all {
  flex:0 0 auto;

  border-color:
    rgba(255,72,72,.44) !important;

  background:
    rgba(255,55,55,.10) !important;

  color:
    #ffabab !important;
}


.dgl-da-clear-all:hover {
  border-color:
    rgba(255,72,72,.72) !important;

  background:
    rgba(255,55,55,.18) !important;

  color:
    #ffd0d0 !important;
}


.dgl-da-clear-option button:disabled {
  opacity:.5;

  cursor:not-allowed;
}


@media(max-width:1050px) {

  .dgl-da-clear-actions {
    grid-template-columns:1fr;
  }
}


@media(max-width:650px) {

  .dgl-da-clear-option {
    align-items:stretch;
    flex-direction:column;
  }


  .dgl-da-clear-option button {
    width:100%;
  }
}


/* END DANGYLSIRL_ADMIN_DOWNLOAD_ANALYTICS_CLEAR_V1 */