.root {
    -fx-base: #ffffff;
    -fx-text-base-color: #000000;
}

/* Sidebar buttons */
.sidebar-btn {
    -fx-background-color: transparent;
    -fx-text-fill: black;
    -fx-font-size: 14px;
    -fx-pref-width: 230;
    -fx-alignment: CENTER_LEFT;
    -fx-padding: 8 0 8 16;
}
.sidebar-btn:hover {
    -fx-background-color: #e6e6e6;
    -fx-cursor: hand;
}

/* Telegram-style toggle switch */
.telegram-toggle {
    -fx-background-color: #aaa;
    -fx-background-radius: 15;
    -fx-padding: 2;
    -fx-pref-width: 40;
    -fx-pref-height: 20;
    -fx-alignment: center-left;
    -fx-cursor: hand;
}
.telegram-toggle.on {
    -fx-background-color: #4fa8f0;
}
.toggle-thumb {
    -fx-background-color: white;
    -fx-background-radius: 50%;
    -fx-pref-width: 16;
    -fx-pref-height: 16;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 3, 0, 0, 1);
}

/* Separator */
.thin-separator {
    -fx-background-color: transparent;
    -fx-padding: 0;
}
.thin-separator .line {
    -fx-border-color: #ccc;
    -fx-border-width: 0.5px;
}

/* Theme background & text */
#sidebarRoot {
    -fx-background-color: white;
}
.button, .label {
    -fx-text-fill: black;
}

/* SplitPane divider */
.split-pane:horizontal > .split-pane-divider {
    -fx-background-color: transparent;
    -fx-border-color: #cccccc;
    -fx-border-width: 0 1px 0 1px;
    -fx-padding: 0 0 0 0.5px;
}

.placeholder-label {
    -fx-text-fill: #2e3948;              /* text color */
    -fx-font-size: 13px;
    -fx-font-weight: bold;
    -fx-background-color: #f1f1f1;    /* bubble background */
    -fx-padding: 8 10 8 10;         /* top/right/bottom/left spacing */
    -fx-background-radius: 20;        /* rounded corners */
}

