/*
 * nic 管理画面テーマ: モダンシンプル・モノトーン (Zinc) / 11pxベース
 *
 * 方針(2026-06-27 確定):
 *  - テキストを11pxへリベース(余白=spacingは維持し可読性を保つ)
 *  - primary=Zinc(モノトーン)。状態色(success/warning/danger/info)は機能維持(palette側で温存)
 *  - 角丸を控えめ・影をフラット化・テーブルをやや高密度に
 *
 * 実装メモ: vite非依存の素のCSS。Filament v5(Tailwind v4)の安定したCSS変数/クラスを対象にし、
 * すべて .fi-body 配下にスコープしてストアフロントへ波及させない。FilamentAsset で公開配信。
 */

/* --- 1. テキスト11pxリベース(余白維持) ------------------------------------ */
/* Tailwind v4 の font-size 変数を px で上書き。line-height 変数(比率)は据え置き=行間は比例維持。
   --spacing は触らないためパディング/ギャップは従来どおり。 */
.fi-body {
    --text-xs: 10px;
    --text-sm: 11px; /* 業務画面のベース行 */
    --text-base: 12px;
    --text-lg: 13px;
    --text-xl: 15px;
    --text-2xl: 18px;
    --text-3xl: 22px;

    font-size: 11px; /* utilityを使わない継承テキストのベース */
}

/* --- 2. モダンシンプル: 角丸控えめ ---------------------------------------- */
.fi-body {
    --radius-md: 0.25rem;
    --radius-lg: 0.375rem;
    --radius-xl: 0.5rem;
}

/* --- 3. 影をフラット化(border主体の無機質な面) --------------------------- */
/* セクション/ウィジェット/ドロップダウン/モーダルの重い影を抑え、薄いボーダーで面を区切る。 */
.fi-body .fi-section,
.fi-body .fi-wi,
.fi-body .fi-dropdown-panel,
.fi-body .fi-modal-window {
    box-shadow: none;
    border: 1px solid var(--gray-200);
}
.fi-body.dark .fi-section,
.fi-body.dark .fi-wi,
.fi-body.dark .fi-dropdown-panel,
.fi-body.dark .fi-modal-window {
    border-color: color-mix(in oklab, var(--gray-700) 70%, transparent);
}

/* --- 4. テーブルをやや高密度に(可読性は維持) --------------------------- */
.fi-body .fi-ta-cell .fi-ta-col-wrp,
.fi-body .fi-ta-header-cell {
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
}

/* --- 5. トップバー/サイドバーの装飾を抑え無機質に ----------------------- */
.fi-body .fi-topbar > nav,
.fi-body .fi-sidebar {
    box-shadow: none;
    border-color: var(--gray-200);
}
.fi-body.dark .fi-topbar > nav,
.fi-body.dark .fi-sidebar {
    border-color: color-mix(in oklab, var(--gray-700) 70%, transparent);
}

/* ナビゲーション項目の角丸/余白をタイトに(シンプルなリスト感)。 */
.fi-body .fi-sidebar-item-button {
    border-radius: var(--radius-md);
}