/*
 * 行內樣式改寫用的 utility class（2026-10-20，CSP 不允許 style="..." 行內樣式；OWASP ZAP 修補）
 * 命名：u-<屬性縮寫>-<值>，例：u-m-0 = margin:0、u-mt-16px = margin-top:16px、u-c-required = color:var(--required)
 * 一律 !important：行內樣式原本會蓋過所有樣式表規則，改成 class 後以 !important 維持相同的優先順序。
 * 新增頁面請直接寫進 system.css 的語意化 class；本檔只收由行內樣式轉來的規則（由轉換程式產生後人工維護）。
 */
.u-ai-center { align-items: center !important; }
.u-ai-end { align-items: end !important; }
.u-align-self-center { align-self: center !important; }
.u-b-0 { border: 0 !important; }
.u-b-1px_dashed_border { border: 1px dashed var(--border) !important; }
.u-b-1px_solid_border { border: 1px solid var(--border) !important; }
.u-b-1px_solid_ccc { border: 1px solid #ccc !important; }
.u-bg-fff { background: #fff !important; }
.u-bg-ffffff22 { background: #ffffff22 !important; }
.u-bg-surface { background: var(--surface) !important; }
.u-bg-surface_alt { background: var(--surface-alt) !important; }
.u-br-6px { border-radius: 6px !important; }
.u-br-8px { border-radius: 8px !important; }
.u-br-radius_sm { border-radius: var(--radius-sm) !important; }
.u-c-8a4b06 { color: #8a4b06 !important; }
.u-c-fff { color: #fff !important; }
.u-c-inherit { color: inherit !important; }
.u-c-primary_dark { color: var(--primary-dark) !important; }
.u-c-required { color: var(--required) !important; }
.u-caption-side-top { caption-side: top !important; }
.u-cur-pointer { cursor: pointer !important; }
.u-d-block { display: block !important; }
.u-d-flex { display: flex !important; }
.u-d-grid { display: grid !important; }
.u-d-inline { display: inline !important; }
.u-d-inline_block { display: inline-block !important; }
.u-d-inline_flex { display: inline-flex !important; }
.u-fxw-wrap { flex-wrap: wrap !important; }
.u-gap-10px { gap: 10px !important; }
.u-gap-14px { gap: 14px !important; }
.u-gap-16px { gap: 16px !important; }
.u-gap-20px { gap: 20px !important; }
.u-gap-6px { gap: 6px !important; }
.u-gap-8px_28px { gap: 8px 28px !important; }
.u-jc-center { justify-content: center !important; }
.u-jc-flex_start { justify-content: flex-start !important; }
.u-jc-space_between { justify-content: space-between !important; }
.u-ls-none { list-style: none !important; }
.u-lsp-p05em { letter-spacing: .05em !important; }
.u-lsp-p4em { letter-spacing: .4em !important; }
.u-m-0 { margin: 0 !important; }
.u-m-0_0_10px { margin: 0 0 10px !important; }
.u-m-0_0_12px { margin: 0 0 12px !important; }
.u-m-0_0_16px { margin: 0 0 16px !important; }
.u-m-0_0_6px { margin: 0 0 6px !important; }
.u-m-0_0_8px { margin: 0 0 8px !important; }
.u-m-0_0_p3em { margin: 0 0 .3em !important; }
.u-m-0_0_p4em { margin: 0 0 .4em !important; }
.u-m-4px_0_0 { margin: 4px 0 0 !important; }
.u-m-neg4px_0_14px { margin: -4px 0 14px !important; }
.u-m-60px_auto { margin: 60px auto !important; }
.u-m-6px_0_0 { margin: 6px 0 0 !important; }
.u-m-8px_0_0 { margin: 8px 0 0 !important; }
.u-m-p15em_0 { margin: .15em 0 !important; }
.u-m-p2em_0 { margin: .2em 0 !important; }
.u-m-p2em_0_p8em { margin: .2em 0 .8em !important; }
.u-m-p3em_0_0 { margin: .3em 0 0 !important; }
.u-m-p3em_0_p6em { margin: .3em 0 .6em !important; }
.u-m-p4em_0_0 { margin: .4em 0 0 !important; }
.u-m-p4em_0_p1em { margin: .4em 0 .1em !important; }
.u-m-p5em_0_0 { margin: .5em 0 0 !important; }
.u-m-p6em_0_p3em { margin: .6em 0 .3em !important; }
.u-m-p8em_0_0 { margin: .8em 0 0 !important; }
.u-maxh-120px { max-height: 120px !important; }
.u-maxh-260px { max-height: 260px !important; }
.u-maxh-280px { max-height: 280px !important; }
.u-maxw-14em { max-width: 14em !important; }
.u-maxw-160px { max-width: 160px !important; }
.u-maxw-260px { max-width: 260px !important; }
.u-maxw-420px { max-width: 420px !important; }
.u-maxw-520px { max-width: 520px !important; }
.u-maxw-600px { max-width: 600px !important; }
.u-minw-0 { min-width: 0 !important; }
.u-minw-8em { min-width: 8em !important; }
.u-ov-auto { overflow: auto !important; }
.u-p-0 { padding: 0 !important; }
.u-p-0_0_8px { padding: 0 0 8px !important; }
.u-p-10px { padding: 10px !important; }
.u-p-10px_0 { padding: 10px 0 !important; }
.u-p-10px_12px { padding: 10px 12px !important; }
.u-p-14px_18px { padding: 14px 18px !important; }
.u-p-20px_22px { padding: 20px 22px !important; }
.u-p-22px_24px { padding: 22px 24px !important; }
.u-p-40px_20px { padding: 40px 20px !important; }
.u-p-4px_0 { padding: 4px 0 !important; }
.u-p-6px { padding: 6px !important; }
.u-p-6px_10px { padding: 6px 10px !important; }
.u-p-6px_8px { padding: 6px 8px !important; }
.u-shadow-0_8px_30px_rgba_0_0_0_p25 { box-shadow: 0 8px 30px rgba(0,0,0,.25) !important; }
.u-ta-center { text-align: center !important; }
.u-ta-left { text-align: left !important; }
.u-ta-right { text-align: right !important; }
.u-td-none { text-decoration: none !important; }
.u-va-top { vertical-align: top !important; }
.u-w-100pct { width: 100% !important; }
.u-w-100px { width: 100px !important; }
.u-w-120px { width: 120px !important; }
.u-w-140px { width: 140px !important; }
.u-w-160px { width: 160px !important; }
.u-w-230px { width: 230px !important; }
.u-w-48px { width: 48px !important; }
.u-w-64px { width: 64px !important; }
.u-w-80px { width: 80px !important; }
.u-w-90px { width: 90px !important; }
.u-w-auto { width: auto !important; }
.u-w-calc_100pct_40px { width: calc(100% - 40px) !important; }
.u-wb-break_all { word-break: break-all !important; }
.u-ws-pre_wrap { white-space: pre-wrap !important; }
.u-bb-1px_dashed_border { border-bottom: 1px dashed var(--border) !important; }
.u-bb-1px_solid_border { border-bottom: 1px solid var(--border) !important; }
.u-bc-ffffff55 { border-color: #ffffff55 !important; }
.u-blc-8a4b06 { border-left-color: #8a4b06 !important; }
.u-blc-primary { border-left-color: var(--primary) !important; }
.u-blc-required { border-left-color: var(--required) !important; }
.u-border-left-4px_solid_primary { border-left: 4px solid var(--primary) !important; }
.u-ff-mono { font-family: var(--mono) !important; }
.u-ff-sans_serif { font-family: sans-serif !important; }
.u-fs-12px { font-size: 12px !important; }
.u-fs-14p5px { font-size: 14.5px !important; }
.u-fs-14px { font-size: 14px !important; }
.u-fs-18px { font-size: 18px !important; }
.u-fs-1p05rem { font-size: 1.05rem !important; }
.u-fs-1p15em { font-size: 1.15em !important; }
.u-fs-1p3em { font-size: 1.3em !important; }
.u-fs-20px { font-size: 20px !important; }
.u-fs-28px { font-size: 28px !important; }
.u-fw-400 { font-weight: 400 !important; }
.u-fw-600 { font-weight: 600 !important; }
.u-fw-700 { font-weight: 700 !important; }
.u-mb-10px { margin-bottom: 10px !important; }
.u-mb-12px { margin-bottom: 12px !important; }
.u-mb-14px { margin-bottom: 14px !important; }
.u-mb-16px { margin-bottom: 16px !important; }
.u-mb-18px { margin-bottom: 18px !important; }
.u-mb-20px { margin-bottom: 20px !important; }
.u-mb-6px { margin-bottom: 6px !important; }
.u-mb-8px { margin-bottom: 8px !important; }
.u-ml-8px { margin-left: 8px !important; }
.u-mr-10px { margin-right: 10px !important; }
.u-mr-12px { margin-right: 12px !important; }
.u-mr-14px { margin-right: 14px !important; }
.u-mr-6px { margin-right: 6px !important; }
.u-mt-0 { margin-top: 0 !important; }
.u-mt-10px { margin-top: 10px !important; }
.u-mt-12px { margin-top: 12px !important; }
.u-mt-14px { margin-top: 14px !important; }
.u-mt-16px { margin-top: 16px !important; }
.u-mt-18px { margin-top: 18px !important; }
.u-mt-1em { margin-top: 1em !important; }
.u-mt-20px { margin-top: 20px !important; }
.u-mt-24px { margin-top: 24px !important; }
.u-mt-2px { margin-top: 2px !important; }
.u-mt-4px { margin-top: 4px !important; }
.u-mt-6px { margin-top: 6px !important; }
.u-mt-neg6px { margin-top: -6px !important; }
.u-mt-8px { margin-top: 8px !important; }
.u-pb-4px { padding-bottom: 4px !important; }
.u-pt-12px { padding-top: 12px !important; }
.u-pt-14px { padding-top: 14px !important; }
.u-pt-16px { padding-top: 16px !important; }
.u-pt-18px { padding-top: 18px !important; }
.u-pt-8px { padding-top: 8px !important; }
/* ---- 手動補充：PHP 依條件輸出的 class（Page_case／NApplicationForm 的停用項目灰字、NRoleEdit 的權限勾選列），沒有對應的靜態行內樣式 ---- */
.u-c-muted { color: var(--muted) !important; }
.u-m-4px_0 { margin: 4px 0 !important; }