/* Theme tokens based on your reference CSS values (accent, gradient bg, muted text, hover alphas). */
:root{
  --mcd-bg: linear-gradient(180deg, #111319 0%, #08090c 100%);
  --mcd-accent: #21f3ff;
  --mcd-text: rgba(255,255,255,0.8);
  --mcd-muted: #a3a6b4;

  --mcd-border: rgba(255,255,255,0.10);
  --mcd-border-strong: rgba(255,255,255,0.16);

  --mcd-hover: rgba(255,255,255,0.10);
  --mcd-active: rgba(33,243,255,0.14);
  --mcd-focus: #00D4FF;

  --mcd-card-bg: rgba(255,255,255,0.04);
  --mcd-input-bg: rgba(255,255,255,0.06);
  --mcd-radius-lg: 14px;
  --mcd-radius-md: 12px;
  --mcd-radius-sm: 10px;
}

/* Scope everything to the shortcode wrapper so it doesn't fight Elementor/theme */
.mcd-wrap, .mcd-wrap *{ box-sizing: border-box; }

.mcd-wrap{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: rgba(255,255,255,0.92);
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  width: 100% !important;
  max-width: none !important;
}

/* Top header */
.mcd-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.mcd-h1{
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.9);
}

.mcd-top__actions{ display:flex; gap: 10px; }

/* Layout */
.mcd-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px){
  .mcd-grid{ grid-template-columns: 1fr; }
}

.mcd-card__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.mcd-h2{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.9);
}

/* Form */
.mcd-field{ margin-bottom: 12px; margin-top: 0 !important;}

.mcd-label{
  display:block;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,0.82);
  margin-bottom: 6px;
}

.mcd-input,
.mcd-textarea,
.mcd-select{
  width: 100%;
  border-radius: var(--mcd-radius-md) !important;
  border: 1px solid var(--mcd-border) !important;
  background: var(--mcd-input-bg);
  color: rgba(255,255,255,0.8);
  padding: 10px 12px;
  outline: none;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.mcd-input:focus,
.mcd-textarea:focus,
.mcd-select:focus{
  border-color: var(--mcd-focus) !important;
  box-shadow: 0 0 8px 0 rgba(33,243,255,0.58);
}

.mcd-wrap .mcd-select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* same look as inputs (you already set most of this) */
  background: var(--mcd-input-bg) !important;
  border: 1px solid var(--mcd-border) !important;
  border-radius: var(--mcd-radius-md) !important;
  color: rgba(255,255,255,0.8);

  /* make room for the arrow */
  padding-right: 44px !important;

  /* custom arrow */
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.78) 50%),
    linear-gradient(135deg, rgba(255,255,255,0.78) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.mcd-wrap .mcd-select option{
  background: rgb(30,30,30);
  color: rgba(255,255,255,0.8);
}

.mcd-wrap .mcd-select:-moz-focusring{
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.mcd-wrap input[type="file"].mcd-input{
  padding: 8px 10px; /* slightly tighter so the button looks centered */
}

/* Modern browsers */
.mcd-wrap input[type="file"].mcd-input::file-selector-button{
  margin-right: 12px;
  border-radius: 8px;
  border: 1px solid rgba(33,243,255,0.35);
  background: rgba(33,243,255,0.12);
  color: rgba(255,255,255,0.8);
  font-weight: 800;
  padding: 10px 14px;
  cursor: pointer;
  transition: transform .1s ease, background .15s ease, border-color .15s ease;
}

.mcd-wrap input[type="file"].mcd-input::file-selector-button:hover{
  background: rgba(33,243,255,0.18);
  border-color: rgba(33,243,255,0.60);
}

.mcd-wrap input[type="file"].mcd-input::file-selector-button:active{
  transform: translateY(1px);
}

/* Safari / older Chromium fallback */
.mcd-wrap input[type="file"].mcd-input::-webkit-file-upload-button{
  margin-right: 12px;
  border-radius: 8px;
  border: 1px solid rgba(33,243,255,0.35);
  background: rgba(33,243,255,0.12);
  color: rgba(255,255,255,0.8);
  font-weight: 800;
  padding: 10px 14px;
  cursor: pointer;
  transition: transform .1s ease, background .15s ease, border-color .15s ease;
}

.mcd-wrap input[type="file"].mcd-input::-webkit-file-upload-button:hover{
  background: rgba(33,243,255,0.18);
  border-color: rgba(33,243,255,0.60);
}

.mcd-wrap input[type="file"].mcd-input::-webkit-file-upload-button:active{
  transform: translateY(1px);
}

.mcd-textarea{ resize: vertical; }

.mcd-thumb img{
  margin-top: 10px;
  border-radius: var(--mcd-radius-md);
  border: 1px solid rgba(255,255,255,0.10);
  max-width: 100%;
  height: auto;
}

.mcd-actions{ margin-top: 10px; display:flex; gap: 10px; }

/* Buttons */
.mcd-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.9) !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: transform .1s ease, background .15s ease, border-color .15s ease;
}

