.goal-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none;margin-left:auto}.goal-inline-edit{padding:5px 9px;border-radius:7px;border:1px solid #dbe3f8;background:#f2f5ff;color:#3458eb;font-size:calc(12px * var(--font-scale));white-space:nowrap}.goal-inline-edit:hover{background:#e4ebff}.period-tabs{display:flex;gap:5px;padding:5px;border:1px solid #dfe4d9;background:#fff;border-radius:12px;margin:0 0 25px;width:fit-content}.period-tabs button{padding:10px 21px;font-size:calc(14px * var(--font-scale));background:transparent;color:#798574;border-radius:8px}.period-tabs button.active{background:#e5edff;color:#3458eb;font-weight:600}.period-context{display:flex;gap:14px;align-items:center;background:#e5edc9;padding:20px;border-radius:16px;margin-bottom:22px}.period-context strong{font-size:calc(15px * var(--font-scale));font-weight:500}.period-context p{font-size:calc(13px * var(--font-scale));line-height:1.8;color:#6b7a60;margin:6px 0 0}.period-context-icon{font-size:calc(34px * var(--font-scale));color:#698b49}.period-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.period-goal-card{margin:0}.period-tag{font-size:calc(12px * var(--font-scale));color:#7c8a70}.period-result{font-size:calc(13px * var(--font-scale));color:#3458eb}.period-goal-card h2{font-size:calc(20px * var(--font-scale));line-height:1.65;overflow-wrap:anywhere}.period-amount{display:flex;align-items:baseline;gap:9px;margin:18px 0 13px;flex-wrap:wrap}.period-amount strong{font-size:calc(36px * var(--font-scale));font-weight:500}.period-amount>span{font-size:calc(14px * var(--font-scale));color:#8b9586}.period-track{height:7px;overflow:hidden;background:#edf0e8;border-radius:8px}.period-track i{display:block;height:100%;background:#3458eb;border-radius:8px}.period-goal-card.complete .period-track i{background:#8fac5c}.period-goal-card p.period-due{font-size:calc(12px * var(--font-scale));color:#87927d;margin:12px 0 23px}.period-card-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.period-card-actions button{font-size:calc(13px * var(--font-scale))}.period-empty{grid-column:1/-1;text-align:center;padding:35px 20px}.period-empty>span{display:block;font-size:calc(38px * var(--font-scale));color:#8fac5c;margin-bottom:18px}.period-empty h2{line-height:1.7;font-size:calc(21px * var(--font-scale))}.period-empty p{margin-bottom:23px}.period-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}#periodGoalDialog{width:min(470px,calc(100% - 28px));max-height:90dvh;overflow:auto}#periodGoalDialog h2{margin:15px 0 5px;line-height:1.6}#periodGoalForm .primary{width:100%}#periodGoalError{color:#a24c3a;font-size:calc(13px * var(--font-scale))}.period-update-title{font-size:calc(19px * var(--font-scale));line-height:1.7;overflow-wrap:anywhere}
@media(max-width:700px){.period-tabs{width:100%;margin-bottom:22px}.period-tabs button{flex:1;padding:10px 8px;font-size:calc(14px * var(--font-scale));white-space:nowrap}.period-goal-grid{grid-template-columns:1fr}.period-context{padding:17px 15px}.period-context-icon{font-size:calc(28px * var(--font-scale))}.goal-row-actions{gap:10px}.integrated-checkin .goal-points{font-size:calc(11px * var(--font-scale));padding:0}.goal-inline-edit{font-size:calc(12px * var(--font-scale));padding:5px 8px}.period-card-actions button{font-size:calc(14px * var(--font-scale))}}