.hsf-public-feed {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 0;
font-size: 13px;
color: #555;
flex-wrap: wrap;
}
.hsf-public-feed .hsf-phase-pill {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 10px;
border-radius: 12px;
font-size: 11px;
font-weight: 600;
}
.hsf-phase-pill.phase-pen-adjustment { background: #EEEDFE; color: #3C3489; }
.hsf-phase-pill.phase-spring-grazing { background: #EAF3DE; color: #27500A; }
.hsf-phase-pill.phase-growing { background: #E1F5EE; color: #085041; }
.hsf-phase-pill.phase-summer-push { background: #FAECE7; color: #712B13; }
.hsf-phase-pill.phase-summer-transition { background: #FAEEDA; color: #633806; }
.hsf-phase-pill.phase-fall-grazing { background: #FAEEDA; color: #633806; }
.hsf-phase-pill.phase-winter-growing { background: #E6F1FB; color: #0C447C; }
.hsf-phase-pill.phase-spring-growing { background: #EAF3DE; color: #27500A; }
.hsf-phase-pill.phase-finishing { background: #FAECE7; color: #712B13; }
.hsf-public-feed .hsf-est-weight {
font-weight: 600;
color: #333;
}
.hsf-public-progress {
display: flex;
align-items: center;
gap: 6px;
margin-top: 4px;
}
.hsf-public-progress-bar {
flex: 1;
height: 4px;
background: #e5e5e5;
border-radius: 2px;
overflow: hidden;
}
.hsf-public-progress-fill {
height: 100%;
background: #1D9E75;
border-radius: 2px;
}
.hsf-public-progress-text {
font-size: 11px;
color: #888;
white-space: nowrap;
} .hsf-portal-btn {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 12px;
background: #f9f5e8;
border: 1px solid #e0d8c0;
border-radius: 4px;
color: #7a5f00;
font-size: 12px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
}
.hsf-portal-btn:hover {
background: #f0e8d0;
}