/* Balão discreto: o tema fornece as cores, o pontilhado identifica a duração. */
.bip-card--24h .bip-card__text {
    position: relative;
    border: 2px dashed var(--text-2, #888);
    border-radius: 24px;
    padding: 16px 19px;
    margin-top: 9px;
    background: var(--surface-2, #f6f6f6);
    overflow: visible;
}
.bip-card--24h .bip-card__text::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    top: -6px;
    left: 14px;
    border-top: 2px dashed var(--text-2, #888);
    border-left: 2px dashed var(--text-2, #888);
    background: inherit;
    transform: skew(18deg, 18deg);
    border-radius: 3px 0 0;
}
.bip-24h-time {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-2, #888);
}
.bip-24h-time i { font-size: 17px; }
#btn-bip-24h { border: 1.5px dashed currentColor; gap: 5px; }
#btn-bip-24h[aria-pressed="true"] { color: var(--accent, #4673e9); background: var(--surface-2, #f6f6f6); }
#btn-bip-24h[hidden], #bip-24h-note[hidden] { display: none !important; }
.bip-24h-note { margin: 10px 0; color: var(--text-2, #888); font-size: 12px; line-height: 1.5; }
.compose-editor-box.compose-24h { border: 2px dashed var(--text-2, #888); border-radius: 24px; }
.bip-24h-ended { padding: 24px; color: var(--text-2, #888); text-align: center; }
@media (max-width: 480px) {
    .bip-card--24h .bip-card__text { padding: 13px 15px; border-radius: 21px; }
}