/* Nhắc theo mốc (CONTRACT §34). Dùng token màu của app.css. */
.nh .fgroup>h3{margin-bottom:6px}
.nh-set{border:0;margin:0;padding:0;min-width:0}
.nh-set[disabled]{opacity:.5}
.nh-set[disabled] .pill,.nh-set[disabled] select,.nh-set[disabled] .nh-switch{cursor:not-allowed}
.nh-st.nh-active{color:var(--ok,var(--accent));font-weight:600}
.nh-st.nh-pending{color:var(--warn,var(--gold));font-weight:600}
.nh-email{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 6px}
.nh-addr{display:inline-flex;align-items:center;gap:6px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.nh-form{display:grid;gap:4px;max-width:420px}
.nh-form .btn-primary{width:100%}
.nh-hour{max-width:160px}
.nh-sub{margin:10px 0 6px;font-size:12.5px;color:var(--ink-3)}
.nh-sub:first-of-type{margin-top:0}
.nh-row{display:flex;align-items:flex-start;gap:12px}
.nh-row>div{flex:1;min-width:0}
.nh-row .hint{margin:0}
.nh-switch{flex:none;position:relative;width:52px;height:32px;margin-top:2px;border-radius:999px;border:1px solid var(--rule);background:var(--muted-soft,var(--rule-2));padding:0}
.nh-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--sheet);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s var(--ease)}
.nh-switch[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}
.nh-switch[aria-checked="true"] span{transform:translateX(20px)}
.nh-items{padding:0}
.nh-items .icon-btn{width:44px;height:44px}
.nh-items .icon-btn[aria-pressed="true"]{color:var(--accent)}
.nh-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px 0 0}
.nh-del{color:var(--bad,var(--seal))}
.nh-box{padding:10px 14px}
.nh-ms{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nh-ms li{display:flex;align-items:center;gap:10px;min-width:0}
.nh-ms li.off{opacity:.55}
.nh-left{flex:none;min-width:76px;text-align:center;padding:3px 8px;border-radius:999px;background:var(--muted-soft,var(--rule-2));font-size:12px;font-weight:600;color:var(--ink-2)}
.nh-left.soon{background:var(--bad-soft,var(--seal-soft));color:var(--bad,var(--seal))}
.nh-l{min-width:0}
.nh-l b{display:block;font-size:13.5px;font-weight:600}
.nh-l small{display:block;font-size:12.5px;color:var(--ink-3)}
.nh-state{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--rule-2);font-size:13px;color:var(--ink-3)}
.nh-state span{flex:1;min-width:180px}
.nh-state a{font-weight:600}
@media (min-width:900px){.nh-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.nh-form .field{margin:0}.nh-form .btn-primary{width:auto}}
.nh-row{align-items:center}
.nh-items a b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nh-z-open{margin-top:2px}
.nh-z textarea{width:100%;border:1px solid var(--rule);border-radius:10px;background:var(--paper);padding:10px 12px;font:inherit;font-size:16px;resize:vertical}
.nh-z{grid-template-columns:1fr!important}
.nh-z .btn-primary{width:100%!important}
.nh-err{margin:0 0 10px;color:var(--bad,var(--seal));font-size:13.5px;font-weight:600}
.nh-ok{display:flex;gap:8px;align-items:flex-start;margin:0 0 6px;color:var(--ok,var(--accent));font-weight:600;font-size:14px}
.nh-ok .ic{margin-top:2px}
@media (min-width:900px){.nh-z{max-width:520px}.nh-z .btn-primary{width:auto!important}}
/* Gửi yêu cầu cho KimQ (trang Liên hệ): chọn loại yêu cầu + giải thích ngắn MCP. */
.yc-form{max-width:520px;margin:4px 0 16px}
.yc-kind{border:0;margin:0 0 8px;padding:0;display:grid;gap:8px}
.yc-kind legend{padding:0;margin-bottom:6px;font-weight:600;font-size:14px}
.yc-opt{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);cursor:pointer;font-size:14.5px}
.yc-opt input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--accent);flex:none}
.yc-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.yc-info{margin:0 0 8px;padding:0 0 0 18px;color:var(--ink-2);font-size:14px;display:grid;gap:4px}
#yeu-cau{scroll-margin-top:136px}

/* Điện thoại: chip "Còn N ngày"/ngày đứng cuối dòng mốc, chừa 48px mép phải cho nút Hỏi đáp; góc trái là nút Mục lục
   → ở mọi vị trí cuộn, chip không nằm dưới nút nổi nào (Kiên 01/11 23:5x). */
@media (max-width:1023px){.nh-ms li{flex-direction:row-reverse;justify-content:flex-end}.nh-ms li>:not(.nh-left){flex:1;min-width:0}.nh-ms .nh-left{margin-right:48px}}