/* ===== Chat page (light) ===== */
.chat-root { -fx-background-color: #ffffff; }

/* Header bar */
.chat-header {
    -fx-background-color: #ffffff;
    -fx-border-color: #e6e6e6;
    -fx-border-width: 0 0 1 0;
}
.chat-title  { -fx-text-fill: #0f141a; -fx-font-size: 14px; -fx-font-weight: bold; }
.chat-status { -fx-text-fill: #7e8a97; -fx-font-size: 12px; }

/* Icon-only buttons */
.icon-btn {
    -fx-background-color: transparent;
    -fx-padding: 6 8 6 8;
    -fx-cursor: hand;
}
.icon-btn:hover {
    -fx-background-color: rgba(0,0,0,0.05);
    -fx-background-radius: 6;
}

/* Messages area */
.chat-scroll { -fx-background-color: transparent; }

/* Input bar */
.chat-input-bar {
    -fx-background-color: #f5f5f5;
    -fx-border-color: #e6e6e6;
    -fx-border-width: 1 0 0 0;
}

/* Send button (telegram-ish blue) */
.send-btn {
    -fx-background-color: #2ca4ff;
    -fx-background-radius: 18;
    -fx-padding: 8 12 8 12;
    -fx-cursor: hand;
}
.send-btn:hover { -fx-background-color: #1996f3; }

/* Active/empty states (matches controller’s styleClass) */
.send-btn.send-empty {
    -fx-opacity: 0.5; /* look inactive */
}
.send-btn.send-ready {
    -fx-opacity: 1.0; /* fully active */
}
.send-btn:disabled {
    -fx-opacity: 0.4;
    -fx-cursor: default;
}

/* Input bubble */
.msg-input {
    -fx-background-color: white;
    -fx-background-radius: 18;
    -fx-padding: 6 12 6 12;
    -fx-text-fill: #0f141a;
    -fx-prompt-text-fill: #9aa6b2;
    -fx-border-color: transparent;

    -fx-control-inner-background: white;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}
.msg-input .scroll-pane {
    -fx-vbar-policy: never;
    -fx-hbar-policy: never;
    -fx-background-color: transparent;
}
.msg-input .scroll-pane .corner {
    -fx-background-color: transparent;
}

/* Context menu */
.context-menu {
    -fx-background-color: white;
    -fx-background-radius: 6;
    -fx-padding: 4;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 8, 0, 0, 2);
}

.menu-item {
    -fx-font-size: 13px;
    -fx-text-fill: #0f141a;
    -fx-padding: 6 12;
}

.menu-item:focused {
    -fx-background-color: #e6e6e6;
    -fx-background-radius: 4;
}


/* ===== Search panel (light) ===== */
.chat-search-pane { -fx-background-color: #f5f5f5; }
.chat-search-bar { -fx-background-color: transparent; -fx-padding: 8 10; }
.search-placeholder { -fx-text-fill: #7e8a97; -fx-font-size: 13px; }

/* ===== Global search bar ===== */
.global-search {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 15;
    -fx-text-fill: #0f141a;
    -fx-prompt-text-fill: #9aa6b2;
}

/* ===== Chat list ===== */
.chat-list { -fx-background-color: #ffffff; }
.chat-list .label { -fx-text-fill: #0f141a; }

/* ===== Sidebar / Left Pane ===== */
.sidebar-pane {
    -fx-background-color: #ffffff;
}

.sidebar-topbar {
    -fx-background-color: transparent;
}

.menu-btn {
    -fx-background-color: transparent;
    -fx-cursor: hand;
}

.global-search-pane {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 15;
    -fx-text-fill: #0f141a;
    -fx-prompt-text-fill: #7e8a97;
    -fx-border-color: transparent;
}

/* Chat list */
.chat-list {
    -fx-background-color: transparent;
}

.chat-scroll {
    -fx-background-color: transparent;
}

/* ===== Search Panel ===== */
.chat-search-pane {
    -fx-background-color: #f5f5f5;
}

.search-label {
    -fx-text-fill: #7e8a97;
    -fx-font-size: 11px;
    -fx-padding: 10 0 5 10;
}

.search-separator {
    -fx-background-color: #e6e6e6;
}

.search-scope-bar {
    -fx-padding: 8 10;
    -fx-border-color: #e6e6e6;
    -fx-border-width: 0 0 1 0;
}

.search-scope {
    -fx-text-fill: #7e8a97;
    -fx-font-size: 11px;
}

.close-btn {
    -fx-background-color: transparent;
    -fx-cursor: hand;
}

/* ===== Right Chat Panel ===== */
.chat-display {
    -fx-background-color: #fafafa;
}

/* ===== Overlay ===== */
.overlay {
    -fx-background-color: rgba(0,0,0,0.3);
}

/* Chat item container */
.chat-item {
    -fx-background-color: #ffffff;
    -fx-padding: 10;
    -fx-border-color: #ddd;
    -fx-border-width: 0 0 1 0;
}

.chat-item:hover {
    -fx-background-color: #f5f5f5;
    -fx-cursor: hand;
}

/* Chat details */
.chat-name {
    -fx-font-size: 14;
    -fx-font-weight: bold;
    -fx-text-fill: #0f141a;
}

.chat-last-message {
    -fx-text-fill: #7e8a97;
    -fx-font-size: 12;
}

/* Time + unread */
.chat-time {
    -fx-font-size: 11;
    -fx-text-fill: #7e8a97;
}

/* Unread counter (same for both modes) */
.unread-count {
    -fx-background-color: #2196f3; /* blue bubble */
    -fx-text-fill: white !important;          /* always white */
    -fx-font-size: 10px;
    -fx-padding: 3 6;
    -fx-background-radius: 10;
    -fx-font-weight: bold;
}

/* === Global Search List === */
.global-search-list .list-cell {
    -fx-padding: 8 10;
    -fx-background-color: transparent;
    -fx-border-color: #ddd;   /* light divider */
    -fx-border-width: 0 0 0.5 0;
    -fx-alignment: CENTER_LEFT;
}

.global-search-list .list-cell:hover {
    -fx-background-color: rgba(0, 0, 0, 0.05); /* light hover */
}

.global-search-title {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: black;
}

.global-search-subtitle {
    -fx-font-size: 12px;
    -fx-text-fill: #666; /* gray for light mode */
}

/* Avatar placeholder (if no image) */
.global-search-avatar {
    -fx-background-radius: 50%;
    -fx-background-color: #bbb;
    -fx-min-width: 36;
    -fx-min-height: 36;
}

/* Global search panel */
.global-search-pane {
    -fx-background-color: -fx-base;
}

.search-header {
    -fx-padding: 8 12;
    -fx-background-color: transparent;
    -fx-border-color: #ddd;
    -fx-border-width: 0 0 1 0;
}

.search-header-label {
    -fx-font-size: 13px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-text-base-color;
}

.no-results-label {
    -fx-font-size: 12px;
    -fx-text-fill: gray;
}

.close-btn {
    -fx-background-color: transparent;
    -fx-cursor: hand;
    -fx-font-size: 14px;
}

/* ===== Global Search Result Panel ===== */
.search-results-container {
    -fx-background-color: -fx-base;
    -fx-padding: 8;
    -fx-spacing: 6;
    -fx-border-color: transparent transparent #ddd transparent;
    -fx-border-width: 0 0 1 0;
}

.search-results-title {
    -fx-font-weight: bold;
    -fx-font-size: 13px;
    -fx-text-fill: -fx-text-base-color;
}

.search-result-item {
    -fx-background-color: transparent;
    -fx-padding: 6 10;
    -fx-spacing: 8;
}

.search-result-item:hover {
    -fx-background-color: rgba(0,0,0,0.05);
}

/* Avatar always square, not squeezed */
.search-result-avatar {
    -fx-fit-width: 40;
    -fx-fit-height: 40;
    -fx-preserve-ratio: true;
}

/* Close button */
.search-close-btn {
    -fx-background-color: transparent;
    -fx-text-fill: -fx-text-base-color;
    -fx-font-size: 14px;
    -fx-cursor: hand;
}


/* ===== Overlay ===== */
.overlay-root {
    -fx-alignment: CENTER;
}

.overlay-background {
    -fx-background-color: rgba(0, 0, 0, 0.4);
    -fx-pref-width: 100%;
    -fx-pref-height: 100%;
}

/* ===== Profile Card ===== */
.profile-card {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-padding: 16;
    -fx-max-width: 320;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.35), 12, 0, 0, 4);
}

/* ===== Header ===== */
.profile-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
}
.icon-button {
    -fx-background-color: transparent;
    -fx-padding: 4;
    -fx-cursor: hand;
    -fx-text-fill: #000;
}

/* ===== Text Styles ===== */
.profile-name {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #222;
}

.profile-status {
    -fx-font-size: 12px;
    -fx-text-fill: #2196f3; /* online */
}

.profile-bio {
    -fx-font-size: 13px;
    -fx-text-fill: #555;
}

.profile-id {
    -fx-font-size: 13px;
    -fx-text-fill: #888;
}

/* Section separators */
.section-separator {
    -fx-background-color: #ddd;
    -fx-pref-height: 2;
}

/* Info text */
.profile-info-main {
    -fx-font-size: 14px;
    -fx-text-fill: #222;
}

.profile-info-sub {
    -fx-font-size: 11px;
    -fx-text-fill: #888;
}

/* ===== Edit Profile Card ===== */
.edit-profile-card {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-padding: 16;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.25), 10, 0, 0, 4);
}

/* ===== Header ===== */
.edit-profile-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #000;
}

.edit-icon-button {
    -fx-background-color: transparent;
    -fx-cursor: hand;
    -fx-text-fill: #000;
    -fx-font-size: 14px;
    -fx-padding: 4;
}

/* ===== Profile Picture ===== */
.edit-profile-picture {
    -fx-background-radius: 50%;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 4, 0, 0, 1);
}

