/**
 * members-b — directory / listing pages (Figma 76:9728, 76:8297, 76:8602,
 * 76:8983, 76:6149, 76:6816, 76:9302; mobile 76:25228, 76:25580).
 *
 * Address book (view + sticker print), telephone directory, bahen-dikri list,
 * shraddhanjali table, matrimonial gate + listing, member sub-nav.
 * Everything is prefixed .sd-mb-. Print rules for the sticker sheet at the end.
 */

.sd-mb,
.sd-mb-subnav {
	font-family: var(--sd-font-body);
	color: var(--sd-text-primary);
}
.sd-mb * { box-sizing: border-box; }
.sd-mb p { margin: 0; }
.sd-mb svg { display: block; }

/* ------------------------------------------------------ Member sub-nav */
.sd-mb-subnav {
	background: var(--sd-surface-white);
	border-bottom: 1px solid var(--sd-border-default);
	padding: 10px 0;
}
.sd-mb-subnav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.sd-mb-subnav__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.sd-mb-subnav__user {
	display: flex;
	align-items: center;
	gap: 8px;
}
.sd-mb-subnav__name {
	font-size: var(--sd-fs-caption);
	font-weight: 500;
	letter-spacing: 0.3px;
	color: var(--sd-text-muted);
}

/* Tabs / member tabs (pill 37px, radius 999) */
.sd-mb-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.sd-mb-tab,
body a.sd-mb-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: 1px solid var(--sd-border-default);
	border-radius: var(--sd-radius-pill);
	background: var(--sd-surface-white);
	color: var(--sd-text-primary);
	font-size: var(--sd-fs-small);
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.sd-mb-tab--lg,
body a.sd-mb-tab--lg { padding: 8px 18px; }
.sd-mb-tab:hover,
body a.sd-mb-tab:hover {
	border-color: var(--sd-primary-maroon);
	color: var(--sd-primary-maroon);
}
.sd-mb-tab.is-active,
body a.sd-mb-tab.is-active {
	background: var(--sd-primary-maroon);
	border-color: var(--sd-primary-maroon);
	color: var(--sd-text-on-dark);
}
.sd-mb-tab__icon svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	fill: none;
}
.sd-mb-tab__short { display: none; }

/* ------------------------------------------------------------- Buttons */
.sd-mb-btn,
body a.sd-mb-btn,
body button.sd-mb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 26px;
	border: 1.5px solid transparent;
	border-radius: var(--sd-radius-pill);
	font-family: var(--sd-font-body);
	font-size: var(--sd-fs-button);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.2px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.sd-mb-btn:hover { transform: translateY(-1px); }
.sd-mb-btn--sm,
body a.sd-mb-btn--sm,
body button.sd-mb-btn--sm { padding: 9px 18px; }
.sd-mb-btn--primary,
body a.sd-mb-btn--primary,
body button.sd-mb-btn--primary {
	background: var(--sd-primary-maroon);
	border-color: var(--sd-primary-maroon);
	color: var(--sd-text-on-dark);
}
.sd-mb-btn--primary:hover,
body a.sd-mb-btn--primary:hover,
body button.sd-mb-btn--primary:hover {
	background: var(--sd-primary-maroon-dark);
	border-color: var(--sd-primary-maroon-dark);
	color: var(--sd-text-on-dark);
}
.sd-mb-btn--outline,
body a.sd-mb-btn--outline,
body button.sd-mb-btn--outline {
	background: transparent;
	border-color: var(--sd-primary-maroon);
	color: var(--sd-primary-maroon);
}
.sd-mb-btn--outline:hover,
body a.sd-mb-btn--outline:hover,
body button.sd-mb-btn--outline:hover {
	background: var(--sd-primary-maroon);
	color: var(--sd-text-on-dark);
}
.sd-mb-btn--ghost,
body a.sd-mb-btn--ghost,
body button.sd-mb-btn--ghost {
	background: transparent;
	border-color: transparent;
	color: var(--sd-primary-maroon);
	padding-left: 4px;
	padding-right: 4px;
}
.sd-mb-btn--ghost:hover,
body a.sd-mb-btn--ghost:hover { color: var(--sd-primary-maroon-dark); }
.sd-mb-btn--gold,
body a.sd-mb-btn--gold {
	background: var(--sd-accent-gold);
	border-color: var(--sd-accent-gold);
	color: var(--sd-bg-dark);
}
.sd-mb-btn.is-disabled,
body a.sd-mb-btn.is-disabled,
body button.sd-mb-btn.is-disabled {
	opacity: 0.45;
	pointer-events: none;
}
.sd-mb-btn__icon svg,
.sd-mb-btn svg {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	fill: none;
}
.sd-mb-btn--block,
body button.sd-mb-btn--block { width: 100%; }

