/* ==========================================================
   DANGYLSIRL ADMIN ANNOUNCEMENT MANAGER V1
   ========================================================== */

.announcement-admin-top-actions,
.announcement-actions {

  display:flex;

  align-items:center;

  gap:8px;

  flex-wrap:wrap;
}


.announcement-admin-grid {

  display:grid;

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

  gap:16px;

  margin-top:18px;
}


.announcement-admin-card {

  min-width:0;

  overflow:hidden;
}


.announcement-admin-body {

  display:flex;

  flex-direction:column;

  gap:14px;
}


.announcement-admin-grid-2 {

  display:grid;

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

  gap:12px;
}


.announcement-admin-grid-3 {

  display:grid;

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

  gap:12px;
}


.announcement-check {

  display:flex !important;

  flex-direction:row !important;

  justify-content:space-between;

  align-items:center;

  gap:12px;
}


.announcement-check input {

  width:20px;

  height:20px;
}


.announcement-targets {

  display:flex;

  align-items:center;

  flex-wrap:wrap;

  gap:18px;
}


.announcement-targets label {

  display:flex;

  flex-direction:row;

  align-items:center;

  gap:7px;
}


.announcement-targets
input[type="checkbox"] {

  width:18px;

  height:18px;
}


.announcement-image-area {

  display:flex;

  flex-direction:column;

  gap:11px;
}


.announcement-image-area > img {

  display:block;

  width:100%;

  max-height:280px;

  object-fit:contain;

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

  border-radius:12px;

  background:#080b0f;
}


.announcement-upload-progress {

  display:flex;

  flex-direction:column;

  gap:7px;
}


.announcement-upload-progress > div:first-child {

  display:flex;

  justify-content:space-between;

  gap:10px;
}


.announcement-upload-track {

  height:8px;

  overflow:hidden;

  border-radius:999px;

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


.announcement-upload-track > div {

  width:0;

  height:100%;

  border-radius:inherit;

  background:#d7ff35;
}


.announcement-actions-bottom {

  justify-content:flex-end;

  padding-top:4px;
}


@media(max-width:1100px) {

  .announcement-admin-grid {
    grid-template-columns:1fr;
  }
}


@media(max-width:700px) {

  .announcement-admin-grid-2,
  .announcement-admin-grid-3 {

    grid-template-columns:1fr;
  }


  .announcement-admin-top-actions {

    width:100%;
  }


  .announcement-actions-bottom {

    flex-direction:column;

    align-items:stretch;
  }


  .announcement-actions-bottom .btn {

    width:100%;
  }
}




/* DANGYLSIRL_ANNOUNCEMENT_CTA_ADMIN_V2 */

.announcement-admin-cta {

  display:flex;
  flex-direction:column;

  gap:12px;

  padding:14px;

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

  border-radius:12px;

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

/* END_DANGYLSIRL_ANNOUNCEMENT_CTA_ADMIN_V2 */


/* END DANGYLSIRL_ADMIN_ANNOUNCEMENT_MANAGER_V1 */