/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */

/*
 * ---------------------------------------------------------------------------
 * CSP 強化（移除 style-src-attr 'unsafe-inline'）所需的共用工具類別。
 * 生成理由：原本散落於各頁面的內嵌 style="..." 會被 CSP 阻擋，
 *          統一抽為語意化 class，兼顧安全、可維護與 DRY。
 * 注意：以 JavaScript（CSSOM / jQuery .show()/.hide()/.css()）動態切換顯示狀態，
 *      不受 CSP style-src-attr 管制，故此處僅提供「初始靜態樣式」。
 * ---------------------------------------------------------------------------
 */

/* 初始隱藏；由 JS 以 .css('display', ...) 或 removeClass 切換顯示 */
.cas-hidden { display: none; }

/* 文字換行控制 */
.cas-pre-wrap { white-space: pre-wrap; }
.cas-white-space-unset { white-space: unset; }

/* 清單樣式移除 */
.cas-list-none { list-style: none; }
.cas-list-type-none { list-style-type: none; }

/* 版面與外觀 */
.cas-min-vh-100 { min-height: 100vh; }
.cas-no-shadow { box-shadow: none; }
.cas-scale-x-0 { transform: scaleX(0); }
.cas-border-w-0 { border-width: 0; }
.cas-code-scroll { height: 75vh; overflow-y: scroll; overflow-x: hidden; }

/* 間距與對齊 */
.cas-mt-2px { margin-top: 2px; }
.cas-mt-10px { margin-top: 10px; }
.cas-mb-8px { margin-bottom: 8px; }
.cas-va-middle { vertical-align: middle; }
.cas-va-top-larger { vertical-align: top; font-size: larger; }

/* GUA 使用者頭像圖形 */
.cas-avatar { width: 130px; height: 130px; border-radius: 20%; }

/* GUA 顯示頁的使用者圖形（含陰影與外框），取代原內嵌 style */
.cas-gua-image {
    width: 130px;
    height: 130px;
    border-radius: 4px;
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    border: 1px solid #ddd;
}
