.ws-main img.dk-player-portrait {
	display: inline-block;
	width: 48px;
	height: 48px;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 0.65rem;
	border: 1px solid var(--ws-border-color, #345348);
	background: #121e1d;
	vertical-align: middle;
}
.ws-main img.dk-player-portrait-40 { width: 40px; height: 40px; }
.ws-main img.dk-player-portrait-56 { width: 56px; height: 56px; }
.ws-main img.dk-player-portrait-128 { width: 128px; height: 128px; }

.dk-squad {
	--squad-bg: var(--ws-card-bg, #fff);
	--squad-text: var(--ws-body-color, #1a1d1a);
	--squad-muted: var(--ws-muted-bg, #f0f2f1);
	--squad-border: var(--ws-border-color, #d0d4d1);
	--squad-link: var(--ws-primary-text, #1b5e20);
	color: var(--squad-text);
}
.dk-squad-controls .form-label { display: block; }
.dk-squad-controls .form-control,
.dk-squad-controls .form-select,
.dk-squad .btn { min-height: 44px; }
.dk-squad-controls details { color: var(--squad-text); }
.dk-squad-scroll {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid var(--squad-border);
	border-radius: 0.65rem;
}
.ws-main .dk-squad-table {
	--bs-table-bg: var(--squad-bg);
	--bs-table-color: var(--squad-text);
	--bs-table-border-color: var(--squad-border);
	margin: 0;
	font-size: 0.8rem;
	white-space: nowrap;
}
.ws-main .dk-squad-table > :not(caption) > * > * {
	color: var(--squad-text);
	background-color: var(--squad-bg);
	border-color: var(--squad-border);
	padding: 0.4rem 0.5rem;
	vertical-align: middle;
}
.ws-main .dk-squad-table thead th,
.ws-main .dk-squad-table tfoot td { background-color: var(--squad-muted); }
.ws-main .dk-squad-table thead th { font-size: 0.72rem; }
.ws-main .dk-squad-table tbody tr:hover > td { background-color: var(--squad-muted); }
.ws-main .dk-squad-table a:not(.btn):not(.dropdown-item) { color: var(--squad-link); }
.dk-squad-identity { display: flex; align-items: center; gap: 0.5rem; }
.dk-squad-identity > .dk-player-portrait { flex: 0 0 40px; }
.dk-squad-profile {
	display: block;
	max-width: 12rem;
	min-height: 44px;
	line-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
}
.dk-squad-markers:empty { display: none; }
.dk-squad-identity > .btn-group { margin-left: auto; }
.dk-squad-table .badge { font-size: 0.7rem; }
.dk-squad-table [hidden] { display: none !important; }

:root[data-bs-theme="light"] .dk-squad .strength_success { color: #146c43; }
:root[data-bs-theme="light"] .dk-squad .strength_info { color: #075985; }
:root[data-bs-theme="light"] .dk-squad .strength_warning { color: #854d0e; }
:root[data-bs-theme="light"] .dk-squad .strength_danger { color: #b91c1c; }
:root[data-bs-theme="dark"] .dk-squad .strength_success { color: #86efac; }
:root[data-bs-theme="dark"] .dk-squad .strength_info { color: #7dd3fc; }
:root[data-bs-theme="dark"] .dk-squad .strength_warning { color: #fde68a; }
:root[data-bs-theme="dark"] .dk-squad .strength_danger { color: #fca5a5; }

.dk-squad .ws-training-delta {
	margin-left: 0.3rem;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 0.7rem;
	font-weight: 500;
	line-height: inherit;
	vertical-align: baseline;
	white-space: nowrap;
}
.dk-squad .ws-training-delta.is-up { background: transparent; color: #146c43; }
.dk-squad .ws-training-delta.is-down { background: transparent; color: #b91c1c; }
:root[data-bs-theme="dark"] .dk-squad .ws-training-delta.is-up { color: #86efac; }
:root[data-bs-theme="dark"] .dk-squad .ws-training-delta.is-down { color: #fca5a5; }