/* ═══════════════════════════════════════════
   UreTech ERP Grid Widget - Styles
   ═══════════════════════════════════════════ */

.uretech-erp-grid-root {
    font-family: 'Outfit', sans-serif;
    position: relative;
    overflow: hidden;
}

.ure-erp-grid-wrap {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ure-erp-grid-wrap * {
    box-sizing: border-box;
}

.ure-erp-grid-wrap a {
    text-decoration: none;
}

/* ─── Animations ─── */
@keyframes ureErpGlassIn {
    from { opacity: 0; transform: translateY(20px) scale(0.88); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ureErpFadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes ureErpParticle {
    0%, 100% { transform: translate(0, 0); opacity: 0.1; }
    20%  { transform: translate(10px, -18px); opacity: 0.8; }
    40%  { transform: translate(-7px, -30px); opacity: 0.35; }
    60%  { transform: translate(15px, -22px); opacity: 0.9; }
    80%  { transform: translate(-5px, -12px); opacity: 0.25; }
}

@keyframes ureErpTagIn {
    from { opacity: 0; transform: translateX(-6px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ─── Responsive: Tablet ─── */
@media (max-width: 1100px) and (min-width: 768px) {
    .ure-erp-grid-wrap h1 {
        font-size: clamp(28px, 3vw, 40px) !important;
    }
}

/* ─── Responsive: Mobile ─── */
@media (max-width: 767px) {
    .ure-erp-grid-wrap {
        min-height: 100vh;
    }
    .ure-erp-card {
        border-radius: 13px !important;
    }
}

/* ─── Elementor Editor Preview ─── */
.elementor-editor-active .uretech-erp-grid-root .ure-erp-grid-wrap {
    min-height: 500px;
}

/* ─── Section height fix (Elementor often sets section height) ─── */
.elementor-section .uretech-erp-grid-root {
    width: 100%;
}