/* public/css/liquidglass.css */
.liquid-bg {
    background-color: #e0f2fe;
}

/* Base Glassmorphism utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.45) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(0, 88, 190, 0.15) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 88, 190, 0.08) !important;
}

.glass-input {
    background: rgba(255, 255, 255, 0.5) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 88, 190, 0.25) !important;
    color: #191c1e !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}

.glass-input:hover {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02), 0 0 10px rgba(0, 88, 190, 0.2) !important;
    border-color: rgba(0, 88, 190, 0.35) !important;
}

.glass-input:focus {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(0, 88, 190, 0.5) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 88, 190, 0.2), 0 0 15px rgba(0, 88, 190, 0.4) !important;
}

.glass-button {
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 88, 190, 0.2) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 88, 190, 0.05) !important;
}

.glass-button:hover {
    background: rgba(255, 255, 255, 0.6) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 88, 190, 0.15), 0 0 15px rgba(0, 88, 190, 0.4) !important;
}

.glass-table-wrapper {
    background: rgba(255, 255, 255, 0.35) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 88, 190, 0.15) !important;
}

.glass-table-row {
    transition: all 0.2s ease !important;
}

.glass-table-row:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 88, 190, 0.1) !important;
}

.glass-header {
    background: rgba(255, 255, 255, 0.2) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0, 88, 190, 0.2) !important;
}