/* Marketing Calendar — Admin panel styles (Wellthy brand) */
.mkt-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
@media (max-width: 768px) { .mkt-stats { grid-template-columns: repeat(2, 1fr); } }
.mkt-stat { background: rgba(255,255,255,0.06); border-radius: 12px; padding: 16px; text-align: center; }
.mkt-stat-num { font-size: 28px; font-weight: 600; color: #F4892B; }
.mkt-stat-lbl { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; }

.mkt-subtabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.mkt-subtab { padding: 8px 16px; border-radius: 8px; border: none; background: rgba(255,255,255,0.08); color: #fff; font-size: 12px; cursor: pointer; }
.mkt-subtab.active { background: #003A6D; }

.mkt-cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.mkt-cal-dow { text-align: center; font-size: 10px; color: rgba(255,255,255,0.45); padding: 6px 0; text-transform: uppercase; }
.mkt-cal-day {
  min-height: 72px; padding: 6px; border-radius: 8px; background: rgba(255,255,255,0.04);
  border: 1px solid transparent; cursor: pointer; position: relative; transition: 0.15s;
}
.mkt-cal-day:hover { background: rgba(255,255,255,0.08); }
.mkt-cal-day.selected { border-color: #003A6D; background: rgba(0,58,109,0.35); }
.mkt-cal-day.today { box-shadow: 0 0 0 2px #F4892B; }
.mkt-cal-day.other { opacity: 0.3; pointer-events: none; }
.mkt-cal-num { font-size: 13px; font-weight: 600; }
.mkt-cal-dots { display: flex; gap: 3px; margin-top: 6px; flex-wrap: wrap; }
.mkt-dot { width: 7px; height: 7px; border-radius: 50%; }
.mkt-dot.ready { background: #F97316; }
.mkt-dot.draft { background: #F59E0B; }
.mkt-dot.published { background: #22C55E; }
.mkt-cal-count { position: absolute; bottom: 4px; right: 6px; font-size: 9px; color: rgba(255,255,255,0.4); }

.mkt-card {
  background: rgba(255,255,255,0.06); border-radius: 10px; padding: 14px; margin-bottom: 8px;
  border-left: 4px solid #F4892B; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.mkt-card.ready { border-left-color: #F97316; }
.mkt-card.draft { border-left-color: #F59E0B; }
.mkt-card.published { border-left-color: #22C55E; }
.mkt-badges { display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0; }
.mkt-badge { font-size: 10px; padding: 2px 8px; border-radius: 12px; background: rgba(255,255,255,0.12); }
.mkt-badge.pillar { background: rgba(0,58,109,0.55); color: #93c5fd; }
.mkt-badge.plat { background: rgba(244,137,43,0.25); color: #fdba74; }
.mkt-hook { font-size: 13px; color: rgba(255,255,255,0.85); margin-top: 4px; }

.mkt-drawer-overlay {
  display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 500;
  justify-content: flex-end;
}
.mkt-drawer-overlay.open { display: flex; }
.mkt-drawer {
  width: min(680px, 100%); height: 100%; overflow-y: auto; background: #1e293b;
  padding: 24px; box-shadow: -8px 0 32px rgba(0,0,0,0.45);
}
.mkt-drawer h2 { font-size: 20px; margin-bottom: 8px; }
.mkt-copy-block {
  background: rgba(0,0,0,0.35); border-radius: 8px; padding: 12px; margin: 8px 0 16px;
  font-size: 12px; line-height: 1.55; white-space: pre-wrap; font-family: ui-monospace, monospace;
}
.mkt-copy-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: #F4892B; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }

.mkt-social-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.mkt-social-card { background: rgba(255,255,255,0.06); border-radius: 10px; padding: 16px; }
.mkt-social-card.connected { border: 1px solid rgba(34,197,94,0.4); }
.mkt-social-name { font-weight: 600; margin: 8px 0 4px; }
.mkt-social-status { font-size: 11px; color: rgba(255,255,255,0.5); }

.mkt-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 16px; }
.mkt-toolbar select, .mkt-toolbar input {
  padding: 8px 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15);
  background: rgba(0,0,0,0.25); color: #fff; font-size: 12px;
}
.mkt-msg { font-size: 13px; margin-top: 10px; min-height: 18px; }
.mkt-msg.ok { color: #86efac; }
.mkt-msg.err { color: #fca5a5; }

.mkt-publish-row {
  display: flex; align-items: center; gap: 10px; padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08); flex-wrap: wrap;
}
.mkt-publish-row:last-child { border-bottom: none; }

.mkt-form-row { margin-bottom: 12px; }
.mkt-form-row label { display: block; font-size: 11px; color: rgba(255,255,255,0.6); margin-bottom: 4px; }
.mkt-form-row input, .mkt-form-row textarea, .mkt-form-row select {
  width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15);
  background: rgba(0,0,0,0.25); color: #fff; font-size: 13px;
}
.mkt-form-row textarea { min-height: 80px; font-family: ui-monospace, monospace; font-size: 12px; }

.mkt-toast {
  position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
  background: #22C55E; color: #fff; padding: 10px 20px; border-radius: 8px; font-size: 13px;
  z-index: 600; opacity: 0; transition: 0.25s; pointer-events: none;
}
.mkt-toast.show { opacity: 1; }

.mkt-wizard-box {
  background: #1e293b; border-radius: 16px; padding: 24px; width: min(720px, 94vw);
  max-height: 90vh; overflow-y: auto; box-shadow: 0 24px 48px rgba(0,0,0,0.5);
}
.mkt-wizard-steps { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.mkt-wizard-step {
  font-size: 11px; padding: 6px 12px; border-radius: 20px;
  background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.45);
}
.mkt-wizard-step.active { background: #003A6D; color: #fff; }
.mkt-wizard-step.done { background: rgba(34,197,94,0.25); color: #86efac; }
.mkt-wizard-actions { display: flex; gap: 10px; margin-top: 20px; justify-content: flex-end; }
.mkt-platform-picks { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.mkt-platform-pick {
  padding: 12px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.12);
  cursor: pointer; font-size: 12px; transition: 0.15s;
}
.mkt-platform-pick.selected { border-color: #F4892B; background: rgba(244,137,43,0.12); }
.mkt-platform-pick .spec { font-size: 10px; color: rgba(255,255,255,0.45); margin-top: 4px; }
.mkt-wizard-plat-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.mkt-wizard-plat-tab {
  padding: 6px 12px; border-radius: 8px; border: none; font-size: 11px;
  background: rgba(255,255,255,0.08); color: #fff; cursor: pointer;
}
.mkt-wizard-plat-tab.active { background: #003A6D; }
.mkt-shot-row {
  padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.08);
  font-size: 12px; line-height: 1.5;
}
.mkt-shot-row strong { color: #F4892B; }