/* Hành chính: chữ xám -> đen, đường kẻ xám -> #555 cho các rule của mobile.css / style.css (dùng chung trang khác,
   nên không sửa tại chỗ). Sinh bởi tools/crm-visual/contrast.cjs; nạp ngay sau style.css. */
/* Chữ gợi ý mặc định của trình duyệt quá nhạt; các rule placeholder riêng của từng mục vẫn thắng. */
input::placeholder, textarea::placeholder { color: #555; opacity: 1; }
@media (max-width: 768px) {
    .crm-mobile-bottom-nav button { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome [data-home-date] { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome .hc-home-role { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome .hc-home-work-card button > svg { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome .hc-home-shortcuts button svg { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome .hc-home-notification small { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileHome .hc-home-notification > svg { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-heading p { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily [data-family-count] { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-copy small { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-chevron { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-soon { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-event-copy small { color: #000; }
}
@media (max-width: 768px) {
    #hcMobileFamily .hc-family-empty { color: #000; }
}
@media (max-width: 768px) {
    #modulePersonnel .crm-personnel-select > span { color: #000; }
}
@media (max-width: 768px) {
    #modulePersonnel .crm-personnel-card-code { color: #000; }
}
@media (max-width: 768px) {
    #modulePersonnel .crm-personnel-card-extra { color: #000; }
}
@media (max-width: 768px) {
    #hrDocDetailModal .crm-personnel-code { color: #000; }
}
@media (max-width: 768px) {
    #hrDocDetailModal .crm-personnel-progress { color: #000; }
}
@media (max-width: 768px) {
    #hrDocDetailModal .crm-personnel-disclosure::after { color: #000; }
}
@media (max-width: 768px) {
    #hrDocDetailModal .personnel-workbench-view-grid label, #hrDocDetailModal .personnel-contract-summary-row > div > span { color: #000; }
}
:root { --mid: #000; --muted: #000; }