html, body {
    min-height:100vh;
}

.is-fullheight-navbar {
    min-height:calc(100vh - var(--bulma-navbar-height));
    height: 100%;
}

table {
    white-space: nowrap;
}

[data-theme=light],
:root {
    --bulma-primary-h: 60deg;
    --bulma-primary-s: 80%;
    --bulma-primary-l: 60%;
    
    --bulma-link-h: 0deg;
    --bulma-link-s: 0%;
    --bulma-link-l: 0%;

    --bulma-info-h: 200deg;
    --bulma-info-l: 60%;

    --bulma-success-h: 140deg;
    --bulma-success-s: 50%;
    --bulma-success-l: 60%;
    
    --bulma-warning-h: 40deg;
    --bulma-warning-l: 50%;
    
    --bulma-danger-h: 360deg;
    --bulma-scheme-h: 210;
    --bulma-burger-h: 162deg;
}

.key-blur {
    font-family: monospace;
    letter-spacing: 1px;
    filter: blur(6px);
    transition: filter 0.3s ease;
}
.key-blur:hover {
    filter: blur(0px);
    cursor: pointer;
}

/* Custom CSS for blur effect */
.balance.balance-blur {
    filter: blur(8px);
    transition: filter 0.3s ease; /* Smooth reveal */
}

/* Styling for the toggle container (flex layout for icon + text) */
.toggle-blur {
    display: flex;
    align-items: center;
    cursor: default; /* No cursor on container, only on icon */
    user-select: none;
}

/* Icon styling: clickable, primary color from Bulma */
.toggle-icon {
    cursor: pointer;
    margin-left: 10px;
    /* Space between text and icon */
    transition: color 0.2s ease;
}
.toggle-icon:hover {
    color: #276cda; /* Darker on hover */
}
/* Optional: Focus outline for icon */
.toggle-icon:focus {
    outline: 2px solid #3273dc;
    outline-offset: 2px;
}