.strategy-panel{background:#fffdf9;border:1px solid #e4dbcf;border-radius:18px;padding:24px;margin:24px 0;color:#342e28}
.strategy-panel h2{font-size:24px;margin:6px 0 8px}.strategy-panel h3{font-size:18px;margin:0}.strategy-panel em{font-size:11px;letter-spacing:.12em;color:#8a6049;font-style:normal;font-weight:700}
.strategy-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.strategy-heading p{color:#776e64;margin:6px 0 0;line-height:1.6;max-width:660px}
.strategy-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.strategy-panel button,.strategy-client-select{border:1px solid #d8cdbf;border-radius:9px;background:#fffdf9;padding:9px 12px;font:inherit;cursor:pointer;color:inherit}.strategy-panel button:hover{background:#f2ece3}.strategy-panel button.primary{background:#9b6d52;border-color:#9b6d52;color:#fff}.strategy-panel button:disabled{cursor:default;opacity:.6}
.strategy-panel :focus-visible,.strategy-client-select:focus-visible{outline:3px solid #51738b;outline-offset:3px}
.strategy-goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;margin-top:22px}.strategy-goal{padding:20px;background:#f8f5ef;border:1px solid #e8e0d5;border-radius:13px;min-width:0}.strategy-goal h3{overflow-wrap:anywhere;line-height:1.4}.strategy-goal .strategy-actions{margin-top:16px}.strategy-goal>small{font-size:11px;color:#71685e}
.strategy-badge{font-size:11px;text-transform:capitalize;border-radius:20px;padding:5px 8px;background:#e9e5d5;white-space:nowrap}.strategy-badge.achieved{background:#dce8da;color:#365837}.strategy-badge.paused{background:#e9e3f0;color:#625273}
.strategy-progress{margin:14px 0 8px}.strategy-progress-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px;line-height:1.5}.strategy-progress-label strong{font-size:14px}.strategy-progress progress{display:block;width:100%;height:8px;margin-top:7px;border:0;border-radius:10px;overflow:hidden;appearance:none;background:#e3ddd2;accent-color:#8b936b}.strategy-progress progress::-webkit-progress-bar{background:#e3ddd2;border-radius:10px}.strategy-progress progress::-webkit-progress-value{background:#8b936b;border-radius:10px}.strategy-progress progress::-moz-progress-bar{background:#8b936b;border-radius:10px}
.clients>button .strategy-summary{display:block;text-align:left;border-top:1px solid #e8dfd3;padding-top:12px;margin-top:12px;width:100%;font-weight:400}.clients>button .strategy-summary span{font-size:12px;line-height:1.5}.clients>button .strategy-summary .strategy-progress{margin:5px 0 12px}.clients>button .strategy-summary .strategy-progress-label{font-size:11px}.clients>button .strategy-summary .strategy-progress-label strong{font-size:12px}.strategy-summary>small{font-size:11px}
.strategy-panel .strategy-date{font-size:12px;padding:5px 8px;margin:7px 0}.strategy-milestones{list-style:none;padding:0;margin:12px 0}.strategy-milestones li{margin:12px 0}.strategy-milestones label{display:flex;gap:9px;align-items:start;font-size:14px}.strategy-milestones input{width:16px;height:16px;flex-shrink:0;accent-color:#7d875d;margin-top:2px}.strategy-milestones small{display:block;margin:5px 0 0 25px;font-size:11px;color:#756d63}.strategy-note{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.strategy-empty{padding:24px 0;color:#776e64;line-height:1.7}.strategy-help{font-size:12px;color:#776e64;line-height:1.6}
.strategy-form{margin-top:20px;max-width:900px}.strategy-form fieldset{margin:14px 0 0;padding:0;border:0;min-width:0}.strategy-form label,.strategy-month-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:14px;color:#655c53}.strategy-form input,.strategy-form select,.strategy-form textarea,.strategy-month-controls input,.strategy-month-controls select,.strategy-client-select{font:inherit;font-size:14px;background:white;border:1px solid #d9cfc1;border-radius:8px;padding:10px 12px;color:#342e28;width:100%;min-width:0;box-sizing:border-box}.strategy-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.strategy-form-row.metric-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.strategy-form textarea{resize:vertical}.strategy-milestone-edit{background:#f5f0e8;border-radius:10px;padding:14px;margin-bottom:12px}.strategy-milestone-edit button{font-size:12px}.strategy-client-select{max-width:360px;margin-bottom:4px}
.strategy-month-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:20px 0}.strategy-month-controls label{margin:0;min-width:130px}.strategy-month-stats{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.strategy-month-stats span{font-size:12px;background:#f3eee5;border-radius:20px;padding:7px 12px}
.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.month-day-name{font-size:11px;text-align:center;padding:8px 0;color:#776d63;font-weight:600}.month-grid .month-day{min-height:116px;min-width:0;padding:9px 7px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;text-align:left;background:#fffdf9;border:1px solid #e4dccf;border-radius:9px}.month-day>strong{font-size:12px;font-weight:500;margin-bottom:4px}.month-grid .month-day.is-today>strong{font-weight:800;color:#8a543b}.month-grid .month-day.is-selected{border:2px solid #8e654c;padding:8px 6px;background:#f7f0e5}.month-grid .month-blank{background:#f7f5f0;border:0}.month-chip{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;background:#eee7dc;padding:4px;font-size:10px;line-height:1.3;max-width:100%}.month-chip.goal{background:#e1e7d5;color:#465331}.month-chip.plan{background:#e0e9ec;color:#365568}.is-done .month-chip,.month-chip.is-done{opacity:.6;text-decoration:line-through}.month-day>small{font-size:10px;color:#776d63}.month-agenda-heading{margin:24px 0 14px;align-items:center}.month-agenda article{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e8dfd3;padding:14px 0}.month-agenda article>div{display:flex;flex-direction:column;gap:6px;min-width:0}.month-agenda small{font-size:11px;color:#776d63}.month-agenda strong{font-size:14px;overflow-wrap:anywhere}.month-agenda p{white-space:pre-wrap;font-size:13px;line-height:1.5}.month-agenda article.is-done strong{text-decoration:line-through;color:#776d63}.month-agenda button{flex-shrink:0}.month-agenda span{font-size:12px}.strategy-cancelled{font-size:12px;margin-top:20px;color:#776d63}.strategy-cancelled>div{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:10px}
@media(max-width:800px){.strategy-panel{padding:16px}.strategy-heading{flex-direction:column;gap:12px}.strategy-form-row.metric-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.month-grid .month-day{min-height:90px;padding:5px 3px}.month-grid .month-day.is-selected{padding:4px 2px}.month-chip{font-size:9px;padding:3px 2px}.month-day>strong{font-size:11px}.month-agenda-heading{flex-direction:row}.strategy-month-controls{align-items:end}.strategy-month-controls label{flex:1}.strategy-month-controls button{font-size:12px}}
@media(max-width:480px){.strategy-form-row{grid-template-columns:1fr;gap:0}.month-grid{gap:3px}.month-grid .month-day{min-height:78px}.month-chip{font-size:8px}.month-agenda article{gap:10px}.month-agenda button{font-size:12px;padding:8px}.strategy-goal{padding:15px}.strategy-actions button{font-size:12px}}
