/* Client and network cards (clientcard.js), the provider block (isp.js) and the inline rows on Needs attention. Theme tokens only. */
.cl-wrap{margin:12px 0 4px}
.cl-verdict{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--bd);border-left-width:4px;border-radius:8px;background:var(--bg2,var(--card,transparent));font-size:15px}
.cl-verdict .lamp{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}
.cl-verdict b{color:var(--ink);font-weight:600}
.cl-verdict.c-crit{border-left-color:var(--crit);color:var(--crit)}
.cl-verdict.c-warn{border-left-color:var(--warn);color:var(--warn)}
.cl-verdict.c-ok{border-left-color:var(--ok);color:var(--ok)}
.cl-verdict.c-mute{border-left-color:var(--bd);color:var(--ink3)}
.cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:12px;align-items:start}
.cl-card{margin:0}
.cl-id{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.cl-name,.isp-cn{font-weight:600;font-size:16px;background:none;border:0;padding:6px 0;min-height:36px;cursor:pointer;color:var(--ink);text-align:left}
.cl-name:hover,.isp-cn:hover,.lnk.cl-cust:hover{text-decoration:underline}
.cl-r{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;margin:3px 0}
.cl-card dt,.isp-top dt{color:var(--ink3)}
.cl-card dd,.isp-top dd{margin:0;overflow-wrap:anywhere}
.cl-card dl,.isp-top dl{margin:0;display:grid;gap:2px}
.cl-launch{margin-top:10px}
.cl-site-card{border:1px solid var(--bd);border-radius:8px;padding:10px 12px;margin-bottom:10px;cursor:pointer}
.cl-site-card:hover,.cl-site-card:focus-visible{border-color:var(--acc)}
.cl-sh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:6px}
.cl-strip{margin:4px 0 8px}
.cl-site-card .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.cl-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:13px;white-space:normal}
.cl-bit b{color:var(--ink3);font-weight:600;margin-right:4px}
tr.cl-site{cursor:pointer}
tr.cl-site:hover td{background:var(--hov,rgba(127,127,127,.08))}
.lnk{background:none;border:0;padding:0;color:var(--acc);cursor:pointer;font:inherit}
/* the first block of an opened site */
.isp-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 26px;align-items:start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--bd)}
.isp-top .grp h3{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0 0 6px;border-bottom:1px solid var(--bd);padding-bottom:4px}
.isp-id{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.isp-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.isp-fill{min-height:32px}
.isp-chk{margin:6px 0 0}
.isp-pcs{display:grid;gap:4px}
.isp-pc{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:4px 10px;border:1px solid var(--bd);border-radius:6px;background:none;color:var(--ink);cursor:pointer;text-align:left}
.isp-pc:hover{border-color:var(--acc)}
.isp-form{display:grid;gap:8px}
.isp-f{display:grid;gap:2px}
.isp-f .sel,.isp-f textarea{width:100%;box-sizing:border-box}
.isp-f.bad .sel{border-color:var(--crit)}
.isp-form .acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:719px){
  .cl-grid,.isp-top{grid-template-columns:1fr}
  .cl-r{grid-template-columns:90px minmax(0,1fr)}
  .cl-site-card .btn,.isp-acts .btn,.cl-line .btn{min-height:44px;display:inline-flex;align-items:center}
  .cl-name,.isp-cn{min-height:44px}
}
/* the sites table scrolls sideways on a narrow window: keep the first block in view and no wider than the page */
@media (min-width:720px){.isp-top{position:sticky;left:0;box-sizing:border-box;width:min(100%,calc(100vw - 330px))}}