/* COTAG010 頁面 CSP 合規通用樣式
 * 取代各頁面的 inline style / inline <style> block
 */

/* display:none 通用 class，替代 inline style="display:none" */
.d-none {
    display: none !important;
}

/* Account.xhtml - 帳號選單字型 */
.cotag-select-lg {
    font-size: 15px;
}

/* Account.xhtml - popup 說明文字 */
.cotag-popup-body {
    font-size: 14px;
}

/* ApplyOTP.xhtml - 手機欄位 label cell */
.cotag-vt-pad {
    vertical-align: top;
    padding: 15px;
}

/* ApplyOTP.xhtml - 說明文字字型 */
.cotag-fs-sm {
    font-size: 14px;
}

/* Email_Confirm.xhtml - 原因 radio label 高度限制（value=05） */
.radio-label-tall {
    max-height: 50px;
}

/* ICCard.xhtml - 原 inline <style> block */
html,
body {
    overflow-x: hidden;
}

.warning {
    color: #e50706;
    border: 1px solid #fec6c5;
    background: #fff3f3 url(../../cotag/img/icon/icon_Warning.gif) no-repeat 15px left;
    margin: 0 10px 5px 10px;
    padding: 15px 5px 15px 48px;
}

.txt-red,
td.txt-red {
    color: red;
}

.txt-green {
    color: #009f3c;
}

/* ── 個資遮蔽（COTAG010_Home / COTAG010_Pwd / COTAG010_Email 眼睛開關用） ── */
/* 使用 CSS text-security 遮蔽文字輸入，避免觸發瀏覽器密碼管理員 */
.pii-masked {
    -webkit-text-security: disc;
    text-security: disc;
}

.pii-masked.pii-visible {
    -webkit-text-security: none;
    text-security: none;
}

.pii-masked::-ms-reveal {
    display: none !important;
}
/* -------------------------------------------------------------------------------*/
/**
 * cotag010-template.css
 * CSP 合規重構用 utility classes，取代 COTAG010PageTemplate.xhtml 中的 inline style
 */

/* 取代 style="display: none;"
   使用位置：#cotagHeader、#cotagFooter、h:messages#global_warning_message */
.csp-hidden {
    display: none;
}

/* 取代 style="padding: 30px;"
   使用位置：登出確認 modal 及逾時 modal 的內層 div */
.csp-modal-padding {
    padding: 30px;
}

/* 取代 style="color: hsla(234, 83%, 5%, 0.72); text-decoration: none;"
   使用位置：footer 客服電話連結 */
.csp-tel-link {
    color: hsla(234, 83%, 5%, 0.72);
    text-decoration: none;
}