/* 共通スタイル（MudBlazor 本体の CSS は _content/MudBlazor から読み込む） */

/* フォント列は PmsEnterprise.UI の pms-ui.css（--pms-font-family）と各テーマの Typography（PmsFonts）で決まる。ここでは設定しない */

/*
  文字サイズの拡大率（FontScalePreference）
  MudBlazor の字号は全て rem なので、html の font-size を変えるだけで全画面が連動する。
  --pms-font-scale は App.razor が Cookie から <html style> に出力し、FontScaleMenu が対話型で書き換える
*/
html {
    font-size: calc(16px * var(--pms-font-scale, 1));
}

/* 毛玻璃 AppBar（PmsAppBar）：backdrop-filter 非対応の環境で使う不透明の背景色 */
:root {
    --pms-appbar-fallback: #37474f;
}

/* Blazor の回線エラー表示 */
#blazor-error-ui {
    color-scheme: light only;
    background: #ffffe0;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* 一覧のグループ見出し */
.mud-table-cell-custom-group {
    font-weight: 500;
    background-color: var(--mud-palette-background-gray);
}