/* Products (Pricing › Products, brokerage sheet › Products) and Needs (brokerage sheet). */
#prd-pricing{margin-top:4px}
.prd-group{padding:6px 0}
.prd-row{display:grid;grid-template-columns:minmax(0,1fr) 140px 150px 44px;gap:10px;align-items:end;padding:10px 14px 12px}
.prd-row+.prd-row{border-top:1px solid var(--hair)}
.prd-row .field{min-width:0;gap:5px}
.prd-row .field>span{font-size:12px}
.prd-row .field input,.prd-row .field select{height:44px;border-radius:13px;font-size:16px;padding:0 12px}
.prd-money{display:flex;align-items:center;gap:4px;color:var(--ink-2)}
.prd-money input{flex:1;min-width:0}
.prd-del{width:44px;height:44px;align-self:end}
.prd-del.armed{width:auto;padding:0 10px;font-size:13px;font-weight:600;color:var(--orange-ink)}
#prd-pricing .foot-note{margin-top:8px}

.prd-own{gap:10px;flex-wrap:wrap}
.prd-own .row-main{flex:1 1 140px;min-width:0}
.prd-own .btn{min-height:44px;min-width:112px;justify-content:center}
.prd-sec .kv .v b{font-weight:700}

.nd-box{padding:14px;display:flex;flex-direction:column;gap:14px}
.nd-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nd-box .field{min-width:0}
.nd-box .field input,.nd-box .field textarea,.nd-add{font-size:16px}
.nd-box .field input{height:44px}
.nd-block{display:flex;flex-direction:column;gap:8px}
.nd-l{font-size:13px;font-weight:600;color:var(--ink-2);padding-left:6px}
.nd-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.nd-want{height:44px;padding:0 14px;font-size:14px;gap:6px}
.nd-want[aria-pressed="true"]{background:var(--orange);color:#fff;box-shadow:none}
.nd-want:focus-visible,.nd-x:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.nd-need{height:44px;padding:0 4px 0 14px;font-size:14px}
.nd-x{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:var(--ink-2)}
.nd-x:hover{background:var(--hair-2)}
.nd-add{border:0;background:var(--track);box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;height:44px;padding:0 14px;min-width:0;flex:1 1 140px;outline:none;color:var(--ink)}
.nd-add:focus{box-shadow:0 0 0 2px var(--orange)}

@media (max-width:600px){
  .prd-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
  .prd-row .prd-name{grid-column:1 / 3;grid-row:1}
  .prd-row .prd-del{grid-column:3;grid-row:1}
  .prd-row .prd-price{grid-column:1;grid-row:2}
  .prd-row .prd-per{grid-column:2 / 4;grid-row:2}
  .nd-two{grid-template-columns:1fr}
}