.mcd-btn:hover{
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.9);
  border-color: #00D4FF !important;
}

.mcd-btn:active{ transform: translateY(1px); }

.mcd-btn:focus, .mcd-btn:focus-visible{
  outline: 2px solid var(--mcd-focus);
  outline-offset: 2px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.9);
  border-color: #00D4FF;
}

.mcd-btn--ghost{
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255,255,255,0.90);
  border-radius: 8px;
}

.mcd-btn--ghost:hover{
  background: rgba(255, 255, 255, 0.1);
  border-color: #00D4FF;
  color: rgba(255,255,255,0.90);
}

/* Alerts */
.mcd-alert{
  border-radius: var(--mcd-radius-md);
  padding: 10px 12px;
  margin: 12px 0 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.mcd-alert--ok{ border-color: rgba(80, 255, 160, 0.35); }
.mcd-alert--bad{ border-color: rgba(255, 80, 120, 0.40); }

/* Table */
.mcd-tablewrap{
  overflow: auto;
  border-radius: var(--mcd-radius-lg);
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.mcd-tablewrap::-webkit-scrollbar{ height: 10px; width: 10px; }
.mcd-tablewrap::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.12);
  border-radius: 999px;
}
.mcd-tablewrap::-webkit-scrollbar-thumb:hover{
  background: rgba(33,243,255,0.22);
}

.mcd-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 640px;
  margin-block-end: 0px;
}

