/* MOTIVE24 · goal and roadmap UI · UI/UX Pro Max v6 */
.goal-public{margin:20px 0 7px;border:1px solid #cee4d4;border-radius:18px;background:linear-gradient(118deg,#174937,#1b6750);color:#f3fff6;padding:30px 34px;box-shadow:0 14px 44px #144f3224}
.goal-public-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}
.goal-kicker{font-size:11px;letter-spacing:1.5px;font-weight:850;color:#a8efd2}
.goal-public h2{font-size:clamp(23px,3vw,32px);letter-spacing:-1px;line-height:1.25;color:#fff;margin:11px 0}
.goal-public p{font-size:14px;line-height:1.75;color:#cbe8d9;margin:0;max-width:680px}
.goal-counter{text-align:right;flex:none;display:grid;gap:2px}
.goal-counter strong{font-size:clamp(28px,4vw,42px);font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}
.goal-counter span{font-size:11px;color:#bfded1}
.goal-progress-bar{height:10px;background:#ffffff2c;border-radius:99px;margin-top:27px;overflow:hidden}
.goal-progress-bar span{display:block;height:100%;width:0;border-radius:99px;background:#a8e8c9;transition:width .35s ease-out}
.goal-public-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12px;color:#cde9dc}
.goal-public-foot #goal-next{flex:1;overflow-wrap:anywhere}
.goal-public-foot button{font-size:12px;font-weight:800;color:#e9fff1;border:0;background:transparent;min-height:40px;white-space:nowrap}
.goal-admin-card{grid-column:1/-1;background:#fff;border:1px solid #dbe9df;border-radius:18px;padding:26px;box-shadow:0 16px 48px #14322b0c}
.goal-admin-top{display:flex;align-items:start;justify-content:space-between;gap:18px}
.goal-admin-card .goal-kicker{color:#27745a}
.goal-admin-top h2{font-size:25px;margin:8px 0;letter-spacing:-.9px;color:#1b4935}
.goal-admin-top p{color:#617e6e;font-size:14px;margin:0;line-height:1.75}
.goal-admin-state{flex:none;border:1px solid #d4e9d7;border-radius:10px;color:#2b6e50;background:#edf8f0;padding:9px 11px;font-size:12px;max-width:190px;text-align:center}
.goal-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:23px 0 19px}
.goal-admin-stats>div{display:grid;gap:9px;min-height:100px;padding:15px 17px;background:#f3f9f5;border:1px solid #e0ece4;border-radius:12px}
.goal-admin-stats span{font-size:12px;color:#63806d;font-weight:650}
.goal-admin-stats strong{font-size:27px;color:#204b35;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.goal-admin-config{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e4ebe6;border-radius:12px;background:#fafcfb;padding:14px 17px;margin-bottom:24px}
.goal-admin-config label{font-size:13px;font-weight:750;color:#375e48;flex:1;min-width:150px}
.goal-admin-config select{min-height:45px;background:#fff;border:1px solid #d3e6d8;border-radius:10px;padding:9px 15px;font-size:14px;color:#274e3a}
.goal-admin-config button{min-height:44px;margin:0!important;padding:10px 17px;font-size:13px}
.goal-admin-config #goal-admin-feedback{font-size:12px;color:#2d7154;flex-basis:100%}
.goal-admin-subheading{color:#1e4733;font-weight:800;font-size:15px;border-top:1px solid #e5ede7;padding:20px 0 14px}
.goal-plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.goal-brand-card{border:1px solid #dfeae1;background:#fff;border-radius:12px;padding:16px 17px}
.goal-brand-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:12px}
.goal-brand-heading strong{font-size:15px;letter-spacing:-.2px;color:#1b4b35}
.goal-brand-heading small{color:#3b8060;font-size:12px;font-weight:750}
.goal-task-row{display:flex;gap:11px;align-items:center;padding:10px 0;border-top:1px solid #edf2ee}
.goal-task-mark{width:25px;height:25px;display:grid;place-items:center;background:#eff4f0;color:#71877a;border-radius:8px;font-size:11px;font-weight:850;flex:none}
.goal-task-row.done .goal-task-mark{background:#daf3e0;color:#1d8752}
.goal-task-title{font-size:13px;font-weight:650;color:#3b5e4d;flex:1}
.goal-task-state{font-size:11px;color:#628475;white-space:nowrap}
.goal-footnote{font-size:12px;color:#748c7e;line-height:1.8;margin:17px 0 0}
@media(max-width:780px){
.goal-public{margin:12px 0 2px;padding:22px 20px;border-radius:16px}
.goal-public-top{flex-direction:column;gap:12px}
.goal-public h2{font-size:26px}
.goal-counter{text-align:left;display:flex;align-items:baseline;gap:10px}
.goal-counter strong{font-size:29px}
.goal-counter span{font-size:11px}
.goal-progress-bar{margin-top:18px}
.goal-public-foot{flex-direction:column;align-items:start;gap:5px}
.goal-public-foot button{align-self:flex-end}
.goal-admin-card{padding:20px;border-radius:16px}
.goal-admin-top{flex-direction:column}
.goal-admin-state{max-width:none}
.goal-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.goal-admin-stats>div{padding:13px;min-height:91px}
.goal-admin-stats strong{font-size:24px}
.goal-admin-config{flex-direction:column;align-items:stretch}
.goal-plan-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.goal-progress-bar span{transition:none!important}}