/**
 * テイカレスト 見積・請求管理 - 案件管理画面（/staff/projects）スタイル（Phase 3.3-C2）
 *
 * スタッフポータル（assets/staff-portal.css）・見積画面の標準部品（assets/staff-quotes.css の
 * ta-q-table / ta-q-panel / ta-q-empty / ta-q-status など）・顧客画面の共有部品
 * （assets/staff-customers.css の .ta-c-deflist / .ta-c-status など）を読み込む前提で、
 * 案件画面に固有の微調整だけを定義する。
 *
 * 共有クラス（.ta-c-deflist / .ta-c-defrow・テーブル・カード・見積一覧）そのものは上書きしない。
 * 見積書HTML・PDF（QuotePdf の inline CSS）には一切影響しない。
 */

/* ---- 案件詳細（mode=detail）の「案件情報」定義リスト ---- */
/* 共有の .ta-c-deflist は .ta-c-defrow 前提の全幅レイアウトで、コンテナ自身に padding を持たない。
   案件詳細は .ta-c-defrow を使わずラベル・値を .ta-p-detaildl__row で包むため、案件詳細専用クラスで
   内側余白と行間を与え、枠線と文字が近づきすぎないようにする（他画面の定義リストには影響しない）。 */
.ta-p-detaildl {
	display: grid;
	row-gap: 16px;
	padding: 20px 24px;
}

.ta-p-detaildl__row {
	display: grid;
	grid-template-columns: 148px 1fr;
	column-gap: 20px;
	align-items: baseline;
}

.ta-p-detaildl__row dt {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--ta-ink-soft);
}

.ta-p-detaildl__row dd {
	margin: 0;
	font-size: 14px;
	color: var(--ta-ink);
	word-break: break-word;
}

/* スマホでは1カラムに積み、ラベルと値を近づける。左右の余白は少しだけ詰める。 */
@media (max-width: 600px) {
	.ta-p-detaildl {
		row-gap: 14px;
		padding: 18px 18px;
	}

	.ta-p-detaildl__row {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 2px;
	}
}

/* 見積作成へ戻るCTA（Phase 3.3-D3）。案件作成後、この案件で見積作成に戻る導線を目立たせる。 */
.ta-p-returncta {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid var(--ta-line, #d9d9e3);
	border-radius: 10px;
	background: var(--ta-bg-soft, #f6f6fb);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

.ta-p-returncta__text {
	margin: 0;
	font-size: 14px;
	color: var(--ta-ink, #23232b);
}