.mcd-table thead th{
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.mcd-table th, .mcd-table td{
  padding: 12px 12px;
  text-align: left;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  vertical-align: middle;
}

.mcd-table th{
  font-size: 12px;
  color: rgba(255,255,255,0.70);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Zebra rows */
.mcd-table tbody tr:nth-child(odd){
  background: rgba(255,255,255,0.02);
}

/* Row hover */
.mcd-table tbody tr{
  transition: background .15s ease, transform .12s ease;
}
.mcd-table tbody tr:hover{
  background: rgba(33,243,255,0.06);
}
.mcd-table tbody tr:hover td{
  border-bottom-color: rgba(33,243,255,0.18);
}

/* First/last row radius inside the wrap */
.mcd-table thead th:first-child{ border-top-left-radius: var(--mcd-radius-lg); }
.mcd-table thead th:last-child{ border-top-right-radius: var(--mcd-radius-lg); }
.mcd-table tbody tr:last-child td:first-child{ border-bottom-left-radius: var(--mcd-radius-lg); }
.mcd-table tbody tr:last-child td:last-child{ border-bottom-right-radius: var(--mcd-radius-lg); }

/* Title column: stronger + ellipsis */
.mcd-table td:first-child{
  font-weight: 400;
  color: rgba(255,255,255,0.92);
  max-width: 420px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Status column base styles */
.mcd-table td:nth-child(2){
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
}

/* Only apply the generic gray dot when the cell is NOT our status cell */
.mcd-table td:nth-child(2):not(.mcd-status-cell)::before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  margin-right: 8px;
  background: rgba(255,255,255,0.35);
  vertical-align: middle;
}

/* Status cell with colored dot (class-driven, reliable) */
.mcd-status-cell{
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  white-space: nowrap;
}

.mcd-status-cell::before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  margin-right: 8px;
  background: rgba(255,255,255,0.35);
  vertical-align: middle;
}

/* Dot color variants */
.mcd-status-cell--live::before{ background: #38d36b; }
.mcd-status-cell--beta::before{ background: #f4c542; }
.mcd-status-cell--coming_soon::before{ background: #ff4d6d; }

.mcd-rowactions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mcd-table .mcd-link:hover{
  background: rgba(33,243,255,0.10);
  border-color: rgba(33,243,255,0.30);
  transform: translateY(-1px);
}

.mcd-table .mcd-link--danger{
  border-color: rgba(255, 80, 120, 0.25);
  background: rgba(255, 80, 120, 0.06);
}
.mcd-table .mcd-link--danger:hover{
  border-color: rgba(255, 80, 120, 0.50);
  background: rgba(255, 80, 120, 0.10);
}

.mcd-table td:last-child{
  white-space: nowrap;
}

.mcd-link{
  color: rgba(255,255,255,0.90);
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.03);
  border-radius: var(--mcd-radius-sm);
  padding: 8px 16px;
  transition: background .15s ease, border-color .15s ease, transform .1s ease;
}

.mcd-link:hover{
  background: var(--mcd-hover);
  border-color: #00D4FF;
  transform: translateX(2px);
  color: rgba(255,255,255,0.9);
}

.mcd-link:active{
  background: var(--mcd-active);
  border-color: rgba(33,243,255,0.30);
  transform: translateX(2px) translateY(1px);
}

.mcd-link:focus, .mcd-link:focus-visible{
  outline: 2px solid var(--mcd-focus);
  outline-offset: 2px;
}

.mcd-link--danger{
  color: rgba(255, 120, 160, 0.95);
}

.mcd-empty{
  padding: 10px 4px;
  color: rgba(255,255,255,0.75);
}

.mcd-notice{
  padding: 12px;
  border-radius: var(--mcd-radius-md);
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.90);
}

/* ===== Status pill (Live / Beta / Coming Soon) ===== */
.mcd-status-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.9rem;
  border-radius: 9999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.mcd-status-dot{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: currentColor;
  animation: mcd-pulse 1.2s ease-in-out infinite;
  flex: 0 0 auto;
}

@keyframes mcd-pulse{
  0%, 100% { transform: scale(1); opacity: 1; }
  50%      { transform: scale(1.2); opacity: 0.35; }
}

.mcd-status-text{
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  white-space: nowrap;
}

/* Live */
.mcd-status--live{
  color: #38d36b;
  border-color: rgba(56, 211, 107, 0.45);
  background: rgba(56, 211, 107, 0.10);
}

/* Beta */
.mcd-status--beta{
  color: #f4c542;
  border-color: rgba(244, 197, 66, 0.50);
  background: rgba(244, 197, 66, 0.10);
}

/* Coming Soon */
.mcd-status--coming_soon{
  color: #ff4d6d;
  border-color: rgba(255, 77, 109, 0.50);
  background: rgba(255, 77, 109, 0.10);
}

/* ===== Download links section (only renders when links exist) ===== */
.mcd-links {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 20px;
    border-radius: 12px;
}

.mcd-dl{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}

.mcd-dl__title{
  font-size: 1.6rem;
  color: rgba(255,255,255,0.82);
  margin-bottom: 10px;
}

.mcd-dl__buttons{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centers buttons horizontally */
  align-items: center;
  gap: 20px;
}

.mcd-btn--dl{
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  padding: 10px 30px;
  color: #F5F5F5;
  transition: border 0s;
}

.mcd-btn--dl:hover {
    color: #F5F5F5;
    background: #FFFFFF21;
    border: 1px solid #00D4FF;
}

/* ===== Legal links section ===== */
.mcd-legal{
  margin-top: 14px;
  text-align: center;
}

.mcd-legal__links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.mcd-legal__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.6);
  text-decoration: none !important;
  font-size: 0.9rem;
}

.mcd-legal__link:hover{
  color: rgba(255,255,255,0.8);
}

/* ===== FAQ (front-end accordion + dashboard form spacing) ===== */
/* ===== FAQ (modern accordion) ===== */
.mcd-faq{
  display: grid;
  gap: 10px;
}

.mcd-faq__item{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--mcd-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: border-color .15s ease, background .15s ease, transform .12s ease;
}

.mcd-faq__item:hover{
  border-color: rgba(33,243,255,0.28);
  background: rgba(255,255,255,0.055);
}

.mcd-faq__item[open]{
  border-color: rgba(33,243,255,0.45);
  background: rgba(33,243,255,0.06);
}

.mcd-faq__q{
  list-style: none; /* removes default marker in some browsers */
  cursor: pointer;
  user-select: none;
  padding: 14px 16px;
  font-weight: 800;
  color: rgba(255,255,255,0.92);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.mcd-faq__q::-webkit-details-marker{ display:none; }

.mcd-faq__q::after{
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255,255,255,0.72);
  border-bottom: 2px solid rgba(255,255,255,0.72);
  transform: rotate(45deg);
  transition: transform .15s ease, border-color .15s ease;
  flex: 0 0 auto;
}

.mcd-faq__item[open] .mcd-faq__q::after{
  transform: rotate(-135deg);
  border-color: rgba(33,243,255,0.95);
}

.mcd-faq__a{
  padding: 0 16px 14px 16px;
  color: rgba(255,255,255,0.80);
  border-top: 1px solid rgba(255,255,255,0.08);
}

.mcd-faq__a p{ margin: 10px 0 0; }
.mcd-faq__a p:first-child{ margin-top: 12px; }

