.prof-admin-note {
background: rgba(79, 214, 232, 0.12);
border-color: var(--diamond);
}
.prof-com-form {
display: flex;
gap: 12px;
align-items: stretch;
margin-top: 16px;
flex-wrap: wrap;
}
.prof-com-input {
flex: 1 1 280px;
resize: vertical;
min-height: 52px;
font-size: 14px;
}
.prof-com-send {
flex: 0 0 auto;
background: var(--grass-dark);
font-size: 10px;
padding: 12px 18px;
}
.prof-comments {
list-style: none;
margin-top: 18px;
display: flex;
flex-direction: column;
gap: 10px;
}
.prof-com {
background: #2A2C30;
border: 2px solid #1A1006;
padding: 12px 14px;
}
.prof-com-head {
display: flex;
align-items: baseline;
gap: 12px;
}
.prof-com-author {
font-weight: 700;
font-size: 14px;
color: var(--gold);
text-decoration: none;
}
.prof-com-author:hover { text-decoration: underline; }
.prof-com-date { font-size: 12px; opacity: 0.45; color: var(--cream); flex: 1; }
.prof-com-del {
background: none;
border: none;
color: var(--redstone);
opacity: 0.5;
cursor: pointer;
font-size: 14px;
padding: 0 4px;
}
.prof-com-del:hover { opacity: 1; }
.prof-com-body {
margin-top: 6px;
font-size: 14px;
line-height: 1.55;
color: var(--cream);
opacity: 0.9;
overflow-wrap: anywhere;
}
.prof-share-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.prof-share-btn { border: 2px solid #1A1006; padding: 8px 11px; background: var(--gold); color: #2B1C08; font: 700 12px 'Rubik', sans-serif; cursor: pointer; box-shadow: inset 2px 2px 0 rgba(255,255,255,.35), 2px 2px 0 rgba(0,0,0,.25); }
@media (hover: hover) and (pointer: fine) {
.prof-share-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
}
.prof-share-save { background: #DDEFF5; }
.prof-friend {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 12px;
}
.prof-friend-btn {
font-size: 10px;
padding: 10px 16px;
min-height: var(--tap);
}
.prof-friend-btn[data-state="friends"] {
background: var(--deep-dark);
color: var(--grass);
border-color: var(--grass);
}
.prof-friend-btn[data-state="following"] {
background: var(--deep-dark);
color: var(--cream);
border-color: #3A3F46;
}
.prof-friend-note {
font-size: 12px;
opacity: 0.75;
}
.prof-social {
margin-top: 12px;
font-size: 13px;
opacity: 0.8;
}
@media (max-width: 720px) {
.prof-friend-btn { width: 100%; }
}