.post-actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.post-actions form { margin: 0; }
.post-share-fallback { display: flex; width: 100%; align-items: center; gap: .45rem; margin-top: .2rem; color: #4b5563; font-size: .76rem; font-weight: 700; }
.post-share-fallback[hidden] { display: none; }
.post-share-fallback input { min-width: 0; flex: 1; border: 1px solid #c7d2fe; border-radius: .4rem; background: #fff; padding: .32rem .45rem; color: #312e81; font: inherit; font-weight: 500; }
.post-action { display: inline-flex; min-height: 2.35rem; align-items: center; gap: .33rem; border: 0; border-radius: .55rem; background: transparent; padding: .4rem .48rem; color: #4b5563; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.post-action:hover, .post-action:focus-visible { background: #eef2ff; color: #3730a3; outline: none; }
.post-action.is-active { color: #be123c; }
.post-action svg { width: 1.1rem; height: 1.1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.post-action.is-active svg { fill: currentColor; }
.post-action:disabled { opacity: .55; cursor: wait; }
.post-action-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem; }
.post-action-row .voice-buttons { flex: 0 0 auto; }
@media (max-width: 640px) { .post-actions { gap: .05rem; } .post-action { padding-inline: .38rem; } .post-share-fallback { display: none !important; } }