/**
 * Zadwa Network — Mission-Layer Styles
 * Powers: mission hero, 6 life areas panel, movement pulse counter,
 *         agent impact bar, earner mission stripe.
 * Enqueue alongside main plugin stylesheet.
 */

/* ═══════════════════════════════ MISSION HERO */
.zw-mission-hero {
    background: linear-gradient(135deg, #0B1F14 0%, #133A26 100%);
    border-radius: 16px;
    padding: 48px 40px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.zw-mission-hero::before {
    content:''; position:absolute; top:-40px; right:-40px;
    width:280px; height:280px;
    background:radial-gradient(circle, rgba(31,170,89,.15) 0%, transparent 70%);
    pointer-events:none;
}
.zw-mission-hero__inner { position:relative; z-index:1; }
.zw-mission-hero__badge {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(31,170,89,.15); border:1px solid rgba(31,170,89,.3);
    border-radius:999px; padding:4px 14px; font-size:12px; font-weight:600;
    color:#6EE7A0; margin-bottom:20px; letter-spacing:.03em; text-transform:uppercase;
}
.zw-mission-dot {
    width:7px; height:7px; border-radius:50%; background:#1FAA59;
    animation:zw-pulse 2s ease-in-out infinite;
}
@keyframes zw-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }
.zw-mission-hero__headline {
    font-size:clamp(28px,5vw,42px); font-weight:800; color:#F8FAFC;
    line-height:1.15; margin:0 0 8px; letter-spacing:-.02em;
}
.zw-mission-hero__sub { color:#1FAA59; }
.zw-mission-hero__body {
    font-size:15px; color:#94A3B8; line-height:1.7; max-width:640px; margin:12px 0 32px;
}
.zw-mission-pillars { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }
.zw-mp { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:16px 18px; display:flex; flex-direction:column; gap:6px; }
.zw-mp-icon { font-size:22px; }
.zw-mp strong { font-size:13px; color:#E2E8F0; font-weight:700; }
.zw-mp span   { font-size:12px; color:#64748B; line-height:1.5; }
@media(max-width:600px){ .zw-mission-hero{padding:28px 20px;} .zw-mission-pillars{grid-template-columns:1fr 1fr;} }

/* ═══════════════════════════════ 6 LIFE AREAS */
.zw-six-areas {
    background:#fff; border:1px solid #E2E8F0; border-radius:14px;
    margin-bottom:24px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.zw-six-areas__header {
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:18px 22px; border-bottom:1px solid #F1F5F9;
    background:linear-gradient(135deg,#F0FFF4,#FAFFFE);
}
.zw-six-areas__header-left { display:flex; align-items:flex-start; gap:14px; }
.zw-six-areas__icon { font-size:26px; line-height:1; }
.zw-six-areas__title { font-size:15px; font-weight:700; color:#0F172A; margin-bottom:2px; }
.zw-six-areas__subtitle { font-size:12px; color:#64748B; }
.zw-six-areas__toggle {
    flex-shrink:0; background:none; border:1px solid #CBD5E1; border-radius:8px;
    padding:6px 14px; font-size:13px; color:#475569; cursor:pointer; white-space:nowrap;
    transition:all .2s;
}
.zw-six-areas__toggle:hover { background:#F1F5F9; border-color:#94A3B8; }
.zw-six-areas__summary { display:flex; flex-wrap:wrap; gap:8px; padding:14px 22px; }
.zw-six-sum-pill {
    display:inline-flex; align-items:center; gap:6px; padding:5px 12px;
    border-radius:999px; font-size:12px; font-weight:500; border:1px solid #E2E8F0; color:#475569;
}
.zw-six-sum-pill--set   { background:#F0FFF4; border-color:#BBF7D0; color:#166534; }
.zw-six-sum-pill--empty { background:#F8FAFC; border-color:#E2E8F0; color:#94A3B8; font-style:italic; }
.zw-six-areas__form { padding:20px 22px; }
.zw-six-areas__intro {
    font-size:13px; color:#64748B; line-height:1.6; margin:0 0 20px;
    border-left:3px solid #1FAA59; padding-left:12px;
}
.zw-six-areas__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; margin-bottom:20px; }
.zw-six-area-card {
    background:#F8FAFC; border:1px solid #E2E8F0; border-radius:10px;
    padding:14px; transition:border-color .2s,box-shadow .2s;
}
.zw-six-area-card:focus-within {
    border-color:#1FAA59; box-shadow:0 0 0 3px rgba(31,170,89,.1); background:#FAFFFE;
}
.zw-six-area-card__hd { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.zw-six-area-card__ic { font-size:20px; }
.zw-six-area-card__lbl { font-size:13px; font-weight:700; color:#1E293B; }
.zw-six-area-card__ta {
    width:100%; border:1px solid #CBD5E1; border-radius:7px; padding:8px 10px;
    font-size:13px; color:#334155; line-height:1.5; resize:vertical;
    font-family:inherit; box-sizing:border-box; background:#fff; transition:border-color .2s;
}
.zw-six-area-card__ta:focus { outline:none; border-color:#1FAA59; }
.zw-six-area-card__cc { display:block; text-align:right; font-size:11px; color:#94A3B8; margin-top:4px; }
.zw-six-areas__actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:12px; }
.zw-six-areas__msg { font-size:13px; font-weight:500; }
.zw-msg-ok  { color:#1FAA59; }
.zw-msg-err { color:#EF4444; }
.zw-six-areas__note {
    font-size:11.5px; color:#94A3B8; line-height:1.5;
    margin:0; padding-top:10px; border-top:1px solid #F1F5F9;
}
.zw-done-six-prompt {
    background:linear-gradient(135deg,#0B1F14,#133A26);
    border-radius:12px; padding:24px; margin:20px 0; text-align:center; color:#E2E8F0;
}
.zw-done-six-prompt__icon   { font-size:36px; margin-bottom:10px; }
.zw-done-six-prompt__title  { font-size:16px; font-weight:700; color:#F8FAFC; margin-bottom:8px; }
.zw-done-six-prompt__body   { font-size:13px; color:#94A3B8; line-height:1.6; margin-bottom:16px; }
.zw-done-six-prompt__chips  { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:18px; }
.zw-done-area-chip {
    background:rgba(31,170,89,.12); border:1px solid rgba(31,170,89,.25);
    border-radius:999px; padding:4px 12px; font-size:12px; color:#6EE7A0;
}

/* ═══════════════════════════════ MOVEMENT PULSE COUNTER */
.zn-mvt-pulse-counter {
    display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
    background:linear-gradient(135deg,#0B1F14,#0F2D1E);
    border-radius:12px; padding:20px 28px; margin-bottom:16px;
}
.zn-mvt-pulse-stat { display:flex; flex-direction:column; align-items:center; padding:0 24px; text-align:center; }
.zn-mvt-pulse-num  { font-size:24px; font-weight:800; color:#F8FAFC; line-height:1.1; letter-spacing:-.02em; }
.zn-mvt-pulse-lbl  { font-size:11px; color:#6EE7A0; font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-top:4px; }
.zn-mvt-pulse-divider { width:1px; height:40px; background:rgba(255,255,255,.1); flex-shrink:0; }
@media(max-width:480px){
    .zn-mvt-pulse-counter { flex-direction:column; padding:18px 16px; }
    .zn-mvt-pulse-divider { width:80%; height:1px; margin:6px 0; }
}
/* Mission moment */
.zn-mvt-mission-moment {
    display:flex; align-items:flex-start; gap:14px; background:#F8FAFC;
    border-left:3px solid var(--mm-color,#1FAA59); border-radius:0 10px 10px 0;
    padding:16px 18px; margin-bottom:12px;
}
.zn-mvt-mission-moment--inline { margin-top:4px; opacity:.92; }
.zn-mvt-mm-icon { flex-shrink:0; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; }
.zn-mvt-mm-label { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--mm-color,#1FAA59); margin-bottom:4px; }
.zn-mvt-mm-text  { font-size:13px; color:#334155; line-height:1.6; }

/* ═══════════════════════════════ AGENT IMPACT BAR */
.zn-agent-impact-bar {
    background:linear-gradient(135deg,#0B1F14,#133A26);
    border-radius:12px; padding:18px 22px; margin-bottom:20px;
}
.zn-impact-bar__label {
    font-size:13px; font-weight:700; color:#6EE7A0; margin-bottom:14px;
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.zn-impact-bar__hint { font-size:11px; font-weight:400; color:#4B7A62; }
.zn-impact-bar__stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; }
.zn-impact-stat {
    display:flex; flex-direction:column; align-items:center;
    background:rgba(255,255,255,.05); border-radius:10px; padding:12px 8px; text-align:center;
}
.zn-impact-stat__val { font-size:18px; font-weight:800; color:#F8FAFC; line-height:1.2; }
.zn-impact-stat__lbl { font-size:11px; color:#6EE7A0; margin-top:4px; font-weight:500; }

/* Rewards 6-areas header */
.zn-rewards-six-header {
    background:linear-gradient(135deg,#F0FFF4,#FAFFFE);
    border:1px solid #BBF7D0; border-radius:12px; padding:18px 20px; margin-bottom:20px;
}
.zn-rewards-six-header__title { font-size:15px; font-weight:700; color:#166534; margin-bottom:8px; }
.zn-rewards-six-header__body  { font-size:13px; color:#4B7A62; line-height:1.6; margin:0 0 14px; }
.zn-rewards-six-pills { display:flex; flex-wrap:wrap; gap:8px; }
.zn-rewards-area-pill {
    background:rgba(31,170,89,.1); border:1px solid rgba(31,170,89,.2);
    border-radius:999px; padding:4px 12px; font-size:12px; font-weight:600; color:#166534;
}

/* ═══════════════════════════════ EARNER MISSION STRIPE */
.zn-ed-mission-stripe {
    background:linear-gradient(90deg,#0B1F14 0%,#133A26 100%);
    border-radius:12px; padding:16px 22px; margin-bottom:20px;
}
.zn-ed-mission-stripe__inner { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.zn-ed-mission-stripe__icon  { font-size:24px; flex-shrink:0; }
.zn-ed-mission-stripe__text  { flex:1; font-size:13px; color:#94A3B8; line-height:1.6; }
.zn-ed-mission-stripe__text strong { display:block; color:#E2E8F0; font-size:14px; margin-bottom:2px; }
.zn-ed-mission-stripe__badge {
    flex-shrink:0; background:rgba(31,170,89,.15); border:1px solid rgba(31,170,89,.3);
    border-radius:999px; padding:5px 14px; font-size:12px; color:#6EE7A0; font-weight:600; white-space:nowrap;
}
@media(max-width:600px){ .zn-ed-mission-stripe__badge{ width:100%; text-align:center; } }