/* Extra controls for date / leave / part-time tools - uses app.css tokens */
.cox-opts{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin:2px 0}
.cox-opt{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.3 var(--font-b);color:var(--ink-2);cursor:pointer}
.cox-opt input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer;flex:none}
.cox-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}
.cox-seg label{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font:600 13px/1 var(--font-h);color:var(--ink-2);cursor:pointer;white-space:nowrap;margin:0}
.cox-seg label+label{border-left:1px solid var(--line)}
.cox-seg input{position:absolute;opacity:0;pointer-events:none}
.cox-seg label span{position:relative;z-index:1}
.cox-seg label:has(input:checked){background:var(--brand)}
.cox-seg label:has(input:checked) span{color:#fff}
.cox-seg-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cox-seg-row>.lbl{font:700 12px/1 var(--font-h);color:var(--ink-3);letter-spacing:.03em;text-transform:uppercase}
.cox-patwrap{margin-top:6px;max-width:260px}
.cox-ccnl{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0}
.cox-ccnl .co-chip{font-size:13px}
.cox-splitnote{font:600 13px/1.55 var(--font-b);color:var(--brand-2);background:var(--brand-soft);border-radius:var(--radius-sm);padding:10px 13px;margin:2px 0 0}
@media(max-width:560px){.cox-opts{gap:9px 16px}.cox-seg label{padding:8px 11px}}