/**
 * Executive Slate — rofi whole-swap (themes/<slug>/rofi.rasi).
 * Identity: a flat, sharp-cornered "control panel". No zebra, no glow —
 * a solid slate window, a recessed surface inputbar, and one accent edge
 * marking the selected row. The `configuration {}` block is omitted on
 * purpose — modi/terminal/show-icons come from modules/home/rofi.nix.
 * Element structure mirrors the generated theme so the theme-grid
 * picker's per-invocation -theme-str (vertical cards) still lays out.
 */

* {
    base:      #191C24;
    surface:   #2A3040;
    overlay:   #3E4759;
    text:      #D7DDEA;
    subtext:   #9AA5BB;
    muted:     #5C6578;
    accent:    #5A8AE6;
    accentAlt: #86A9F2;

    font: "Inter 13";
    background-color: transparent;
    text-color: @text;
}

window {
    background-color: @base;
    border: 1px;
    border-color: @overlay;
    border-radius: 4px;
    width: 40%;
    location: center;
    anchor: center;
    padding: 12px;
}

mainbox {
    background-color: transparent;
    children: [ inputbar, message, listview ];
    spacing: 10px;
}

inputbar {
    children: [ prompt, entry ];
    background-color: @surface;
    text-color: @text;
    border: 1px;
    border-color: @overlay;
    border-radius: 4px;
    padding: 10px 14px;
    spacing: 10px;
}

prompt { text-color: @accent; }

entry {
    text-color: @text;
    cursor: text;
    placeholder: "Type to filter…";
    placeholder-color: @muted;
}

listview {
    background-color: transparent;
    columns: 1;
    lines: 8;
    dynamic: true;
    scrollbar: true;
    spacing: 4px;
    padding: 4px 0px 0px 0px;
}

element {
    background-color: transparent;
    text-color: @text;
    orientation: horizontal;
    border-radius: 4px;
    padding: 9px 14px;
    spacing: 12px;
}

element normal.normal,
element alternate.normal {
    background-color: transparent;
}

/* The one highlight: a solid surface row with an accent edge. */
element selected.normal {
    background-color: @surface;
    text-color: @text;
    border: 0px 0px 0px 3px;
    border-color: @accent;
}

element-icon {
    background-color: transparent;
    size: 36px;
    cursor: inherit;
}

element-text {
    background-color: transparent;
    text-color: inherit;
    highlight: bold;
    vertical-align: 0.5;
}

message { padding: 0px; }

textbox {
    background-color: @surface;
    text-color: @text;
    border: 1px;
    border-color: @overlay;
    border-radius: 4px;
    padding: 9px 14px;
}

scrollbar {
    width: 4px;
    handle-width: 4px;
    handle-color: @accent;
    background-color: @surface;
    border: 0px;
}
