/*Radius拡張カスタマイズ*/
.rounded-4 {
    border-radius: 1rem !important;
}

.rounded-top-4 {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.rounded-bottom-4 {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.rounded-start-4 {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.rounded-end-4 {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}

.rounded-5 {
    border-radius: 2rem !important;
}

.rounded-top-5 {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.rounded-bottom-5 {
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.rounded-start-5 {
    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}

.rounded-end-5 {
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

/* 稟議詳細：編集モード中、入力可能な項目を含むセクションを強調する（#1322）。
   セクション div は RenderTreeBuilder で生成されスコープ付きCSSが付与されないため、
   グローバルCSS（custom.css）に定義する。
   色はフォーム詳細（.form-content-area）／承認フロー詳細（.flow-content-area）の
   編集モード背景と同じ緑（--active: #047a61, rgba(4,122,97,0.05)）に揃える。
   強調は薄緑の背景のみで行い、緑の枠線は付けない（既定の border クラスをそのまま使用）。 */
.section-editable {
    background-color: rgba(4, 122, 97, 0.05);
}

/* 稟議詳細／申請フォームの読み取り専用値ボックス（DisplayComponents 各種・DropdownLinkDisplay）は
   .form-control を <div> として描画するため、空白の無い長い文字列（連続英数字や URL 等）が
   折り返されず枠外へはみ出す（既定 overflow-wrap: normal は空白でしか折り返さない）。
   これらは全て aria-readonly="true" を持つので、その属性に絞って必要時のみ折り返す。
   overflow-wrap: break-word は通常の空白折り返し・CJK の自然折り返しを保ったまま、
   折り返し位置の無い長語のみを分割する（word-break: break-all のような過剰分割はしない）。
   編集可能な入力には一切影響しない。 */
.form-control[aria-readonly="true"] {
    overflow-wrap: break-word;
}