/* greetd login screen (gtkgreet -l), styled like hyprlock (modules/home/desktop.nix):
   full-screen layer, Hyprland blurs the wallpaper behind it (layer rule in
   hyprland.lua), translucent black boxes, #eee text, rounding 10. */
* {
    font-family: "NotoSans Nerd Font", "Noto Sans", sans-serif;
    color: #eee;
    text-shadow: none;
    box-shadow: none;
}

window {
    background-color: rgba(0, 0, 0, 0.25);
}

#clock {
    font-weight: 300;
    margin-bottom: 40px;
}

/* The "Username:" / "Password:" prompt sits left of the box and can't be
   moved above it, so hide it; the red "Login failed" label is not a first
   child and stays visible. */
#body box > label:first-child {
    color: transparent;
    font-size: 1px;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Content fades in just after Hyprland's layer fade (see hyprland.lua). */
@keyframes greet-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

#body {
    animation: greet-in 500ms ease-out 150ms backwards;
}

/* "Login failed" */
#body box > label:last-child:not(#clock) {
    animation: greet-in 250ms ease-out;
}

#input-field {
    transition: background-color 200ms ease-out;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 10px;
    min-height: 50px;
    padding: 0 16px;
    font-size: 15px;
    caret-color: #eee;
}

#input-field:focus {
    background: rgba(0, 0, 0, 0.28);
}

/* Session command and buttons: Enter logs in, like the lock screen. */
#command-selector, button {
    opacity: 0;
}