@charset "UTF-8";

/**
 * ダッシュボード専用リセット
 * destyle.css（公開面 62.5% / letter-spacing .12em / a{width:100%} 等）と
 * style.css（公開面 .btn の大型タッチサイズ）がシェルに漏れないよう打ち消す。
 *
 * 読み込み順: destyle → style（:root トークン）→ dashboard-fonts → 本ファイル → dashboard-common
 */

html:has(body.matching-staff-dashboard-body) {
	font-family: var(--matching-font-sans);
}

/* destyle: p, span, th, td 等への 1.6rem / letter-spacing .12em（768px+ で 1.8rem） */
.matching-staff-dashboard-body :where(
	p,
	li,
	span,
	th,
	td,
	dt,
	dd,
	pre,
	figcaption,
	label,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	input[type="text"],
	input[type="search"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="url"],
	input[type="password"],
	input[type="button"],
	textarea,
	button,
	select
) {
	font-size: inherit;
	letter-spacing: inherit;
	font-family: inherit;
}

/* destyle: a { display:inline-block; width:100%; height:100% } */
.matching-staff-dashboard-body :where(a) {
	display: inline;
	width: auto;
	height: auto;
}

.matching-staff-dashboard-body .dashboard-nav-link {
	display: flex;
	width: 100%;
	height: auto;
}

/* destyle: img { width:100% } — ダッシュ内のアイコン・ロゴを縦横比維持 */
.matching-staff-dashboard-body img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/*
 * style.css .btn: min-height 4.4rem / 大きな padding・字サイズのみ打ち消す。
 * 色（.btn-primary / .btn-secondary）は style + dashboard-common に任せる。
 */
.matching-staff-dashboard-body :is(a.btn, button.btn, input[type="submit"].btn, input[type="button"].btn) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 0;
	height: auto;
	min-height: var(--sd-btn-h-sm, 2.4rem);
	padding: 0.45rem 0.9rem;
	font-size: 0.85rem;
	font-weight: 600;
	font-family: inherit;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.02em;
	border-width: 1px;
	border-radius: var(--sd-radius-sm, 8px);
	box-sizing: border-box;
	flex-shrink: 0;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}