/* 32px round saffron icon action */
.sd-mb-iconbox,
body a.sd-mb-iconbox {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--sd-secondary-saffron-soft);
	color: var(--sd-primary-maroon);
	transition: background-color 0.2s ease, color 0.2s ease;
}
.sd-mb-iconbox:hover,
body a.sd-mb-iconbox:hover {
	background: var(--sd-primary-maroon);
	color: var(--sd-text-on-dark);
}
.sd-mb-iconbox.is-muted { opacity: 0.4; }
.sd-mb-iconbox svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }

/* --------------------------------------------------------- Filter card */
.sd-mb-filter {
	margin: 0;
	padding: 20px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 18px;
}
.sd-mb-filter__row {
	display: flex;
	align-items: flex-end;
	gap: 12px;
}
.sd-mb-field {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sd-mb-field__label {
	font-size: var(--sd-fs-small);
	font-weight: 500;
	line-height: 1.5;
	color: var(--sd-text-primary);
}
.sd-mb-field__box {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 16px;
	min-height: 53px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 12px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.sd-mb-field__box:focus-within {
	border-color: var(--sd-primary-maroon);
	box-shadow: 0 0 0 3px rgba(122, 31, 31, 0.08);
}
.sd-mb-field__icon,
.sd-mb-field__chevron {
	flex: 0 0 auto;
	display: inline-flex;
	color: var(--sd-text-muted);
}
.sd-mb-field__icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; }
.sd-mb-field__chevron svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }
.sd-mb-field__chevron { pointer-events: none; }
.sd-mb .sd-mb-field__box input,
.sd-mb .sd-mb-field__box select,
.sd-mb .sd-mb-bar input,
.sd-mb .sd-mb-bar select {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	margin: 0;
	padding: 12px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	font-family: var(--sd-font-body);
	font-size: var(--sd-fs-body);
	line-height: 1.6;
	color: var(--sd-text-primary);
}
.sd-mb .sd-mb-field__box select,
.sd-mb .sd-mb-bar select {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 24px;
	cursor: pointer;
}
.sd-mb .sd-mb-field__box input::placeholder,
.sd-mb .sd-mb-bar input::placeholder { color: var(--sd-text-muted); opacity: 1; }
.sd-mb-field__box--select .sd-mb-field__chevron {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.sd-mb-filter__submit { flex: 0 0 auto; }

/* Shraddhanjali filter bar: search + year dropdown, 51px */
.sd-mb-bar {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
}
.sd-mb-bar__search,
.sd-mb-bar__select {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 51px;
	padding: 0 16px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 12px;
}
.sd-mb-bar__search { flex: 1 1 auto; }
.sd-mb-bar__select { flex: 0 0 auto; }
.sd-mb .sd-mb-bar__select select { width: auto; padding-right: 26px; }
.sd-mb-bar__select .sd-mb-field__chevron {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.sd-mb-bar .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

/* ------------------------------------------------------------ Count row */
.sd-mb-count {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.sd-mb-count__text {
	font-size: var(--sd-fs-small);
	font-weight: 500;
	line-height: 1.5;
	color: var(--sd-text-muted);
}
.sd-mb-count__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

/* vertical rhythm inside the widget (Figma: tabs 48 → filter 48 → count 48 → grid/table 48 → pager) */
.sd-mb > * + * { margin-top: 48px; }
.sd-mb > .sd-mb-count { margin-top: 48px; }
.sd-mb > .sd-mb-grid,
.sd-mb > .sd-mb-table,
.sd-mb > .sd-mb-sheet { margin-top: 48px; }

/* ----------------------------------------------------------- Avatars */
.sd-mb-avatar {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--sd-secondary-saffron-soft);
	border: 2px solid var(--sd-accent-gold);
	font-family: var(--sd-font-heading);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	color: var(--sd-primary-maroon);
}
.sd-mb-avatar--36 { width: 36px; height: 36px; font-size: 19px; }

/* ------------------------------------------------------------- Badges */
.sd-mb-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: var(--sd-radius-pill);
	background: var(--sd-secondary-saffron-soft);
	color: var(--sd-primary-maroon);
	font-size: var(--sd-fs-caption);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.3px;
	white-space: nowrap;
}
.sd-mb-badge--gold { background: var(--sd-accent-gold); color: var(--sd-bg-dark); }
.sd-mb-badge__icon svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }

