.mc-proactive-card {
  position: relative;
  overflow: hidden;
  margin: 14px 0;
  padding: 18px;
  border: 1px solid color-mix(in srgb, var(--mc-app-gold, #d5ae63) 34%, transparent);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 8%, rgba(224, 177, 91, .19), transparent 34%),
    linear-gradient(145deg, rgba(31, 29, 27, .96), rgba(17, 17, 18, .98));
  color: #f7f3ea;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .2);
}
.mc-proactive-card * { box-sizing: border-box; }
.mc-proactive-head, .mc-proactive-row, .mc-proactive-actions { display: flex; align-items: center; gap: 10px; }
.mc-proactive-head { justify-content: space-between; margin-bottom: 8px; }
.mc-proactive-title { display: flex; align-items: center; gap: 9px; font-size: 17px; font-weight: 760; letter-spacing: .01em; }
.mc-proactive-ai { display: inline-grid; place-items: center; min-width: 31px; height: 23px; padding: 0 7px; border-radius: 8px; color: #17130c; background: linear-gradient(135deg, #f4d58f, #b88736); font-size: 12px; font-weight: 850; }
.mc-proactive-status { display: inline-flex; align-items: center; gap: 6px; color: #cfcbc2; font-size: 12px; }
.mc-proactive-dot { width: 8px; height: 8px; border-radius: 50%; background: #d49a3c; box-shadow: 0 0 0 4px rgba(212, 154, 60, .12); }
.mc-proactive-status.is-active .mc-proactive-dot { background: #64d890; box-shadow: 0 0 0 4px rgba(100, 216, 144, .12); }
.mc-proactive-status.is-offline .mc-proactive-dot { background: #ee796f; box-shadow: 0 0 0 4px rgba(238, 121, 111, .12); }
.mc-proactive-copy { margin: 0 0 13px; color: #bbb6ac; font-size: 13px; line-height: 1.65; }
.mc-proactive-slots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0 14px; }
.mc-proactive-slot { padding: 10px 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.04); text-align: center; }
.mc-proactive-slot span { display: block; color: #9f9a91; font-size: 11px; }
.mc-proactive-slot strong { display: block; margin-top: 3px; color: #f4d58f; font-size: 15px; }
.mc-proactive-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 12px 0; }
.mc-proactive-field { display: grid; gap: 5px; color: #aaa59c; font-size: 11px; }
.mc-proactive-field:first-child { grid-column: 1 / -1; }
.mc-proactive-field input, .mc-proactive-field select {
  width: 100%; height: 42px; padding: 0 11px; border: 1px solid rgba(255,255,255,.11); border-radius: 11px;
  outline: none; color: #f6f1e8; background: rgba(255,255,255,.055); font: inherit; font-size: 13px;
}
.mc-proactive-field select option { color: #171717; }
.mc-proactive-actions { flex-wrap: wrap; margin-top: 13px; }
.mc-proactive-btn { min-height: 41px; padding: 0 14px; border: 0; border-radius: 12px; cursor: pointer; font-weight: 720; }
.mc-proactive-btn.primary { color: #17130c; background: linear-gradient(135deg, #f2d18a, #bd8b3d); }
.mc-proactive-btn.secondary { color: #eee8dc; background: rgba(255,255,255,.085); border: 1px solid rgba(255,255,255,.09); }
.mc-proactive-btn:disabled { opacity: .55; cursor: wait; }
.mc-proactive-note { margin-top: 11px; color: #8e8981; font-size: 11px; line-height: 1.55; }
.mc-proactive-skill-card { margin: 12px 0 16px; }
.mc-proactive-skill-card .mc-proactive-copy { margin-bottom: 10px; }
.mc-proactive-toast { position: fixed; z-index: 99999; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom)); transform: translate(-50%, 12px); padding: 10px 15px; border-radius: 999px; color: #15120d; background: #efd087; font-size: 13px; font-weight: 720; opacity: 0; transition: .2s ease; pointer-events: none; }
.mc-proactive-toast.show { opacity: 1; transform: translate(-50%, 0); }
.mc-proactive-desktop { max-width: 1180px; margin: 24px auto; }
@media (max-width: 560px) {
  .mc-proactive-card { padding: 16px; border-radius: 18px; }
  .mc-proactive-grid { grid-template-columns: 1fr 1fr; }
  .mc-proactive-btn { flex: 1 1 125px; }
}
@media (min-width: 769px) {
  .mc-proactive-card { color: #f7f3ea; }
  .mc-proactive-desktop { padding: 0 24px; }
}