/* ===== Inputs ===== */
.edit-profile-input {
    -fx-background-color: #f5f5f5;   /* light gray background */
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-border-color: #ddd;
    -fx-border-width: 1;
    -fx-padding: 6 10 6 10;
    -fx-font-size: 13px;
    -fx-text-fill: #222;
}


.edit-profile-input:focused {
    -fx-border-color: #2196f3;       /* blue highlight on focus */
    -fx-background-color: #fff;
}

.edit-input-description {
    -fx-font-size: 11px;
    -fx-text-fill: #666;
}

/* ===== Section Separators ===== */
.edit-section-separator {
    -fx-background-color: #ddd;
    -fx-pref-height: 1;
}

.profile-info-label {
    -fx-font-size: 14px;
    -fx-text-fill: #444;   /* darker gray for labels */
    -fx-font-weight: normal;
}

.camera-button {
    -fx-background-color: #0088cc;
    -fx-background-radius: 50%;
    -fx-cursor: hand;
    -fx-padding: 4;
    -fx-border-color: white;   /* white border to stand out */
    -fx-border-width: 2;
    -fx-border-radius: 50%;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.25), 4, 0, 0, 1);
}

.camera-button:hover {
    -fx-background-color: #0077b6;
}

.contacts-card {
    -fx-background-color: white;
    -fx-background-radius: 8;
    -fx-padding: 12;
}

