/* Buddy Actions™ cards and panel. Brand: navy / violet / gold / electric blue; Fraunces + Inter. Mobile first. */
:root{--act-navy:#0E1338;--act-deep:#080B24;--act-violet:#8B5CF6;--act-lav:#C4B5FD;--act-gold:#E6B85C;--act-gold-hi:#FFE7A8;--act-blue:#38BDF8;--act-ink:#F3F1FF;--act-dim:#9E99CC;--act-ok:#4ADE80;--act-err:#FCA5A5}

.mj-act{align-self:flex-start;width:min(100%,420px);padding:14px 16px 12px;border-radius:20px;border:1px solid rgba(139,92,246,.55);background:linear-gradient(180deg,rgba(42,31,107,.92),rgba(14,19,56,.94));box-shadow:0 10px 30px rgba(8,11,36,.45),inset 0 1px 0 rgba(255,255,255,.06);animation:mjActIn .22s ease-out}
.mj-act-proposal{border-color:rgba(56,189,248,.55);box-shadow:0 10px 30px rgba(8,11,36,.45),0 0 0 1px rgba(56,189,248,.15),0 0 24px rgba(56,189,248,.12)}
.mj-act-receipt{border-color:rgba(74,222,128,.55)}
.mj-act-due{border-color:rgba(230,184,92,.8);box-shadow:0 0 28px rgba(230,184,92,.18)}
.mj-act-failed{border-color:rgba(252,165,165,.5)}
.mj-act-kicker{margin:0;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--act-blue)}
.mj-act-due .mj-act-kicker{color:var(--act-gold-hi)}
.mj-act-failed .mj-act-kicker{color:var(--act-err)}
.mj-act-title{margin:4px 0 0;font:500 20px/1.25 Fraunces,Georgia,serif;color:#fff;overflow-wrap:anywhere}
.mj-act-when{margin:4px 0 0;font:600 15px/1.4 Inter,sans-serif;color:var(--act-gold-hi)}
.mj-act-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.mj-act-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid #4450A8;background:rgba(15,20,64,.8);font:600 11.5px Inter,sans-serif;color:var(--act-lav)}
.mj-act-pill.ai{border-color:rgba(139,92,246,.8);color:#E9DDFF}
.mj-act-pill.device{border-color:rgba(56,189,248,.5);color:#BAE6FD}
.mj-act-pill.account{border-color:rgba(230,184,92,.6);color:var(--act-gold-hi)}
.mj-act-pill.executed{border-color:rgba(74,222,128,.6);color:#BBF7D0}
.mj-act-pill.failed{border-color:rgba(252,165,165,.6);color:var(--act-err)}
.mj-act-pill.cancelled,.mj-act-pill.expired{color:var(--act-dim)}
.mj-act-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mj-act-btn{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #4450A8;background:#0F1440;color:var(--act-ink);font:600 14px Inter,sans-serif;cursor:pointer}
.mj-act-btn.primary{border:0;color:#1B1240;background:linear-gradient(180deg,var(--act-gold-hi),var(--act-gold) 60%,#C99A3E);box-shadow:0 4px 14px rgba(230,184,92,.3)}
.mj-act-btn.ghost{background:transparent;color:var(--act-lav)}
.mj-act-btn.small{min-height:36px;padding:0 14px;font-size:13px}
.mj-act-btn.armed{border-color:var(--act-gold);color:var(--act-gold-hi)}
.mj-act-btn:disabled{opacity:.55;cursor:default}
.mj-act-status{margin:8px 0 0;font-size:13px;color:var(--act-lav);min-height:0}
.mj-act-status:empty{display:none}
.mj-act-fine{margin:8px 0 0;font-size:12px;color:var(--act-dim)}
.mj-act-verified{display:flex;align-items:center;gap:8px;margin:0;font:700 13px Inter,sans-serif;color:#BBF7D0;letter-spacing:.02em}
.mj-act-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--act-ok);color:#05250F;font-size:13px;box-shadow:0 0 12px rgba(74,222,128,.55)}
.mj-act-note{align-self:center;max-width:92%;padding:6px 12px;border-radius:14px;border:1px dashed #4450A8;font-size:13px;color:var(--act-dim)}
.mj-act-note.error{border-color:rgba(252,165,165,.5);color:var(--act-err)}
.mj-act-edit{display:flex;flex-direction:column;gap:10px}
.mj-act-field{display:flex;flex-direction:column;gap:4px;font:600 12px Inter,sans-serif;color:var(--act-lav)}
.mj-act-field input{min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid #4450A8;background:#0F1440;color:var(--act-ink);font:16px Inter,sans-serif;color-scheme:dark}

/* Header button badge (due reminders) */
#actionsBtn[data-due]:not([data-due=""])::after{content:attr(data-due);display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--act-gold);color:#1B1240;font-size:11px}

/* Panel */
.mj-act-panel{width:min(100vw,560px);max-width:100vw;max-height:min(92dvh,760px);margin:auto auto 0;padding:0;border:1px solid rgba(139,92,246,.5);border-radius:24px 24px 0 0;background:linear-gradient(180deg,#1C1F5C,var(--act-navy) 40%,var(--act-deep));color:var(--act-ink);box-shadow:0 -10px 40px rgba(0,0,0,.5);overflow:auto}
.mj-act-panel::backdrop{background:rgba(8,11,36,.6);backdrop-filter:blur(3px)}
@media (min-width:640px){.mj-act-panel{margin:auto;border-radius:24px}}
.mj-act-phead{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:16px 16px 10px;background:rgba(28,31,92,.96);border-bottom:1px solid rgba(68,80,168,.45)}
.mj-act-phead h2{margin:0;font:500 24px Fraunces,Georgia,serif}
.mj-act-where{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--act-blue)}
.mj-act-tabs{display:flex;gap:6px;padding:12px 16px 4px}
.mj-act-tab{flex:1;min-height:40px;border-radius:999px;border:1px solid #4450A8;background:rgba(15,20,64,.7);color:var(--act-lav);font:600 14px Inter,sans-serif;cursor:pointer}
.mj-act-tab[aria-selected=true]{background:#2A1F6B;border-color:var(--act-violet);color:#fff}
.mj-act-pbody{padding:8px 16px;min-height:160px}
.mj-act-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mj-act-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(68,80,168,.6);background:rgba(15,20,64,.6)}
.mj-act-row.due{border-color:rgba(230,184,92,.75)}
.mj-act-row.done b{text-decoration:line-through;color:var(--act-dim)}
.mj-act-rtext{display:flex;flex-direction:column;min-width:0;margin-right:auto}
.mj-act-rtext b{font:600 15px Inter,sans-serif;overflow-wrap:anywhere}
.mj-act-rtext span{font-size:12.5px;color:var(--act-dim)}
.mj-act-empty{margin:18px 0;text-align:center;color:var(--act-dim);font-size:14px}
.mj-act-empty.error{color:var(--act-err)}
.mj-act-settings{margin:8px 16px 18px;padding:12px 14px;border-radius:16px;border:1px solid rgba(68,80,168,.55);background:rgba(8,11,36,.45)}
.mj-act-settings h3{margin:0 0 6px;font:600 12px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--act-blue)}
.mj-act-switch{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding:8px 0;cursor:pointer}
.mj-act-switch input{width:20px;height:20px;accent-color:var(--act-violet)}
.mj-act-switch span{font:600 14px Inter,sans-serif}
.mj-act-switch small{grid-column:2;color:var(--act-dim);font-size:12px}
.mj-act-switch.locked{cursor:default;opacity:.85}
.mj-act-notify{padding:6px 0}
/* Phones: the header is already full, so the Actions chip becomes a 36px checklist icon (the label stays for screen readers). */
@media (max-width:480px){
  #actionsBtn{position:relative;flex:none;width:36px;padding:0;font-size:0;display:grid;place-items:center}
  #actionsBtn::before{content:"";width:18px;height:18px;background:var(--act-gold-hi);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l1.5 1.5L8 5M4 12l1.5 1.5L8 11M4 18l1.5 1.5L8 17M11 6h9M11 12h9M11 18h9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l1.5 1.5L8 5M4 12l1.5 1.5L8 11M4 18l1.5 1.5L8 17M11 6h9M11 12h9M11 18h9'/%3E%3C/svg%3E") center/contain no-repeat}
  #actionsBtn[data-due]:not([data-due=""])::after{position:absolute;top:-4px;right:-4px;margin:0;font-size:11px}
}
@keyframes mjActIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mj-act{animation:none}}