/* Sakura Line - control centre panel */
* {
    main-bg:            #0f0d17;
    main-bg-trans:      #0f0d17d9;
    main-fg:            #e9eefb;
    accent:             #92b9ea;
    urgent:             #e0798f;
    select-bg:          #92b9ea2b;
    select-fg:          #cfe0f7;
    dim:                #7f7796;
    border-color:       #3d3752;

    background-color:   transparent;
    text-color:         @main-fg;
}

window {
    transparency:       "real";
    background-color:   @main-bg-trans;
    border:             1px;
    border-color:       @border-color;
    border-radius:      14px;
    width:              560px;
    padding:            0px;
    location:           center;
    anchor:             center;
}

mainbox {
    padding:            0px;
    spacing:            0px;
    children:           [ inputbar, listview ];
}

inputbar {
    padding:            16px 20px;
    spacing:            0px;
    border:             0px 0px 1px 0px;
    border-color:       @border-color;
    children:           [ prompt, entry ];
}

prompt {
    text-color:         @accent;
    padding:            0px 12px 0px 0px;
    vertical-align:     0.5;
    font:               "JetBrainsMono Nerd Font Bold 13";
}

entry {
    text-color:         @main-fg;
    placeholder:        "type to filter";
    placeholder-color:  @dim;
    vertical-align:     0.5;
    cursor:             text;
    font:               "JetBrainsMono Nerd Font 13";
}

listview {
    lines:              14;
    columns:            1;
    fixed-height:       false;
    scrollbar:          false;
    padding:            10px 10px 14px 10px;
    spacing:            2px;
}

element {
    padding:            10px 12px;
    border-radius:      9px;
    text-color:         @main-fg;
}

element selected {
    background-color:   @select-bg;
    text-color:         @select-fg;
}

element-text {
    text-color:         inherit;
    vertical-align:     0.5;
    font:               "JetBrainsMono Nerd Font 12";
}