.contacts-header {
    -fx-padding: 8 0 8 0;
}
.contacts-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #000;
}
.icon-button {
    -fx-background-color: transparent;
    -fx-text-fill: #000;
}

.contacts-search {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 6;
    -fx-padding: 6;
    -fx-font-size: 13px;
}

.contact-item {
    -fx-padding: 8 12;
    -fx-background-color: white;
    -fx-background-radius: 6;

    /* Soft shadow for separation */
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.15), 4, 0.2, 0, 1);
}

.contact-item:hover {
    -fx-background-color: #f0f0f0; /* highlight on hover */
}

.contact-name {
    -fx-font-size: 14px;
    -fx-text-fill: #111;
}
.contact-status {
    -fx-font-size: 12px;
    -fx-text-fill: #666;
}

.footer-button {
    -fx-background-color: transparent;
    -fx-text-fill: #0078d7;
    -fx-font-weight: bold;
}

.overlay-background {
    -fx-background-color: rgba(0, 0, 0, 0.4); /* semi-transparent black */
    -fx-pref-width: 100%;
    -fx-pref-height: 100%;
}

.contacts-search-box {
    -fx-background-color: #ffffff;
    -fx-background-radius: 6;
    -fx-padding: 6 12;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 4, 0.2, 0, 1);
    -fx-alignment: center-left;
}

.contacts-search {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-prompt-text-fill: #aaa;
    -fx-text-fill: #222;
    -fx-font-size: 13px;
}

.search-icon {
    -fx-background-color: transparent;
    -fx-cursor: hand;
    -fx-opacity: 0.8;
}
.search-icon:hover {
    -fx-opacity: 1;
}

.no-contacts-label {
    -fx-text-fill: #777;
    -fx-font-size: 13px;
}

/* ===== Group Card ===== */
.group-card {
    -fx-background-color: #fff;
    -fx-background-radius: 8;
    -fx-padding: 16;
}

/* Group name label */
.group-name-label {
    -fx-text-fill: #1e90ff; /* blue color */
    -fx-font-size: 13px;
    -fx-font-weight: bold;
}

/* Group name input */
.group-name-field {
    -fx-background-color: transparent;
    -fx-border-width: 0 0 2 0;   /* only bottom line */
    -fx-border-color: #1e90ff;   /* blue underline */
    -fx-padding: 4 0 4 0;
    -fx-font-size: 13px;
}

.group-camera-button {
    -fx-background-color: #3390ec;
    -fx-background-radius: 50%;
    -fx-cursor: hand;
}

.footer-button {
    -fx-background-color: transparent;
    -fx-text-fill: #3390ec;
    -fx-font-size: 13px;
    -fx-font-weight: bold;
}

/* Error state for group name */
.group-name-label.error {
    -fx-text-fill: #e74c3c; /* red */
}

.group-name-field.error {
    -fx-border-color: #e74c3c;
    -fx-border-width: 0 0 2 0; /* only underline */
    -fx-focus-color: transparent; /* remove default blue glow */
}

/* Member count label (top right in header) */
.member-count {
    -fx-font-size: 12px;
    -fx-text-fill: #777; /* subtle gray */
}

/* Pane holding selected members (chips flow horizontally) */
.selected-members-pane {
    -fx-background-color: transparent;
    -fx-padding: 6;
    -fx-hgap: 6;
    -fx-vgap: 6;
}

/* Footer with Cancel & Create buttons */
.contacts-footer {
    -fx-background-color: transparent;
    -fx-padding: 8 12;
}

/* Small chip for selected members */
.member-chip {
    -fx-background-color: #d9d9d9;  /* light gray bubble */
    -fx-background-radius: 16;
    -fx-padding: 4 8;
    -fx-spacing: 6;
    -fx-alignment: center;
}
.member-chip:hover {
    -fx-background-color: #c6c6c6;  /* slightly darker on hover */
}

.desc-counter {
    -fx-font-size: 11px;
    -fx-text-fill: #888;   /* subtle gray */
    -fx-alignment: CENTER_RIGHT;
}

