/* nov-gift.css — November gift reminder + picker (monthly-promo). Uses site tokens when present. */
.ng-box{margin:8px 0 10px;padding:10px 12px;border:1px solid var(--ng-line,rgba(0,0,0,.12));border-radius:10px;background:var(--ng-bg,rgba(16,185,129,.06));font-size:13px;line-height:1.4}
.ng-msg{margin:0 0 6px;font-weight:600}
.ng-done{color:var(--ng-ok,#047857)}
.ng-track{height:6px;border-radius:4px;background:var(--ng-track,rgba(0,0,0,.08));overflow:hidden}
.ng-track span{display:block;height:100%;background:var(--ng-fill,#10b981);border-radius:4px;transition:width .25s}
.ng-picker{margin-top:8px;border-top:1px dashed var(--ng-line,rgba(0,0,0,.15));padding-top:8px}
.ng-title{margin:0;font-weight:700}
.ng-note{margin:2px 0 6px;font-size:12px;opacity:.8}
.ng-row{display:flex;align-items:center;gap:8px;margin:4px 0}
.ng-slot{flex:0 0 auto;font-size:12px;font-weight:600;min-width:52px}
.ng-select{flex:1 1 auto;min-width:0;max-width:100%;padding:6px 8px;border:1px solid var(--ng-line,rgba(0,0,0,.2));border-radius:6px;font:inherit;font-size:13px;background:#fff;color:#111}
.ng-foot{margin:6px 0 0;font-size:11px;opacity:.75}
.ng-err{color:#b91c1c;opacity:1}
.ng-free{font-weight:700;color:var(--ng-ok,#047857);font-size:12px}