/* -------------------------------------------------------- Record cards */
.sd-mb-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.sd-mb-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 18px;
	box-shadow: var(--sd-shadow-card);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sd-mb-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--sd-shadow-raised);
}
.sd-mb-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
}
.sd-mb-card__title {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.sd-mb .sd-mb-card__name {
	margin: 0;
	font-family: var(--sd-font-heading);
	font-size: var(--sd-fs-h4);
	font-weight: 600;
	line-height: 1.3;
	color: var(--sd-text-primary);
}
.sd-mb-card__badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.sd-mb-card__rule {
	margin: 0;
	border: 0;
	height: 1px;
	background: var(--sd-border-default);
}
.sd-mb-info {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.sd-mb-info__icon {
	flex: 0 0 16px;
	display: inline-flex;
	margin-top: 1px;
	color: var(--sd-secondary-saffron);
}
.sd-mb-info__icon svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }
.sd-mb-info__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.sd-mb-info__label {
	font-size: var(--sd-fs-caption);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: var(--sd-text-muted);
}
.sd-mb-info__value {
	font-size: var(--sd-fs-small);
	line-height: 1.5;
	color: var(--sd-text-primary);
	overflow-wrap: anywhere;
}
.sd-mb-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}
.sd-mb-card__more {
	display: none;
	padding-top: 12px;
	border-top: 1px dashed var(--sd-border-default);
}
.sd-mb-card.is-open .sd-mb-card__more { display: flex; flex-direction: column; gap: 12px; }

/* ---------------------------------------------------------------- Table */
.sd-mb-table {
	overflow: hidden;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 16px;
}
.sd-mb-table__head,
.sd-mb-tr {
	display: grid;
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
}
.sd-mb-table__head {
	background: var(--sd-bg-cream-deep);
}
.sd-mb-th {
	font-size: var(--sd-fs-caption);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: var(--sd-text-muted);
}
.sd-mb-tr { background: var(--sd-surface-white); min-height: 64px; }
.sd-mb-tr:nth-child(odd) { background: var(--sd-surface-card-tint); }
.sd-mb-tr:hover { background: var(--sd-secondary-saffron-soft); }
.sd-mb-td {
	font-size: var(--sd-fs-small);
	line-height: 1.5;
	color: var(--sd-text-primary);
	min-width: 0;
	overflow-wrap: anywhere;
}
.sd-mb-td--who {
	display: flex;
	align-items: center;
	gap: 10px;
}
.sd-mb-td__name { font-weight: 500; }
.sd-mb-td--meta { display: contents; }
.sd-mb-td--actions {
	display: flex;
	align-items: center;
	gap: 6px;
}
/* column templates (desktop) */
.sd-mb-table--tel .sd-mb-table__head,
.sd-mb-table--tel .sd-mb-tr { grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(0, 1.5fr) 90px; }
.sd-mb-table--bahen .sd-mb-table__head,
.sd-mb-table--bahen .sd-mb-tr { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1.7fr) minmax(0, 1.55fr) minmax(0, 1.05fr) minmax(0, 0.75fr) 90px; }
.sd-mb-table--shr .sd-mb-table__head,
.sd-mb-table--shr .sd-mb-tr { grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.65fr) minmax(0, 1fr); padding: 16px; }
.sd-mb-table--shr .sd-mb-tr { min-height: 55px; }
.sd-mb-table--shr .sd-mb-tr:nth-child(odd) { background: var(--sd-surface-white); }
.sd-mb-table--shr .sd-mb-tr:nth-child(even) { background: var(--sd-surface-card-tint); }

/* ----------------------------------------------------------- Pagination */
.sd-mb-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
}
.sd-mb-pager__btn,
body a.sd-mb-pager__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--sd-border-default);
	border-radius: 10px;
	background: var(--sd-surface-white);
	color: var(--sd-text-primary);
	font-size: var(--sd-fs-small);
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body a.sd-mb-pager__btn:hover { border-color: var(--sd-primary-maroon); color: var(--sd-primary-maroon); }
.sd-mb-pager__btn.is-current {
	background: var(--sd-primary-maroon);
	border-color: var(--sd-primary-maroon);
	color: var(--sd-text-on-dark);
}
.sd-mb-pager__btn.is-disabled { opacity: 0.4; }
.sd-mb-pager__btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; }
.sd-mb-pager__dots { color: var(--sd-text-muted); font-size: var(--sd-fs-small); padding: 0 4px; }