/* ===== TextArea Scrollbar Styling ===== */
.text-area .scroll-pane .scroll-bar:vertical {
    -fx-pref-width: 6px;       /* super thin */
    -fx-background-color: transparent;
    -fx-opacity: 0;            /* hidden by default */
    -fx-padding: 0;
}

.text-area .scroll-pane:hover .scroll-bar:vertical {
    -fx-opacity: 0.6;          /* appear on hover */
    -fx-transition: opacity 0.3s ease;
}

.text-area .scroll-pane .thumb {
    -fx-background-color: rgba(120,120,120,0.5); /* subtle gray */
    -fx-background-radius: 2;
}

.text-area .scroll-pane .scroll-bar:horizontal {
    -fx-opacity: 0;  /* hide horizontal completely */
    -fx-max-height: 0;
}

.channel-desc-area {
    -fx-background-color: #fff;
    -fx-text-fill: #000;
    -fx-control-inner-background: #fff;
    -fx-prompt-text-fill: #888;
    -fx-border-color: #ccc;
    -fx-border-radius: 6;
    -fx-background-radius: 6;
}

.channel-desc-area .content {
    -fx-background-color: #fff;
}

.settings-card {
    -fx-background-color: #ffffff;
    -fx-background-radius: 8;
    -fx-padding: 12;
}

.settings-avatar {
    -fx-fit-width: 56px;
    -fx-fit-height: 56px;
}

.settings-name {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #000000;
}

.settings-id {
    -fx-font-size: 13px;
    -fx-text-fill: #666666;
}

.settings-option {
    -fx-background-color: transparent;
    -fx-text-fill: #000000;
    -fx-font-size: 14px;
    -fx-alignment: CENTER_LEFT;
}

.settings-option:hover {
    -fx-background-color: #f1f1f1;
}

.settings-menu {
    -fx-background-color: transparent;
    -fx-font-size: 18px;
    -fx-text-fill: #333333;
}

.settings-header {
    -fx-padding: 8 12;
    -fx-border-color: -fx-box-border;
    -fx-border-width: 0 0 1 0; /* bottom border only */
}

.settings-title {
    -fx-font-size: 15px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-text-base-color;
}

.icon-button {
    -fx-background-color: transparent;
    -fx-padding: 0;
}

.icon-button:hover {
    -fx-background-color: rgba(0,0,0,0.05);
    -fx-background-radius: 50%;
}

/* Profile header */
.profile-header {
    -fx-padding: 12 16;
}

.profile-avatar {
    -fx-background-radius: 50%;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.2), 4, 0.3, 0, 1);
}

.profile-name {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: -fx-text-base-color;
}

.profile-id {
    -fx-font-size: 12px;
    -fx-text-fill: #888;
}

/* Hide MenuButton text & arrow */
.icon-button > .label {
    -fx-padding: 0;
    -fx-text-fill: transparent;
}

.icon-button > .arrow-button,
.icon-button > .arrow {
    -fx-padding: 0;
    -fx-shape: null;  /* removes arrow shape */
    -fx-background-color: transparent;
    -fx-opacity: 0;
}

.icon-image {
    -fx-smooth: true;       /* keeps scaling smooth */
    -fx-opacity: 0.8;       /* slightly dim until hover */
}

.icon-image:hover {
    -fx-opacity: 1.0;       /* brighten on hover */
}

/* Container for all settings buttons */
.settings-options {
    -fx-background-color: transparent;
    -fx-spacing: 4;
    -fx-padding: 8 0 8 0;
    -fx-border-color: #e6e6e6;
    -fx-border-width: 0 0 0 0;   /* thin top border */
}

/* Settings action buttons */
.settings-option {
    -fx-background-color: transparent;
    -fx-text-fill: #222;
    -fx-font-size: 14px;
    -fx-alignment: CENTER_LEFT;
    -fx-padding: 10 14;
    -fx-background-radius: 6;
    -fx-cursor: hand;

    /* space between icon and text */
    -fx-graphic-text-gap: 10px;
}

/* Hover effect */
.settings-option:hover {
    -fx-background-color: #f2f2f2;
}

/* Pressed effect */
.settings-option:pressed {
    -fx-background-color: #e0e0e0;
}

/* Card */
.privacy-card {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-padding: 16;
}

/* Header */
.privacy-header {
    -fx-padding: 8 12 8 12;
}
.privacy-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
}

