/* Modulyra ERP V3.9.20.10 — Global interaction motion and developer timeline rhythm */

.dv-timeline-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 16px;
    margin:5px 0 0;
}
.dv-timeline-meta strong{
    display:block;
    min-width:0;
}
.dv-timeline-meta small{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:27px;
    padding:3px 10px;
    border:1px solid rgba(94,231,255,.24);
    border-radius:999px;
    background:linear-gradient(135deg,rgba(94,231,255,.08),rgba(126,188,255,.05));
    color:#bcd8ef!important;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
    line-height:1;
    white-space:nowrap;
    direction:ltr;
    unicode-bidi:isolate;
}
.dv-timeline-item>p{margin-top:13px}

.button,
.dv-btn{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    transform:translateZ(0);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,background-position .45s ease,filter .32s ease!important;
}
.button::before,
.dv-btn::before{
    content:"";
    position:absolute;
    z-index:0;
    top:-80%;
    bottom:-80%;
    left:-55%;
    width:32%;
    pointer-events:none;
    opacity:0;
    transform:translateX(-260%) rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
    transition:transform .68s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
}
.button.primary,
.dv-btn.primary{
    background-size:180% 180%!important;
    background-position:12% 50%;
}
.button:focus-visible,
.dv-btn:focus-visible,
.top-action:focus-visible,
.app-launch-button:focus-visible,
.command-sidebar a:focus-visible,
.sidebar a:focus-visible{
    outline:2px solid var(--cyan,#5ee7ff);
    outline-offset:3px;
}
.public-developer-link span,
.button svg,
.button i,
.dv-btn svg,
.dv-btn i{
    display:inline-block;
    transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease;
}

.top-action,
.app-launch-button,
.command-sidebar a,
.sidebar a,
.workspace-apps a,
.launcher-app,
.quick-action-grid a,
.command-section a,
.public-footer-links a{
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,background .3s ease,color .3s ease,filter .3s ease!important;
}
.command-sidebar a i,
.sidebar a i,
.workspace-apps a>span,
.launcher-app-icon,
.command-section a b{
    transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .32s ease;
}

@media (hover:hover) and (pointer:fine){
    .button:hover,
    .dv-btn:hover{
        transform:translateY(-3px) scale(1.018)!important;
        border-color:rgba(94,231,255,.66)!important;
        box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 1px rgba(94,231,255,.09),0 0 24px rgba(94,231,255,.12);
        filter:brightness(1.08) saturate(1.06);
    }
    .button.primary:hover,
    .dv-btn.primary:hover{
        background-position:88% 50%;
        box-shadow:0 14px 34px rgba(183,108,255,.25),0 0 26px rgba(255,196,87,.18);
    }
    .button:hover::before,
    .dv-btn:hover::before{
        opacity:1;
        transform:translateX(620%) rotate(18deg);
    }
    .public-developer-link:hover span{
        transform:translateX(-3px) rotate(-4deg) scale(1.12);
        filter:drop-shadow(0 0 7px rgba(94,231,255,.65));
    }
    [dir=ltr] .public-developer-link:hover span{transform:translateX(3px) rotate(4deg) scale(1.12)}
    .button:hover svg,
    .button:hover i,
    .dv-btn:hover svg,
    .dv-btn:hover i{transform:translateY(-1px) scale(1.1)}

    .top-action:hover,
    .app-launch-button:hover{
        transform:translateY(-3px) rotate(-1deg)!important;
        border-color:rgba(94,231,255,.62);
        background:linear-gradient(135deg,rgba(94,231,255,.16),rgba(183,108,255,.16));
        box-shadow:0 12px 28px rgba(0,0,0,.26),0 0 20px rgba(94,231,255,.11);
    }
    .command-sidebar a:hover,
    .sidebar a:hover{
        transform:translateX(-4px);
        border-color:rgba(94,231,255,.2);
        box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 0 24px rgba(94,231,255,.035);
    }
    [dir=ltr] .command-sidebar a:hover,
    [dir=ltr] .sidebar a:hover{transform:translateX(4px)}
    .command-sidebar a:hover i,
    .sidebar a:hover i{transform:scale(1.16) rotate(-7deg);filter:drop-shadow(0 0 7px rgba(94,231,255,.55))}
    .workspace-apps a:hover,
    .launcher-app:hover,
    .quick-action-grid a:hover{
        transform:translateY(-4px) scale(1.012)!important;
        border-color:rgba(94,231,255,.58)!important;
        box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 20px rgba(94,231,255,.08);
    }
    .workspace-apps a:hover>span,
    .launcher-app:hover .launcher-app-icon,
    .command-section a:hover b{transform:translateY(-2px) rotate(-5deg) scale(1.08);box-shadow:0 8px 20px rgba(183,108,255,.2)}
    .command-section a:hover{transform:translateX(-3px)}
    [dir=ltr] .command-section a:hover{transform:translateX(3px)}
    .public-footer-links a:hover{transform:translateY(-2px);text-shadow:0 0 14px rgba(94,231,255,.4)}
}

.button:active,
.dv-btn:active,
.top-action:active,
.app-launch-button:active{
    transform:translateY(0) scale(.975)!important;
    transition-duration:.08s!important;
}

@media (max-width:700px){
    .dv-timeline-meta{align-items:flex-start;flex-direction:column;gap:7px}
}

@media (prefers-reduced-motion:reduce){
    .button,
    .dv-btn,
    .top-action,
    .app-launch-button,
    .command-sidebar a,
    .sidebar a,
    .workspace-apps a,
    .launcher-app,
    .quick-action-grid a,
    .command-section a,
    .public-footer-links a,
    .public-developer-link span{
        transition:none!important;
        transform:none!important;
    }
    .button::before,
    .dv-btn::before{display:none!important}
}
[data-reduce-motion="1"] .button,
[data-reduce-motion="1"] .dv-btn,
[data-reduce-motion="1"] .top-action,
[data-reduce-motion="1"] .app-launch-button,
[data-reduce-motion="1"] .command-sidebar a,
[data-reduce-motion="1"] .sidebar a{
    transition:none!important;
    transform:none!important;
}
[data-reduce-motion="1"] .button::before,
[data-reduce-motion="1"] .dv-btn::before{display:none!important}