/* -------------------------------------------------------- Sticker sheet */
.sd-mb-sheet {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 18px;
	box-shadow: var(--sd-shadow-card);
}
.sd-mb .sd-mb-sheet__title {
	margin: 0;
	font-family: var(--sd-font-heading);
	font-size: var(--sd-fs-h4);
	font-weight: 600;
	line-height: 1.3;
	color: var(--sd-text-primary);
}
.sd-mb-stickers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
.sd-mb-sticker {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px;
	background: var(--sd-surface-card-tint);
	border: 1px dashed var(--sd-border-strong);
	border-radius: 8px;
	font-weight: 500;
	break-inside: avoid;
}
.sd-mb-sticker__to,
.sd-mb-sticker__mob {
	font-size: var(--sd-fs-caption);
	line-height: 1.4;
	letter-spacing: 0.3px;
	color: var(--sd-text-muted);
}
.sd-mb-sticker__name { font-size: var(--sd-fs-small); line-height: 1.5; color: var(--sd-text-primary); }
.sd-mb-sticker__line { font-size: var(--sd-fs-caption); line-height: 1.4; letter-spacing: 0.3px; color: var(--sd-text-primary); }
.sd-mb-sheet__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------------------------------------------------- Matrimonial gate */
/* The login section centres its children; the widget must still span the box
   so the listing (signed-in state) gets the full 1240px. */
.sd-mb-login-sec .elementor-widget-samuday-matrimonial { width: 100%; }
.sd-mb-login {
	width: min(480px, 100%);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	padding: 40px;
	background: var(--sd-surface-white);
	border: 1px solid var(--sd-border-default);
	border-radius: 18px;
	box-shadow: var(--sd-shadow-raised);
	text-align: center;
}
.sd-mb-login__mark {
	display: inline-flex;
	padding: 4px 6px;
	background: var(--sd-secondary-saffron-soft);
	border: 1px solid var(--sd-accent-gold);
	border-radius: 12px;
}
.sd-mb-login__mark img { width: 56px; height: 74px; object-fit: cover; border-radius: 8px; display: block; }
.sd-mb .sd-mb-login__title {
	margin: 0;
	font-family: var(--sd-font-heading);
	font-size: var(--sd-fs-h2);
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: -0.3px;
	color: var(--sd-text-primary);
}
.sd-mb-login__note { font-size: var(--sd-fs-small); line-height: 1.5; color: var(--sd-text-muted); }
.sd-mb-login__form { width: 100%; display: flex; flex-direction: column; gap: 18px; margin: 0; text-align: left; }
.sd-mb-login__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sd-mb-check { display: inline-flex; align-items: center; gap: 8px; font-size: var(--sd-fs-small); color: var(--sd-text-primary); cursor: pointer; }
.sd-mb .sd-mb-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--sd-primary-maroon); border: 1.5px solid var(--sd-border-strong); border-radius: 4px; }
body a.sd-mb-login__lost { font-size: var(--sd-fs-small); font-weight: 500; color: var(--sd-primary-maroon); text-decoration: none; }
.sd-mb-login__foot { font-size: var(--sd-fs-caption); font-weight: 500; line-height: 1.4; letter-spacing: 0.3px; color: var(--sd-text-muted); }
.sd-mb-login .sd-notice { width: 100%; margin: 0; padding: 10px 14px; border-radius: 10px; background: #fbe4e4; color: #8a1c1c; font-size: var(--sd-fs-small); }
.sd-mb-login__actions { display: flex; flex-direction: column; gap: 10px; width: 100%; }

/* ---------------------------------------------------------- Empty state */
.sd-mb-empty {
	padding: 40px 24px;
	text-align: center;
	background: var(--sd-surface-card-tint);
	border: 1px dashed var(--sd-border-strong);
	border-radius: 16px;
	color: var(--sd-text-muted);
	font-size: var(--sd-fs-body);
}

/* ------------------------------------------------------------ Tablet */
@media (max-width: 1024px) {
	.sd-mb-filter__row { flex-wrap: wrap; }
	.sd-mb-field { flex-basis: calc(50% - 6px); }
	.sd-mb-filter__submit { width: 100%; }
	.sd-mb-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.sd-mb-stickers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sd-mb-table--tel .sd-mb-table__head,
	.sd-mb-table--tel .sd-mb-tr { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1.4fr) 80px; }
}

