/* Billing contacts and the searchable customer picker (billing.js, picker.js). Foundation language: hairline rules, status words, no cards. */
.bill-sec{margin-top:6px}
.bill-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 6px}
.bill-bar .sel{min-width:260px;max-width:420px;flex:1 1 260px}
.bill-note{margin:0 0 10px;max-width:78ch}
.bill-add{display:grid;grid-template-columns:70px minmax(160px,320px);gap:6px 12px;align-items:center;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);padding:12px 14px;margin:0 0 12px;max-width:520px}
.bill-add .sel{width:100%}
.bill-add-a{grid-column:2;display:flex;gap:6px}
table.bill tr[data-bill-row]{cursor:pointer}
.bf-pen{border:0;background:none;color:var(--ink3);cursor:pointer;padding:2px 6px;border-radius:5px;font-size:13px;opacity:.55}
.bf-pen:hover,.bf-pen:focus-visible,table.bill tr:hover .bf-pen{opacity:1;color:var(--acc)}
@media (max-width:719px){.bf-pen{min-width:44px;min-height:44px;opacity:1}}
table.bill td[data-bf]:hover{background:var(--sf2)}
table.bill .bill-name{all:unset;cursor:pointer;color:var(--ink)}
table.bill .bill-name:hover b,table.bill .bill-name:focus-visible b{color:var(--acc);text-decoration:underline}
table.bill .bill-ic{margin-left:6px;opacity:.55;cursor:pointer;background:none;border:0;color:var(--ink3);padding:0 4px}
table.bill tr:hover .bill-ic,table.bill .bill-ic:focus-visible{opacity:1}
table.bill td.c-ba,table.bill td.c-bt{white-space:normal;min-width:160px;max-width:300px}
table.bill td.c-bx{text-align:right;white-space:nowrap}
.bill-empty{opacity:0}
table.bill tr:hover .bill-empty,table.bill td:focus-within .bill-empty{opacity:1}
.bill-in{width:100%;min-width:120px}
.bill-ed{display:inline-block;min-width:60px;border-bottom:1px dashed var(--bd2);cursor:text}
.bill-ed:hover,.bill-ed:focus-visible{background:var(--sf2)}
.bill-conf{margin-right:8px}
.bill-head .ch-row{align-items:center}
.bill-mv{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.bill-sites td.act{text-align:right;white-space:nowrap}
.tag.pk-bill{font-size:10px}

/* picker */
.net-pl .pk-h{padding:5px 10px 3px;font:600 10.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);background:var(--sf2);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:1}
.net-po .po-d{display:block;font-size:11.5px;line-height:1.3}
.net-po.on,.net-po[aria-selected="true"]{background:var(--sel)}
.net-po.pk-create{border-top:1px solid var(--bd2);color:var(--acc)}
.net-po.pk-create .po-n{font-weight:600}
.pk-new{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;border:1px solid var(--bd2);border-radius:var(--r);background:var(--sf);padding:10px}
.pk-new .sel{width:100%}
.pk-na{display:flex;gap:6px;margin-top:4px}
.pk-field{position:relative;max-width:420px}
.pk-field .sel{width:100%}
.pk-field .pk-list{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:2px;max-height:300px}
.pk-field .pk-list[hidden]{display:none}

@media (max-width:719px){
  .bill-bar .sel{min-width:0;max-width:none;flex:1 1 100%}
  .bill-add{grid-template-columns:minmax(0,1fr);max-width:none}
  .bill-add-a{grid-column:1}
  table.bill,table.bill tbody{display:block;width:100%}
  table.bill thead{display:none}
  table.bill tr.dv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:12px 0;border-bottom:1px solid var(--bd);align-items:center}
  table.bill td{display:block;padding:0;border:0;background:none!important;box-shadow:none!important;height:auto;white-space:normal;min-width:0;max-width:none}
  table.bill td.c-bn{grid-column:1}
  table.bill td.c-bx{grid-column:2;grid-row:1}
  table.bill td.c-bc,table.bill td.c-be,table.bill td.c-bp,table.bill td.c-ba{grid-column:1/-1;font-size:12.5px;color:var(--ink2);overflow-wrap:anywhere}
  table.bill td.c-bs,table.bill td.c-bt{display:none}
  table.bill .bill-empty{display:none}
  .bill-in{min-width:0}
  .pk-field{max-width:none}
}