/* MDD V119 — controlo real da distribuição do Feed */

.mdd-v119-menu {
  appearance: none;
  border: 1px solid rgba(145,195,255,.2);
  border-radius: 999px;
  background: rgba(6,17,38,.72);
  color: #e8f5ff;
  min-width: 38px;
  min-height: 34px;
  padding: 4px 10px;
  font: 900 1rem/1 Inter,system-ui,sans-serif;
  cursor: pointer;
  margin-left: auto;
}

.mdd-v119-menu:hover,
.mdd-v119-menu:focus-visible {
  border-color: rgba(0,216,255,.58);
  background: rgba(20,60,105,.72);
  outline: none;
}

.mdd-v119-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: max-content;
  border-radius: 999px;
  padding: 4px 9px;
  margin-left: 8px;
  font: 800 .68rem/1.1 Inter,system-ui,sans-serif;
  letter-spacing: .02em;
}

.mdd-v119-sponsored {
  color: #fff1a8;
  border: 1px solid rgba(255,214,10,.34);
  background:
    linear-gradient(
      135deg,
      rgba(255,214,10,.16),
      rgba(255,135,45,.11)
    );
}

.mdd-v119-shared {
  color: #bdeeff;
  border: 1px solid rgba(0,216,255,.28);
  background: rgba(0,145,255,.1);
}

.mdd-v119-disabled {
  opacity: .42 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  filter: grayscale(.35) !important;
}

.mdd-v119-dialog-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147482500;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0,4,14,.76);
  backdrop-filter: blur(16px);
}

.mdd-v119-dialog-overlay.open {
  display: flex;
}

.mdd-v119-dialog {
  width: min(580px,100%);
  max-height: min(820px,92vh);
  overflow: hidden;
  border: 1px solid rgba(113,188,255,.24);
  border-radius: 26px;
  color: #f5fbff;
  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(0,216,255,.11),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(138,92,255,.14),
      transparent 40%
    ),
    linear-gradient(
      145deg,
      rgba(8,19,42,.98),
      rgba(5,10,27,.99)
    );
  box-shadow:
    0 30px 90px rgba(0,0,0,.64),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.mdd-v119-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 22px 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.mdd-v119-dialog-head h2 {
  margin: 0;
  color: #fff;
  font: 900 1.25rem/1.25 Inter,system-ui,sans-serif;
}

.mdd-v119-dialog-head p {
  margin: 7px 0 0;
  color: rgba(190,220,255,.72);
  font: 600 .82rem/1.4 Inter,system-ui,sans-serif;
}

.mdd-v119-close {
  appearance: none;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  background: rgba(255,255,255,.05);
  color: #fff;
  font: 400 1.55rem/1 Inter,system-ui,sans-serif;
  cursor: pointer;
}

.mdd-v119-dialog-body {
  overflow-y: auto;
  max-height: calc(92vh - 96px);
  padding: 18px 22px 24px;
}

.mdd-v119-section {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}

.mdd-v119-section:last-child {
  margin-bottom: 0;
}

.mdd-v119-section h3 {
  margin: 0 0 3px;
  color: rgba(202,229,255,.8);
  font: 800 .76rem/1.2 Inter,system-ui,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mdd-v119-action {
  appearance: none;
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgba(130,190,255,.16);
  border-radius: 16px;
  padding: 11px 15px;
  text-align: left;
  color: #eaf7ff;
  background: rgba(255,255,255,.045);
  font: 750 .92rem/1.25 Inter,system-ui,sans-serif;
  cursor: pointer;
  transition:
    transform .12s ease,
    border-color .12s ease,
    background-color .12s ease;
}

.mdd-v119-action:hover:not(:disabled),
.mdd-v119-action:focus-visible:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(0,216,255,.42);
  background: rgba(0,145,255,.1);
  outline: none;
}

.mdd-v119-action:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.mdd-v119-action.primary {
  border-color: rgba(0,216,255,.42);
  background:
    linear-gradient(
      135deg,
      rgba(0,145,255,.24),
      rgba(109,60,255,.21)
    );
}

.mdd-v119-action.danger {
  color: #ffd8e8;
  border-color: rgba(255,79,145,.28);
  background: rgba(255,42,104,.075);
}

.mdd-v119-action-icon {
  width: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.18rem;
}

.mdd-v119-action-text {
  min-width: 0;
}

.mdd-v119-stats {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 10px;
}

.mdd-v119-stats > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(135,195,255,.14);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255,255,255,.035);
}

.mdd-v119-stats strong {
  color: #fff;
  font: 900 .98rem/1.25 Inter,system-ui,sans-serif;
  overflow-wrap: anywhere;
}

.mdd-v119-stats span {
  color: rgba(190,220,255,.66);
  font: 650 .73rem/1.25 Inter,system-ui,sans-serif;
}

.mdd-v119-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(130,190,255,.14);
  border-radius: 16px;
  padding: 14px 15px;
  background: rgba(255,255,255,.035);
  cursor: pointer;
}

.mdd-v119-switch-row > span {
  display: grid;
  gap: 5px;
}

.mdd-v119-switch-row strong {
  color: #f4fbff;
  font: 800 .88rem/1.25 Inter,system-ui,sans-serif;
}

.mdd-v119-switch-row small {
  color: rgba(190,220,255,.65);
  font: 550 .73rem/1.35 Inter,system-ui,sans-serif;
}

.mdd-v119-switch-row input {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  accent-color: #00bfff;
}

.mdd-v119-loading,
.mdd-v119-error {
  border: 1px dashed rgba(130,190,255,.24);
  border-radius: 16px;
  padding: 20px;
  color: rgba(210,235,255,.82);
  background: rgba(255,255,255,.035);
  text-align: center;
  font: 650 .86rem/1.5 Inter,system-ui,sans-serif;
}

.mdd-v119-error {
  color: #ffd2e3;
  border-color: rgba(255,79,145,.28);
}

.mdd-v119-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  z-index: 2147483000;
  transform: translateX(-50%);
  max-width: min(520px,calc(100vw - 30px));
  border: 1px solid rgba(0,216,255,.28);
  border-radius: 999px;
  padding: 11px 18px;
  color: #fff;
  background: rgba(5,17,39,.97);
  box-shadow: 0 16px 50px rgba(0,0,0,.48);
  font: 750 .84rem/1.35 Inter,system-ui,sans-serif;
  text-align: center;
}

#postMenuOptions .mdd-v119-action {
  margin-top: 8px;
}

@media(max-width:640px) {
  .mdd-v119-dialog-overlay {
    align-items: flex-end;
    padding: 10px;
  }

  .mdd-v119-dialog {
    width: 100%;
    max-height: 90vh;
    border-radius: 24px 24px 18px 18px;
  }

  .mdd-v119-dialog-head {
    padding: 19px 17px 15px;
  }

  .mdd-v119-dialog-body {
    padding: 15px 17px 22px;
  }

  .mdd-v119-stats {
    grid-template-columns: 1fr;
  }

  .mdd-v119-switch-row {
    align-items: flex-start;
  }
}