/* Tablet + mobile: tables become stacked record cards (Figma 76:25580). */
@media (max-width: 1024px) {
	/* Tables → stacked record cards (Figma 76:25580): avatar + name, meta line, one action */
	.sd-mb-table { background: transparent; border: 0; border-radius: 0; overflow: visible; }
	.sd-mb-table__head { display: none; }
	.sd-mb-table .sd-mb-tr,
	.sd-mb-table--shr .sd-mb-tr {
		display: grid;
		grid-template-columns: 36px minmax(0, 1fr) auto;
		grid-template-areas: "avatar name actions" "avatar meta actions";
		column-gap: 10px;
		row-gap: 2px;
		align-items: center;
		padding: 14px 16px;
		margin-bottom: 10px;
		background: var(--sd-surface-white) !important;
		border: 1px solid var(--sd-border-default);
		border-radius: 14px;
		box-shadow: var(--sd-shadow-card);
		min-height: 0;
	}
	.sd-mb-td--who { display: contents; }
	.sd-mb-td--who .sd-mb-avatar { grid-area: avatar; align-self: start; }
	.sd-mb-td--who .sd-mb-td__name { grid-area: name; }
	.sd-mb-table.sd-mb-table--shr .sd-mb-tr { grid-template-columns: minmax(0, 1fr); grid-template-areas: "name" "meta"; }
	.sd-mb-td--meta {
		grid-area: meta;
		display: flex;
		flex-wrap: wrap;
		gap: 0 6px;
		font-size: var(--sd-fs-caption);
		color: var(--sd-text-muted);
	}
	.sd-mb-td--meta .sd-mb-td { font-size: var(--sd-fs-caption); color: var(--sd-text-muted); }
	.sd-mb-td--meta .sd-mb-td + .sd-mb-td::before { content: "· "; }
	.sd-mb-td--actions { grid-area: actions; }
	.sd-mb-td--actions .sd-mb-iconbox:nth-child(2) { display: none; }
}

/* ------------------------------------------------------------ Mobile */
@media (max-width: 767px) {
	.sd-mb > * + * { margin-top: 32px; }
	.sd-mb-subnav { padding: 10px 0; }
	.sd-mb-subnav__inner { gap: 10px; }
	.sd-mb-subnav__tabs { gap: 8px; }
	.sd-mb-tab__full { display: none; }
	.sd-mb-tab__short { display: inline; }
	.sd-mb-field { flex-basis: 100%; }
	.sd-mb-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.sd-mb-count { flex-direction: column; align-items: flex-start; gap: 12px; }
	.sd-mb-stickers { grid-template-columns: minmax(0, 1fr); }
	.sd-mb-bar { flex-wrap: wrap; }
	.sd-mb-bar__search { flex-basis: 100%; }
	.sd-mb-bar__select { flex: 1 1 auto; }

	.sd-mb-card__actions { gap: 6px; }
	.sd-mb-card__actions .sd-mb-btn--sm { padding: 9px 13px; gap: 8px; }
	.sd-mb-login { padding: 28px 20px; }
	.sd-mb-sheet { padding: 16px; }
}

/* ------------------------------------------------------------- Print */
@media print {
	body { background: #fff !important; }
	body.sd-mb-printing > *:not(#sd-mb-print-root) { display: none !important; }
	.sd-mb-print-hide,
	.sd-mb-subnav,
	.sd-mb-tabs,
	.sd-mb-filter,
	.sd-mb-count,
	.sd-mb-pager,
	.sd-mb-sheet__actions,
	.sd-mb-sheet__title { display: none !important; }
	.sd-mb-sheet { padding: 0; border: 0; box-shadow: none; border-radius: 0; }
	.sd-mb-stickers {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0;
	}
	.sd-mb-sticker {
		height: 34mm;
		border: 1px dashed #bbb;
		border-radius: 0;
		background: #fff;
		padding: 5mm;
		overflow: hidden;
		page-break-inside: avoid;
		color: #000;
	}
	.sd-mb-sticker__to,
	.sd-mb-sticker__mob,
	.sd-mb-sticker__line,
	.sd-mb-sticker__name { color: #000; }
	@page { size: A4 portrait; margin: 8mm; }
}

/* Member photo inside the round avatar (old-site photos) */
.sd-mb-avatar--photo { padding: 0; overflow: hidden; background: #fff; }
.sd-mb-avatar--photo img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }