/* RU: УС4: окно «Заполнить услуги сами» (svcfill.js). CSP: только классы, без style=. EN: US4: the fill-services window. Classes only. */
.st-dialog.sf-dialog { width: min(760px, calc(100vw - 32px)); }
.sf-body { display: grid; gap: 10px; }
.sf-body label { font-weight: 600; }
.sf-count { border: 0; padding: 0; margin: 4px 0 0; }
.sf-count legend { font-weight: 600; margin-bottom: 8px; padding: 0; }
.sf-count .chip { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; cursor: pointer; }
.sf-err { color: var(--bad); margin: 0; }
.sf-sum { margin: 0; }
.sf-list { list-style: none; margin: 0; padding: 0; display: grid; max-height: min(52vh, 520px); overflow: auto; border: 1px solid var(--line); border-radius: var(--r-s); }
.sf-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 8px 10px; border-top: 1px solid var(--line); }
.sf-list li:first-child { border-top: 0; }
.sf-list label { display: flex; gap: 8px; align-items: center; font-weight: 400; margin: 0; min-width: 0; cursor: pointer; }
.sf-name { overflow-wrap: anywhere; }
.sf-price { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sf-src { white-space: nowrap; text-align: right; }
.sf-tag { display: inline-block; font-size: var(--fs-xs); font-weight: 600; border-radius: var(--r-pill); padding: 1px 8px; background: var(--surface-2); color: var(--ink-2); }
.sf-tag.ok { background: var(--ok-soft); color: var(--ok); }
.sf-tag.city { background: var(--info-soft); color: var(--info); }
.sf-go { margin-top: 4px; }
@media (max-width: 560px) {
  .sf-list li { grid-template-columns: minmax(0, 1fr) auto; }
  .sf-src { grid-column: 1 / -1; text-align: left; padding-left: 26px; }
}
.sf-dialog .sf-find{margin:6px 0}
.sf-dialog .sf-cands{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.sf-dialog .sf-cands li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-s)}
.sf-dialog .sf-cands li .small{grid-column:1}
.sf-dialog .sf-cands li .btn{grid-column:2;grid-row:1/span 2}