/* S507: pole „wpisz imię i nazwisko klienta" — Zadania i Sprawy do FIRMY. */
.cp{display:grid;gap:6px;position:relative}
.cp .cp-q{width:100%;box-sizing:border-box}
.cp .cp-q:disabled{opacity:.6;cursor:not-allowed}
.cp-list{display:grid;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);overflow:auto;max-height:232px}
.cp-list[hidden]{display:none}
.cp-opt{display:block;width:100%;box-sizing:border-box;padding:11px 12px;text-align:left;border:0;background:transparent;color:var(--tx);font:inherit;font-size:13px;line-height:1.45;cursor:pointer;text-transform:none;min-height:42px}
.cp-opt+.cp-opt{border-top:1px solid var(--line)}
.cp-opt:hover,.cp-opt.is-active{background:var(--surface-3)}
.cp-opt.is-active{box-shadow:inset 3px 0 0 var(--info)}
.cp-opt:focus-visible{outline:2px solid var(--info);outline-offset:-2px}
.cp-more{margin:0;padding:10px 12px;font-size:11px;line-height:1.5;color:var(--tx-mut)}
.cp-note{margin:0;font-size:11px;line-height:1.5;color:var(--tx-mut);font-weight:400}
.cp-note.cp-warn{color:var(--bad)}
/* Okno „Nowe zadanie": na telefonie kolumny jedna pod drugą — inaczej pole
   klienta z podpowiedziami nie mieści się w połowie szerokości. */
@media(max-width:600px){.zt-row{grid-template-columns:1fr!important}}