/**
 * Neo-Social — Ομάδες
 *
 * Οι βασικές μεταβλητές έρχονται από το Core (--neo-primary κ.λπ.) ώστε το
 * πρόσθετο να ταιριάζει με το υπόλοιπο plugin σε οποιοδήποτε theme.
 * Αν λείπουν, υπάρχουν fallback τιμές.
 */

.nsg-wrap {
	--nsg-primary: var(--neo-primary, #185FA5);
	--nsg-border: var(--neo-border, #E2E5E9);
	--nsg-surface: var(--neo-surface, #FFFFFF);
	--nsg-muted: var(--neo-muted, #6B7280);
	--nsg-radius: 10px;
	color: inherit;
}

/* --- Μηνύματα --- */
.nsg-notice {
	padding: 10px 14px;
	border-radius: var(--nsg-radius);
	margin-bottom: 16px;
	font-size: 14px;
}
.nsg-notice-ok { background: #E6F4EC; color: #14603F; }
.nsg-notice-err { background: #FBEAEA; color: #8A1F1F; }

/* --- Καρτέλες --- */
.nsg-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}
.nsg-tabs {
	display: flex;
	gap: 2px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--nsg-border);
}
.nsg-tab {
	padding: 9px 14px;
	font-size: 14px;
	text-decoration: none;
	color: var(--nsg-muted);
	border-bottom: 2px solid transparent;
}
.nsg-tab.is-active {
	color: inherit;
	font-weight: 600;
	border-bottom-color: var(--nsg-primary);
}
.nsg-group-tabs { margin: 16px 0; }

/* --- Κουμπιά --- */
.nsg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 7px 14px;
	border: 1px solid var(--nsg-border);
	border-radius: var(--nsg-radius);
	background: var(--nsg-surface);
	color: inherit;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
}
.nsg-btn:hover { border-color: var(--nsg-primary); }
.nsg-btn-primary {
	background: var(--nsg-primary);
	border-color: var(--nsg-primary);
	color: #fff;
}
.nsg-btn-primary:hover { opacity: .9; color: #fff; }
.nsg-btn-danger { color: #B02A2A; border-color: #E4BDBD; }
.nsg-btn-muted { color: var(--nsg-muted); cursor: default; }
.nsg-btn-block { display: block; width: 100%; margin-top: 10px; text-align: center; }

/* Τα κουμπιά της κάρτας στο κέντρο */
.nsg-card-body .nsg-inline-form,
.nsg-card-body > .nsg-btn,
.nsg-card-body > .nsg-btn-muted { display: flex; justify-content: center; }
.nsg-card-body .nsg-invite-actions { flex-wrap: wrap; gap: 6px; }
.nsg-card-body .nsg-invite-actions .nsg-btn { flex: 1 1 auto; min-width: 110px; }
.nsg-btn-sm { padding: 4px 10px; font-size: 13px; }
.nsg-btn .dashicons { font-size: 17px; width: 17px; height: 17px; }

/* --- Φίλτρα --- */
.nsg-filters {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 26px;
}
.nsg-input, .nsg-select {
	padding: 7px 10px;
	border: 1px solid var(--nsg-border);
	border-radius: var(--nsg-radius);
	background: var(--nsg-surface);
	font-size: 14px;
	max-width: 100%;
}
.nsg-filters .nsg-input { flex: 1; min-width: 160px; }
.nsg-select-sm, .nsg-input-sm { padding: 4px 8px; font-size: 13px; }

/* --- Πλέγμα καρτών --- */
.nsg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 14px;
}
.nsg-card {
	border: 1px solid var(--nsg-border);
	border-radius: 12px;
	overflow: hidden;
	background: var(--nsg-surface);
	/* Στήλη, ώστε το κουμπί δράσης να κάθεται πάντα στο κάτω μέρος και
	   οι κάρτες της ίδιας σειράς να ευθυγραμμίζονται μεταξύ τους. */
	display: flex;
	flex-direction: column;
}
.nsg-card-cover {
	display: block;
	height: 105px;
	background-size: cover;
	background-position: center;
}
.nsg-card-cover-empty { background: linear-gradient(135deg, #EDF2F7, #DCE4EC); }
.nsg-card-body {
	padding: 0 14px 14px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.nsg-card-avatar {
	width: 46px;
	height: 46px;
	margin-top: -23px;
	border-radius: 10px;
	border: 1px solid var(--nsg-border);
	background: var(--nsg-surface);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.nsg-card-avatar img { width: 100%; height: 100%; object-fit: cover; }
.nsg-card-avatar .dashicons { color: var(--nsg-primary); font-size: 22px; width: 22px; height: 22px; }
.nsg-card-name {
	display: block;
	margin-top: 8px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	color: inherit;
}
.nsg-card-meta {
	margin-top: 4px;
	/* Σπρώχνει ό,τι ακολουθεί (το κουμπί) στο κάτω μέρος της κάρτας. */
	margin-bottom: auto;
	font-size: 12px;
	color: var(--nsg-muted);
}
.nsg-card-meta .dashicons { font-size: 14px; width: 14px; height: 14px; vertical-align: -2px; }

/* --- Σελίδα ομάδας --- */
.nsg-group-head {
	border: 1px solid var(--nsg-border);
	border-radius: 12px;
	/* Χωρίς overflow: hidden — θα έκοβε τα αναδυόμενα μενού της κεφαλίδας
	   (π.χ. «···»). Τις γωνίες τις στρογγυλεύει μόνο του το εξώφυλλο. */
	overflow: visible;
	background: var(--nsg-surface);
}
.nsg-group-cover { height: 150px; background-size: cover; background-position: center; border-radius: 11px 11px 0 0; }
.nsg-group-cover-empty { background: linear-gradient(135deg, #EDF2F7, #DCE4EC); }
.nsg-group-bar {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 0 18px 16px;
	flex-wrap: wrap;
}
.nsg-group-avatar {
	width: 80px;
	height: 80px;
	margin-top: -40px;
	border-radius: 12px;
	border: 1px solid var(--nsg-border);
	background: var(--nsg-surface);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
	/* Το εξώφυλλο είναι position: relative, οπότε χωρίς αυτά τα δύο θα
	   ζωγραφιζόταν από πάνω και θα έκρυβε το μισό avatar. */
	position: relative;
	z-index: 2;
}
.nsg-group-avatar img { width: 100%; height: 100%; object-fit: cover; }
.nsg-group-avatar .dashicons { color: var(--nsg-primary); font-size: 34px; width: 34px; height: 34px; }
.nsg-group-info { flex: 1; min-width: 180px; padding-top: 10px; }
.nsg-group-name { margin: 0; font-size: 22px; }
.nsg-group-badges {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
}
.nsg-group-count { font-size: 13px; color: var(--nsg-muted); }
.nsg-group-actions { padding-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.nsg-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 999px;
	background: #EEF1F5;
	color: #3A4351;
}
.nsg-badge .dashicons { font-size: 14px; width: 14px; height: 14px; }
.nsg-badge-closed { background: #FAEEDA; color: #7A4A08; }
.nsg-badge-hidden { background: #ECE9F7; color: #40348A; }
.nsg-badge-cat { background: #E1F5EE; color: #0F6E56; }

/* --- Πάνελ --- */
.nsg-panel {
	border: 1px solid var(--nsg-border);
	border-radius: 12px;
	padding: 16px 18px;
	background: var(--nsg-surface);
	margin-bottom: 16px;
}
.nsg-panel-warn { border-color: #EBD6A8; background: #FEFAF1; }
.nsg-panel-danger { border-color: #E4BDBD; }
.nsg-panel-title { margin: 0 0 12px; font-size: 16px; }
.nsg-panel-danger .nsg-panel-title { color: #B02A2A; }

/* --- Μέλη --- */
.nsg-members { display: flex; flex-direction: column; }
.nsg-member {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--nsg-border);
	flex-wrap: wrap;
}
.nsg-member:first-child { border-top: 0; }
.nsg-member-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.nsg-member-info { flex: 1; min-width: 120px; display: flex; flex-direction: column; }
.nsg-member-name { font-size: 14px; font-weight: 600; }
.nsg-member-role { font-size: 12px; color: var(--nsg-muted); }
.nsg-member-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* --- Φόρμες --- */
.nsg-form { display: flex; flex-direction: column; }
.nsg-form .nsg-input, .nsg-form .nsg-select { margin-bottom: 4px; }
.nsg-label { font-size: 13px; color: var(--nsg-muted); margin: 12px 0 5px; }
.nsg-form-actions { display: flex; gap: 8px; margin-top: 16px; }
.nsg-inline-form { display: inline-flex; gap: 6px; align-items: center; margin: 0; }
.nsg-types { display: flex; gap: 10px; flex-wrap: wrap; }
.nsg-type {
	flex: 1;
	min-width: 160px;
	border: 1px solid var(--nsg-border);
	border-radius: var(--nsg-radius);
	padding: 10px 12px;
	cursor: pointer;
	display: block;
}
.nsg-type:has(input:checked) { border-color: var(--nsg-primary); box-shadow: inset 0 0 0 1px var(--nsg-primary); }
.nsg-type input { margin-right: 6px; }
.nsg-type-title { font-size: 14px; font-weight: 600; display: block; }
.nsg-type-title .dashicons { font-size: 15px; width: 15px; height: 15px; vertical-align: -3px; }
.nsg-type-desc { display: block; margin-top: 3px; font-size: 12px; color: var(--nsg-muted); }

/* --- Λοιπά --- */
.nsg-empty {
	padding: 26px;
	text-align: center;
	color: var(--nsg-muted);
	border: 1px dashed var(--nsg-border);
	border-radius: 12px;
	margin-bottom: 14px;
}
.nsg-muted { color: var(--nsg-muted); }
.nsg-about-desc { font-size: 15px; line-height: 1.7; }
.nsg-about-list { list-style: none; margin: 14px 0 0; padding: 0; }
.nsg-about-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 0;
	border-top: 1px solid var(--nsg-border);
	font-size: 14px;
}
.nsg-about-list .dashicons { color: var(--nsg-muted); font-size: 17px; width: 17px; height: 17px; }
.nsg-danger-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 0;
	border-top: 1px solid var(--nsg-border);
	flex-wrap: wrap;
}
.nsg-pagination { display: flex; gap: 6px; margin-top: 18px; flex-wrap: wrap; }
.nsg-page {
	padding: 5px 11px;
	border: 1px solid var(--nsg-border);
	border-radius: var(--nsg-radius);
	text-decoration: none;
	color: inherit;
	font-size: 13px;
}
.nsg-page.is-active { background: var(--nsg-primary); border-color: var(--nsg-primary); color: #fff; }

@media (max-width: 600px) {
	.nsg-group-cover { height: 110px; }
	.nsg-group-avatar { width: 64px; height: 64px; margin-top: -32px; }
	.nsg-group-name { font-size: 19px; }
	.nsg-member-actions { width: 100%; }
}

/* ===== Ροή ομάδας ===== */
.nsg-composer{
	background:#fff;
	border:1px solid var(--neo-border,#E3E6EA);
	border-radius:12px;
	padding:12px 14px;
	margin-bottom:14px;
}
.nsg-composer-text{
	width:100%;
	border:1px solid var(--neo-border,#E3E6EA);
	border-radius:8px;
	padding:10px 12px;
	font:inherit;
	resize:vertical;
	box-sizing:border-box;
}
.nsg-composer-bar{
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:10px;
}
.nsg-composer-type{
	max-width:200px;
}
.nsg-composer-bar .nsg-btn{
	margin-left:auto;
}
.nsg-notice.nsg-locked{
	background:#FAF3E4;
	border:1px solid #E7D9B6;
	color:#6B5417;
	border-radius:10px;
	padding:14px 16px;
}



/* ===== Πολυμέσα ===== */
.nsg-media-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.nsg-chip{
	font-size:12px;padding:4px 11px;border-radius:999px;text-decoration:none;
	background:#F1F3F5;color:#5C6470;
}
.nsg-chip.is-active{background:var(--neo-primary,#185FA5);color:#fff}
.nsg-media-grid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;
}
.nsg-media-cell{
	position:relative;display:flex;flex-direction:column;align-items:center;
	justify-content:center;aspect-ratio:1/1;border-radius:8px;overflow:hidden;
	background:#F1F3F5;text-decoration:none;color:#5C6470;padding:6px;
	box-sizing:border-box;
}
.nsg-media-cell img{width:100%;height:100%;object-fit:cover;display:block}
.nsg-media-icon{font-size:26px;line-height:1}
.nsg-media-name{font-size:11px;text-align:center;margin-top:6px;word-break:break-word}

/* ===== Προσκλήσεις ===== */
.nsg-invites{margin-bottom:16px}
.nsg-invite-row{
	display:flex;align-items:center;gap:10px;padding:10px 0;
	border-top:1px solid var(--neo-border,#E3E6EA);flex-wrap:wrap;
}
.nsg-invite-name{font-weight:500;flex:1;min-width:120px}
.nsg-invite-actions{display:flex;gap:6px;margin:0}

/* ===== Αρχεία στη σύνθεση ===== */
.nsg-composer-files{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.nsg-composer-files input[type=file]{font-size:13px;max-width:100%}

/* ===== Εικόνες ομάδας στις ρυθμίσεις ===== */
.nsg-img-preview{max-width:120px;height:auto;border-radius:8px;display:block;margin:6px 0}
.nsg-img-cover{max-width:100%;max-height:120px;object-fit:cover;width:100%}
.nsg-file{display:block;margin:6px 0 4px;font-size:13px}
.nsg-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0 2px}

/* ===== Προς έγκριση ===== */
.nsg-pending{border-left:3px solid #E0A800;margin-bottom:14px}
.nsg-pending-row{padding:10px 0;border-top:1px solid var(--neo-border,#E3E6EA)}
.nsg-pending-row:first-of-type{border-top:0}
.nsg-pending-meta{font-size:13px;font-weight:500;display:flex;gap:8px;align-items:baseline}
.nsg-pending-text{font-size:14px;margin:6px 0 8px;line-height:1.6}

/* ===== Πάνελ «Μέλη από τις συνδέσεις μου» ===== */
.nsg-connections-panel{margin-bottom:16px}

.nsg-sync-active{
	display:flex;align-items:center;gap:12px;
	background:#E8F5F1;border:1px solid #BFE3D9;border-radius:10px;
	padding:12px 14px;margin:12px 0 4px;
}
.nsg-sync-active .dashicons{color:#0F6E56;flex-shrink:0}
.nsg-sync-active > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nsg-sync-active .nsg-muted{font-size:13px}
.nsg-sync-active form{margin:0}

.nsg-mode-cards{display:flex;gap:10px;margin:14px 0}
.nsg-mode-card{
	flex:1;position:relative;display:block;cursor:pointer;
	border:1px solid var(--neo-border,#E3E6EA);border-radius:10px;
	padding:12px 14px;transition:border-color .15s,background .15s;
}
.nsg-mode-card:hover{border-color:var(--neo-primary,#185FA5)}
.nsg-mode-card input{position:absolute;opacity:0;pointer-events:none}
.nsg-mode-card.is-active{
	border-color:var(--neo-primary,#185FA5);
	box-shadow:inset 0 0 0 1px var(--neo-primary,#185FA5);
	background:#F5FAFF;
}
.nsg-mode-title{display:block;font-size:14px;font-weight:600}
.nsg-mode-desc{display:block;font-size:12px;color:#6B7280;margin-top:3px;line-height:1.5}

.nsg-type-list{border-top:1px solid var(--neo-border,#E3E6EA)}
.nsg-type-row{
	display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;
	border-bottom:1px solid var(--neo-border,#E3E6EA);
}
.nsg-type-row:hover{background:#FAFBFC}
.nsg-type-row.is-on .nsg-type-name{font-weight:600}
.nsg-type-name{flex:1;font-size:14px}
.nsg-type-count{
	font-size:12px;color:#5C6470;background:#F1F3F5;
	border-radius:999px;padding:2px 9px;min-width:26px;text-align:center;
}
.nsg-type-row.is-on .nsg-type-count{background:var(--neo-primary,#185FA5);color:#fff}

.nsg-conn-foot{display:flex;align-items:center;gap:12px;margin-top:14px}
.nsg-conn-total{flex:1;margin:0;font-size:13px}
.nsg-conn-apply[disabled]{opacity:.5;cursor:not-allowed}
.nsg-hint{font-size:12px;color:#8A8F98;margin:10px 0 0}


/* ===== Επεξεργασία εικόνας & εξωφύλλου πάνω στην κεφαλίδα ===== */
.nsg-group-head.is-editing .nsg-group-cover,
.nsg-group-head.is-editing .nsg-group-avatar{position:relative}

.nsg-file-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}

.nsg-cam{
	position:absolute;cursor:pointer;
	display:inline-flex;align-items:center;gap:5px;
	background:rgba(255,255,255,.94);color:#1d2327;
	border-radius:6px;font-size:12px;line-height:1;
	box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.nsg-cam:hover{background:#fff}
.nsg-cam .dashicons{font-size:15px;width:15px;height:15px}

.nsg-cam-cover{top:12px;left:12px;padding:7px 11px}

.nsg-cam-avatar{
	right:-4px;bottom:-4px;width:30px;height:30px;padding:0;
	border-radius:50%;justify-content:center;
	background:var(--neo-primary,#185FA5);color:#fff;
	border:2px solid #fff;
}
.nsg-cam-avatar .dashicons{font-size:15px;width:15px;height:15px;color:#fff}

.nsg-img-remove{
	position:absolute;top:12px;right:12px;
	width:30px;height:30px;border-radius:50%;
	background:rgba(255,255,255,.94);color:#5C6470;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.nsg-img-remove input{position:absolute;opacity:0;width:1px;height:1px}
.nsg-img-remove .dashicons{font-size:17px;width:17px;height:17px}
.nsg-img-remove:hover{color:#b32d2e}
.nsg-img-remove.is-on{background:#b32d2e;color:#fff}

.nsg-img-remove-avatar{
	top:-6px;right:-6px;left:auto;bottom:auto;
	width:24px;height:24px;border:2px solid #fff;
}
.nsg-img-remove-avatar .dashicons{font-size:14px;width:14px;height:14px}

.nsg-group-cover.is-removing,
.nsg-group-avatar.is-removing{opacity:.35;filter:grayscale(1)}

/* Κουμπιά πρόσκλησης μέσα στην ειδοποίηση.
   Δικές μας κλάσεις επίτηδες: το JavaScript του Core δεσμεύει το κλικ σε
   ό,τι έχει .neo-social-notif-act και θα εμπόδιζε την υποβολή της φόρμας. */
.nsg-notif-form{display:flex;gap:8px;margin:0}
.nsg-notif-act{
	height:32px;padding:0 14px;font:inherit;font-size:13px;line-height:1;
	border-radius:8px;cursor:pointer;transition:opacity .15s ease;
}
.nsg-notif-act-ok{border:0;background:var(--neo-primary,#1D9E75);color:#fff}
.nsg-notif-act-no{border:1px solid var(--neo-border,#e2e2e6);background:transparent;color:var(--neo-text,#1d2327)}
.nsg-notif-act-no:hover{border-color:var(--neo-muted,#6b7177)}
@media (max-width:480px){ .nsg-notif-act{flex:1 1 auto} }

/* ===== Κατάλογος κλάδου ===== */
.nsg-profile-sync{
	border-top:1px solid var(--neo-border,#E3E6EA);
	margin-top:12px;padding-top:12px;
}
.nsg-profile-row{margin-bottom:10px}
.nsg-profile-row .nsg-label{display:block;font-size:13px;margin-bottom:4px}
.nsg-profile-row .nsg-select{width:100%;max-width:320px}

/* ===== Πρόσκληση μέλους ===== */
.nsg-invite-panel{margin-bottom:16px}
.nsg-invite-q{width:100%;max-width:420px;margin-top:8px}
.nsg-invite-results{margin-top:8px}
.nsg-invite-row{
	display:flex;align-items:center;gap:10px;padding:9px 0;
	border-top:1px solid var(--neo-border,#E3E6EA);
}
.nsg-invite-av{
	width:34px;height:34px;border-radius:50%;flex-shrink:0;
	background:#F1F3F5 center/cover no-repeat;
}
.nsg-invite-name{flex:1;min-width:0;font-size:14px}
.nsg-invite-row .nsg-inline-form{margin:0}

/* Ο κατάλογος ανοίγει μόνο όταν τον χρειάζεσαι */
.nsg-conn-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.nsg-conn-summary::-webkit-details-marker{display:none}
.nsg-conn-summary::after{content:'▾';margin-left:auto;color:#8A8F98;font-size:13px}
details[open] .nsg-conn-summary::after{content:'▴'}

/* ===== Πρόσκληση σε ομάδα από το προφίλ ===== */
.nsg-profile-invite{position:relative}
.nsg-pinvite-toggle{width:100%;text-align:left;background:none;border:0;cursor:pointer;font:inherit}
.nsg-pinvite-list{
	border-top:1px solid var(--neo-border,#E3E6EA);
	margin-top:4px;padding-top:4px;
	max-height:200px;overflow-y:auto;
}
.nsg-pinvite-form{margin:0}
.nsg-pinvite-item{
	width:100%;text-align:left;background:none;border:0;cursor:pointer;font:inherit;
	padding-left:34px;
}
.nsg-pinvite-item:hover{background:var(--neo-bg-soft,#f4f5f7)}


/* --- Απόσταση φίλτρων από τις κάρτες ---
   Με μεγαλύτερη ειδικότητα, γιατί αρκετά θέματα ορίζουν margin στις
   φόρμες μέσα στο περιεχόμενο και ακυρώνουν τον απλό κανόνα. */
.nsg-wrap .nsg-filters { margin-bottom: 26px; }
.nsg-wrap .nsg-filters + .nsg-grid,
.nsg-wrap .nsg-filters + .nsg-empty { margin-top: 26px; }


/* --- Κουμπιά αφαίρεσης εικόνας ---
   Με μεγαλύτερη ειδικότητα και ρητά χρώματα, ώστε να μην τα βάφει το
   θέμα (τα labels και τα links συχνά κληρονομούν χρώμα συνδέσμου). */
.nsg-group-head .nsg-img-remove,
.nsg-group-head .nsg-img-remove .dashicons { color: #5C6470; }
.nsg-group-head .nsg-img-remove { background: rgba( 255, 255, 255, .96 ); border: 1px solid rgba( 0, 0, 0, .08 ); }
.nsg-group-head .nsg-img-remove:hover,
.nsg-group-head .nsg-img-remove:hover .dashicons { color: #b32d2e; }
.nsg-group-head .nsg-img-remove.is-on,
.nsg-group-head .nsg-img-remove.is-on .dashicons { background: #b32d2e; color: #fff; }
.nsg-group-head .nsg-img-remove-avatar { background: rgba( 255, 255, 255, .96 ); border: 2px solid #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }

/* --- Στοίχιση καρτών, από τη ρύθμιση του Core --- */
.nsg-card.nsg-al-center { text-align: center; }
.nsg-card.nsg-al-center .nsg-card-avatar { margin-left: auto; margin-right: auto; }
.nsg-card.nsg-al-right { text-align: right; }
.nsg-card.nsg-al-right .nsg-card-avatar { margin-left: auto; }


/* --- Κεντράρισμα του × μέσα στον κύκλο ---
   Το dashicon έχει δικά του μετρικά γραμματοσειράς, οπότε χωρίς μηδενικό
   line-height στον περιέκτη κάθεται λίγο ψηλότερα από το κέντρο. */
.nsg-group-head .nsg-img-remove { line-height: 0; padding: 0; }
.nsg-group-head .nsg-img-remove .dashicons {
	display: block;
	line-height: 1;
	width: auto;
	height: auto;
	margin: 0;
	vertical-align: middle;
}


/* --- Το × του avatar δεν πρέπει να ψαλιδίζεται ---
   Το πλαίσιο του avatar κόβει ό,τι βγαίνει έξω, για να στρογγυλεύει η
   εικόνα. Στην επεξεργασία αφήνουμε το κουμπί να ξεπροβάλλει και
   στρογγυλεύουμε την ίδια την εικόνα. */
.nsg-group-head.is-editing .nsg-group-avatar { overflow: visible; }
.nsg-group-head.is-editing .nsg-group-avatar img { border-radius: inherit; }
.nsg-group-head .nsg-img-remove-avatar .dashicons { font-size: 15px; }
.nsg-group-head .nsg-img-remove-avatar { z-index: 3; }
.nsg-group-head .nsg-cam-avatar { z-index: 3; }


/* Το × στο εξώφυλλο ήταν μικρό για τον κύκλο των 30px. */
.nsg-group-head .nsg-img-remove .dashicons { font-size: 20px; }
.nsg-group-head .nsg-img-remove-avatar .dashicons { font-size: 16px; }


/* ===== Επανατοποθέτηση εξωφύλλου =====
   Το UI έρχεται από το Core· εδώ ορίζουμε μόνο τη θέση της εργαλειοθήκης
   και το πώς κρύβεται όσο σέρνει ο χρήστης. */
.nsg-group-cover { position: relative; }

.nsg-cover-tools {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nsg-repo-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba( 0, 0, 0, .55 );
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 8px 13px;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
}

.nsg-repo-btn:hover { background: rgba( 0, 0, 0, .7 ); }
.nsg-repo-btn .dashicons { font-size: 16px; width: 16px; height: 16px; }

.nsg-group-cover.is-repositioning { cursor: grab; }
.nsg-group-cover.is-repositioning.is-dragging { cursor: grabbing; }

.nsg-group-cover.is-repositioning .nsg-cam-cover,
.nsg-group-cover.is-repositioning .nsg-cover-tools { display: none; }


/* Ο κύκλος ήταν φαρδύς σε σχέση με το ×. */
.nsg-group-head .nsg-img-remove { width: 32px; height: 32px; }
.nsg-group-head .nsg-img-remove .dashicons { font-size: 23px; }
.nsg-group-head .nsg-img-remove-avatar { width: 26px; height: 26px; }
.nsg-group-head .nsg-img-remove-avatar .dashicons { font-size: 18px; }


/* --- Ευθυγράμμιση με το προφίλ ---
   Μέσα στην εργαλειοθήκη το × ρέει κανονικά· μόνο του avatar μένει
   απόλυτα τοποθετημένο. Ίδιο σχήμα και μέγεθος με το προφίλ. */
.nsg-group-head .nsg-cover-tools .nsg-img-remove {
	position: static;
	top: auto;
	right: auto;
	border-radius: 8px;
	width: 32px;
	height: 32px;
	flex: 0 0 auto;
}

.nsg-group-head .nsg-img-remove-avatar {
	position: absolute;
	top: -4px;
	right: -4px;
	border-radius: 50%;
	width: 26px;
	height: 26px;
}

/* Μενού «···» στην κεφαλίδα της ομάδας (στυλ από το Core). */
.nsg-more { display: inline-block; }
.nsg-more .neo-social-more-btn { height: 36px; width: 36px; }

/* --- Σύνδεσμος επιστροφής --- */
.nsg-back-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 12px;
	font-size: 14px;
	color: var(--nsg-muted, #6B7280);
	text-decoration: none;
}

.nsg-back-link:hover { color: var(--nsg-primary, #185FA5); }

.nsg-back-arrow { font-size: 16px; line-height: 1; }