/* Section Titles */
.section-title {
    -fx-font-size: 13px;
    -fx-font-weight: bold;
    -fx-text-fill: #2a2a2a;
}

/* Items */
.privacy-item {
    -fx-padding: 4 0 4 0;
}
.item-label {
    -fx-font-size: 12px;
    -fx-text-fill: #444;
}
.privacy-input {
    -fx-background-color: #f5f5f5;
    -fx-background-radius: 6;
    -fx-padding: 4;
}

/* Buttons */
.action-button {
    -fx-background-color: #2196f3;
    -fx-text-fill: white;
    -fx-background-radius: 6;
    -fx-padding: 6 12;
}
.manage-button {
    -fx-background-color: transparent;
    -fx-text-fill: #2196f3;
    -fx-font-size: 12px;
}

.privacy-section {
    -fx-spacing: 8;
    -fx-padding: 10 0 10 0;
    -fx-background-color: transparent;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 0 0 0;
}

.privacy-form {
    -fx-spacing: 8;
    -fx-alignment: CENTER_LEFT;
    -fx-padding: 8 0 8 0;
}

.privacy-form .label {
    -fx-font-size: 12px;
    -fx-text-fill: black;
}

/* Error state (same for both themes) */
.password-label.error {
    -fx-text-fill: red;
}

.password-field.error {
    -fx-text-fill: red;
}

.text-field.error {
    -fx-text-fill: red;
}

.toggle-visibility-btn {
    -fx-background-color: transparent;
    -fx-cursor: hand;
    -fx-padding: 0 6 0 6;
    -fx-font-size: 14px;
}

/* Blocked Users card */
.blocked-card {
    -fx-background-color: white;
    -fx-background-radius: 10;
    -fx-padding: 12;
}

/* Header */
.blocked-header {
    -fx-padding: 8;
}
.blocked-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: black;
}

/* Count */
.blocked-count {
    -fx-font-size: 13px;
    -fx-text-fill: #888;
    -fx-padding: 4 0;
}

/* List */
.blocked-list {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

/* Row */
.blocked-row {
    -fx-padding: 8;
    -fx-background-color: transparent;
}
.blocked-row:hover {
    -fx-background-color: #f5f5f5;
}

/* Labels */
.blocked-name {
    -fx-font-size: 13px;
    -fx-font-weight: bold;
    -fx-text-fill: black;
}
.blocked-id {
    -fx-font-size: 12px;
    -fx-text-fill: #666;
}

/* Button */
.unblock-button {
    -fx-background-color: transparent;
    -fx-text-fill: #2196f3;
    -fx-cursor: hand;
}

.unblock-button:hover {
    -fx-text-fill: #66aaff;
}

.blocked-info-label {
    -fx-background-color: #f5f5f5;   /* light gray background */
    -fx-text-fill: #555;             /* muted text */
    -fx-font-size: 12px;
    -fx-wrap-text: true;
    -fx-padding: 5;                 /* space inside like a banner */
    -fx-background-radius: 4;        /* soft rounded edges */
}

/* Error label */
.label.error-label {
    -fx-text-fill: red;
}

/* Error input */
.error-input {
    -fx-border-color: red;
    -fx-border-radius: 6;
}

/* === User Info (Light) === */
.user-info-card {
    -fx-background-color: #ffffff;
    -fx-background-radius: 8;
    -fx-padding: 16;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.1), 8, 0, 0, 2);
}
.user-info-title {
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-text-fill: #111;
}
.user-info-name {
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-text-fill: #111;
}
.user-info-status {
    -fx-font-size: 12px;
    -fx-text-fill: #555;
}
.user-info-main {
    -fx-font-size: 13px;
    -fx-text-fill: #222;
}
.user-info-sub {
    -fx-font-size: 11px;
    -fx-text-fill: #888;
}
.user-info-separator {
    -fx-background-color: #e6e6e6;
}

/* === Shared buttons === */
.danger-button {
    -fx-background-color: #e74c3c;
    -fx-text-fill: white;
    -fx-background-radius: 6;
    -fx-padding: 4 12;
}
.danger-button:hover {
    -fx-background-color: #c0392b;
}

/* === Profile image === */
.profile-picture {
    -fx-background-color: #f0f0f0;
    -fx-background-radius: 50%;
    -fx-border-color: #ddd;
    -fx-border-radius: 50%;
    -fx-border-width: 1;
}
