/* Площадки заказчика в карточке контрагента Справочников (26.09.2026, plans/2026-09-26-customer-addresses-and-price-geo.md).
   Префикс csite-. Вид - 1:1 одобренное превью examples/preview-customer-sites.html; поля и кнопки - те же размеры
   и токены, что у соседних полей карточки (legal-*) и у признаков сотрудника (spa-). */
.csite-count{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-left:6px;letter-spacing:0}
.csite-hint{font-size:11px;color:var(--muted);line-height:1.45}
.csite-row{padding:10px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:flex-start}
.csite-row.off .csite-body{opacity:.6}
.csite-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.csite-name{font-weight:600;font-size:14px;color:var(--text);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.csite-addr{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.csite-meta{font-size:12px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.csite-chip{font-size:10.5px;font-weight:600;border-radius:5px;padding:1px 7px;letter-spacing:.02em;white-space:nowrap}
.csite-chip.ok{background:rgba(29,158,117,.16);color:var(--tint-green)}
.csite-chip.warn{background:rgba(239,159,39,.16);color:var(--tint-amber)}
.csite-chip.side{background:var(--bg4);color:var(--muted)}
.csite-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 12px;font-size:12.5px;
  font-family:inherit;cursor:pointer;white-space:nowrap;transition:border-color .12s ease-out,background-color .12s ease-out}
.csite-btn:hover{border-color:var(--border-strong)}
.csite-btn:disabled{opacity:.5;cursor:default}
.csite-btn.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}
.csite-btn.danger{background:transparent;border-color:rgba(226,75,74,.4);color:var(--red)}
.csite-add{margin-top:10px}
.csite-edit{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px;margin:4px 0 10px;display:flex;flex-direction:column;gap:10px}
.csite-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.csite-grid .full{grid-column:1/-1}
.csite-grid label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.csite-grid input{width:100%;box-sizing:border-box;background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:8px 10px;
  color:var(--text);font-size:13px;outline:none;font-family:inherit}
.csite-grid input.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.csite-grid input:focus{border-color:var(--border-strong)}
.csite-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.csite-grow{flex:1}
.csite-link{color:var(--tint-blue);text-decoration:none;font-size:12px}
.csite-check{font-size:12px;color:var(--tint-amber);background:rgba(239,159,39,.10);border-radius:8px;padding:8px 10px}
.csite-sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 2px}
.csite-journal{border-top:1px solid var(--border);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.csite-jrow{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;font-size:12px;color:var(--text);align-items:baseline}
.csite-jat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted);white-space:nowrap}
.csite-jwho{font-weight:500;white-space:nowrap}
.csite-jwhat{overflow-wrap:anywhere;color:var(--muted)}
.csite-err{display:none;color:var(--red);font-size:12px;margin-top:6px}

@media (max-width:640px){
  .csite-grid{grid-template-columns:1fr}
  .csite-row{flex-direction:column}
  .csite-jrow{grid-template-columns:auto minmax(0,1fr)}
  .csite-jwhat{grid-column:1/-1}
}
@media (prefers-reduced-motion: reduce){
  .csite-btn{transition-duration:.001ms !important}
}