/* SwayNotificationCenter (swaync) — EXACT Waybar match
 * Put in: ~/.config/swaync/style.css
 *
 * swaync loads GTK CSS for theming.
 */

@define-color base     rgba(220, 230, 255, 0.05);
@define-color text     rgba(255, 255, 255, 1.0);
@define-color surface1 rgba(255, 255, 255, 0.08);
@define-color subtext1 rgba(255, 255, 255, 0.35);
@define-color blue     rgba(51, 204, 255, 0.933);
@define-color green    rgba(0, 255, 153, 0.933);
@define-color red      rgba(255, 0, 0, 0.90);
* {
    color: @text;
    font-family:
        Aporetic Sans Mono,
        Iosevka Nerd Font,
        Sans;
    font-size: 13px;
}
/* Remove list selection glow */
list,
listview,
row,
listview row,
listview row:selected,
listview row:hover,
listview row:focus,
listview row:active {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    outline: none;
}
/* Popups: keep window transparent, but make the *notification surfaces* opaque base */
window#notification-window {
    background: transparent;
}
/* Control center — EXACT same as Waybar base */
.control-center {
    background-color: @base;
    border-radius: 10px;
    padding: 12px;

    /* Keep border subtle, like Waybar (no heavy shadow) */
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}
/* Widget headers — use Waybar surface1 */
.widget-title {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 10px;
    background-color: @surface1;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.widget-title > label {
    font-size: 14px;
    font-weight: 700;
}
/* Cards — EXACT same as Waybar base */
.notification-background {
    margin: 10px 0;
    padding: 0;
    background: transparent;
}
.notification-background .notification {
    background-color: @base;
    border-radius: 10px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}
/* Accent by urgency */
.notification.critical {
    border-left: 4px solid @red;
}
.notification.low {
    border-left: 4px solid @blue;
}
.notification.normal {
    border-left: 4px solid @green;
}
/* Meta */
.notification .app-name {
    color: @subtext1;
    font-weight: 700;
}
.notification .time {
    color: @subtext1;
    font-size: 12px;
}
/* Text */
.notification .summary {
    color: @text;
    font-weight: 800;
    font-size: 14px;
}
.notification .body {
    color: @subtext1;
    margin-top: 6px;
    line-height: 1.25;
}
/* Buttons */
.notification button {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
    padding: 6px 10px;
}
.notification button:hover {
    background-color: rgba(255, 255, 255, 0.14);
}