/* Dashboard form spacing */
.mcd-faq-row{ margin-bottom: 10px; }

/* ===== Add-form internal layout (Left fields | Right FAQ) ===== */
.mcd-form-grid{
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 18px;
  align-items: start;
}

@media (max-width: 980px){
  .mcd-form-grid{
    grid-template-columns: 1fr;
  }
}

/* Optional: make right column feel like a panel */
.mcd-wrap--form .mcd-form-col:nth-child(2){
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--mcd-radius-lg);
  padding: 14px;
}

.mcd-gallery { margin-top: 12px; }
.mcd-gallery__grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 10px;
}
.mcd-gallery__item{
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 10px;
  background: rgba(255,255,255,0.04);
}
.mcd-gallery__item img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.mcd-gallery__remove{
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: rgba(255,255,255,0.8);
}

.mcd-public-gallery-wrap{
  --mcd-gap: 40px;
}

.mcd-public-gallery{
  display: grid;
  grid-template-columns: repeat(var(--mcd-cols, 4), minmax(0, 1fr));
  gap: var(--mcd-gap);
}
.mcd-public-gallery__item{
  aspect-ratio: auto !important;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.2) !important;
}
.mcd-public-gallery--wide{
  aspect-ratio: 16 / 9;
}
.mcd-public-gallery--fixed .mcd-public-gallery__item{
  aspect-ratio: var(--mcd-ar, 1 / 1);
}
.mcd-public-gallery__item img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: var(--mcd-ar, auto);
}
.mcd-public-gallery__link{
  display: block;
  height: 100%;
}

.mcd-public-gallery--last{
  grid-template-columns: repeat(var(--mcd-last-cols, 1), minmax(0, 1fr));
  /* column width of the "real" grid */
  --mcd-colw: calc((100% - (var(--mcd-gap) * (var(--mcd-cols) - 1))) / var(--mcd-cols));
  max-width: calc((var(--mcd-colw) * var(--mcd-last-cols)) + (var(--mcd-gap) * (var(--mcd-last-cols) - 1)));
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--mcd-gap);
}

/* ===== New panel layout (3 panels, 2 columns) ===== */
.mcd-panels-grid{
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 40px;
  align-items: start;
}

@media (max-width: 980px){
  .mcd-panels-grid{ grid-template-columns: 1fr; }
}

.mcd-panel{
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--mcd-radius-lg);
  padding: 14px;
  margin-bottom: 40px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.mcd-panel__head{
  margin-bottom: 10px;
}
.mcd-panel__title{
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: rgba(255,255,255,0.90);
}

.mcd-help{
  color: rgba(255,255,255,0.65);
  font-size: 12px;
  margin-top: 4px;
}

.mcd-hidden{ display: none !important; }

/* ===== Front-end paired sections ===== */
.mcd-subtitle{
  color: rgba(255,255,255,0.4);
  margin-top: 6px;
}

.mcd-section{
  background: rgba(255,255,255,0.06);
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.1);
  padding: 35px 40px;
  height: 100%;
}

.ignore-style .mcd-section {
    background: none;
    border: none;
    padding: 0;
}

.mcd-section--content .mcd-section__body {
    background: none;
    border: none;
    padding: none;
}

.mcd-section__title{
  margin: 0 0 10px 0;
  font-size: 1.6rem !important;
}
.mcd-section__body{
  opacity: 0.9;
  color: rgba(255,255,255,0.8);
}

.mcd-section__body--features ul {
    transform: translateX(-20px);
}

/* ===== Public gallery output ===== */
.mcd-public-gallery__item img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.mcd-public-gallery__link{ display:block; }

@media (max-width:1024px) {
    .mcd-section__title {
        font-size: 1.2rem !important;
    }
}

/* ===== Notify me CSS ===== */
.mcd-notify-box{
  margin: 0;
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
}

.mcd-notify-box__head{
  margin-bottom: 12px;
}

.mcd-notify-box__head .mcd-h2 {
    text-align: center;
}

.mcd-notify-box__head .mcd-help {
    text-align: center;
}

.mcd-notify-form__row{
  display: flex;
  justify-content: center;
  gap: 10px;
}

.mcd-notify-form__row .mcd-input {
    max-width: 300px;
    border-radius: 8px !important;
}

.mcd-notify-box .mcd-alert {
    max-width: 400px;
}

.mcd-notify-admin-filter,
.mcd-notify-admin-compose{
  margin-top: 16px;
}

.mcd-help{
  color: rgba(255,255,255,0.65);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 700px){
  .mcd-notify-form__row{
    grid-template-columns: 1fr;
  }
}