/* ==========================================================================
   VESICA PISCIS ENTERPRISE // 3D GEOMETRIC CRYSTAL CAP SPECIFICATION
   ========================================================================== */

.milestone-tally-bar {
    position: relative;
    width: 48px;
    background: rgba(5, 5, 8, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
}

.milestone-tally-bar::before {
    content: '';
    position: absolute;
    top: -24px;
    left: -1px;
    width: calc(100% + 2px);
    height: 24px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0% 100%, 0% 25%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(0, 229, 255, 0.08) 100%);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.2), inset -1px 0px 0px rgba(0, 229, 255, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 3;
}