/**
 * Виджет аватара на /account/. Marker: SKT-LOCAL-AVATARS
 */
.skt-avatar-widget {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 18px 20px;
	margin: 0 0 26px;
	background: #fff;
	border: 1px solid #e7e9e3;
	border-radius: 16px;
	font-family: 'Manrope', system-ui, -apple-system, sans-serif;
}

.skt-av-pic { position: relative; flex: 0 0 auto; }

.skt-av-img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 1px solid #e7e9e3;
	background: #f4f5f3;
}

.skt-av-edit {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #2a5934;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(30, 50, 30, .25);
	transition: background .18s ease, transform .12s ease;
}
.skt-av-edit:hover { background: #1f4227; transform: translateY(-1px); }
.skt-av-edit svg { width: 15px; height: 15px; }

.skt-av-side { flex: 1 1 220px; min-width: 0; }
.skt-av-name { font-size: 17px; font-weight: 700; color: #20281f; margin-bottom: 9px; }

.skt-av-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.skt-av-upload,
.skt-av-remove {
	padding: 9px 16px;
	border-radius: 9px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.skt-av-upload { border: 0; background: #2a5934; color: #fff; transition: background .18s ease; }
.skt-av-upload:hover { background: #1f4227; }
.skt-av-remove { border: 1px solid #d8dcd3; background: #fff; color: #5a6350; }
.skt-av-remove:hover { border-color: #b9beb0; color: #3a4234; }
.skt-av-remove[hidden] { display: none; }

.skt-av-hint { font-size: 12px; color: #8a907f; margin-top: 9px; }
.skt-av-msg { font-size: 13px; font-weight: 600; margin-top: 6px; min-height: 17px; color: #2a5934; }
.skt-av-msg.is-err { color: #c0392b; }

.skt-avatar-widget.is-loading { opacity: .55; pointer-events: none; }