/**
 * テイカレスト 見積・請求管理 - 代理店別価格管理（/staff/customers?mode=agency_pricing）スタイル（Phase 3.0.2）
 *
 * スタッフポータルの落ち着いたトーン（assets/staff-portal.css）と、見積画面・顧客画面の標準部品
 * （ta-q-table / ta-q-field / ta-q-empty / ta-c-status / ta-c-deflist など）を共有して読み込む前提。
 * 本ファイルは代理店価格画面に固有の部分（固定表示・金額列の右寄せ・行内の状態切替フォーム・
 * 価格条件カードの間隔など）だけを定義する。
 *
 * ボタン・アクションバー・フォーム・カード・テーブルの寸法は上書きしない（UI標準に従う）。
 */

/* ---- 画面上部の説明文（代理店価格画面のみ） ---- */

/* 共通の .takearest-portal__text（max-width: 40em）だと PC で文の途中に不自然な改行が
   入るため、この画面の説明文だけ利用可能な横幅を使う。固定改行は入れず、スマートフォンでは
   従来どおり画面幅に合わせて自然に折り返す（白スペースの nowrap は付けない）。 */
.ta-ap-intro {
	max-width: none;
}

/* ---- セクション・小見出し ---- */

.ta-ap-section {
	margin: 0 0 18px;
}

.ta-ap-topactions {
	margin-bottom: 16px;
}

.ta-ap-subtitle {
	margin: 4px 0 12px;
	font-size: 15px;
	font-weight: 700;
	color: var(--ta-accent-dark);
}

/* ---- 固定表示（基準価格表・編集時の商品名など） ---- */

.ta-ap-fixed {
	display: inline-block;
	padding: 8px 12px;
	background: var(--ta-bg-soft);
	border: 1px solid var(--ta-line);
	border-radius: 7px;
	font-size: 14px;
	color: var(--ta-ink);
}

/* ---- 基準価格表（固定・読み取り専用）の縦並び ---- */

/* ラベル・固定値ボックス・補足文を縦に積む。固定値は内容ぶんの幅にとどめ（入力欄のように
   横いっぱいへ広げない）、補足文は固定値ボックスの横へ回り込ませず、その下へ配置する。 */
.ta-ap-basebook {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* 固定値が長くてもコンテナ幅を超えてはみ出さない。 */
.ta-ap-basebook .ta-ap-fixed {
	max-width: 100%;
}

/* 補足文は固定値の下に、適切な余白をあけて表示する（長文は自然に折り返す）。 */
.ta-ap-basebook__note {
	margin-top: 8px;
}

/* ---- 個別価格フォームのまとまり ---- */

.ta-ap-priceform {
	margin: 0 0 18px;
	padding: 16px;
	background: var(--ta-bg-soft);
	border: 1px solid var(--ta-line);
	border-radius: 12px;
}

/* ---- 価格条件カード（顧客詳細） ---- */

.ta-ap-card-actions {
	margin-top: 14px;
}

/* ---- 一覧テーブルの金額列（右寄せ・桁揃え） ---- */

.ta-ap-table .ta-ap-num {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* スマートフォン幅では data-label による縦積みになるため、右寄せを左寄せへ戻す。 */
@media (max-width: 600px) {
	.ta-ap-table .ta-ap-num {
		text-align: left;
	}
}

/* ---- 一覧の操作列（編集リンク＋状態切替） ---- */

.ta-ap-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
}

/* 状態切替はインラインの小フォーム。レイアウトに余白を持ち込まない。 */
.ta-ap-inline {
	display: inline;
	margin: 0;
}

/* ---- 停止中商品の注記 ---- */

.ta-ap-stopped {
	font-size: 12px;
	color: var(--ta-ink-mute);
}