button:disabled,
.button[aria-disabled="true"]{
  opacity:1;
  background:#dfe5e8;
  color:#52616a;
  border:1px solid #c1cbd0;
  cursor:not-allowed;
}

.desktop-nav > a.active,
.desktop-nav > .nav-group.active > summary,
.desktop-nav a[aria-current="page"]{
  color:#fff;
  background:#17734a;
  border-radius:7px;
}
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#b42318;color:#fff;font-size:.72rem;font-weight:800}
.work-summary{min-width:min(100%,320px)}
.work-summary small{display:block;margin-top:5px;color:var(--muted);font-weight:500}
.work-summary-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;color:inherit;text-decoration:none}
.work-summary-head strong{font-size:1.45rem}
.work-summary-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.work-summary-links a{display:inline-flex;gap:5px;padding:5px 8px;border:1px solid currentColor;border-radius:999px;color:inherit;font-weight:700;text-decoration:none}
.sticky-table thead th{position:sticky;top:0;z-index:2;background:#fff}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px;flex-wrap:wrap}
.pagination a{display:inline-flex;padding:8px 12px;border:1px solid #cbd7dc;border-radius:8px}
.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.persisted-details > summary{cursor:pointer;font-weight:750;padding:8px 0}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2b8cff;outline-offset:3px}
.badge.offline{background:#eceff1;color:#48545a}

@media(max-width:800px){
  .sticky-table thead th{position:static}
  .pagination{justify-content:space-between}
  .compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .action-row{align-items:stretch}
  .action-row > *{flex:1 1 auto}
}

.policy-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(250px,1fr));
  gap:8px 14px;
  padding:4px 0;
}
.policy-check{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:10px 12px;
  border:1px solid #e3e8eb;
  border-radius:9px;
  background:#fafcfc;
  color:var(--ink);
}
.policy-check input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:2px 0 0;
  padding:0;
}
.policy-check span{display:grid;gap:2px}
.policy-check small{color:var(--muted);font-weight:400}

.device-actions,
.enrollment-actions{
  display:grid;
  gap:7px;
  min-width:250px;
}
.device-action{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto;
  gap:7px;
  align-items:center;
}
.device-action input,
.enrollment-reject input{padding:7px 9px;font-size:.8rem}
.device-action button{white-space:nowrap}
.enrollment-approve{
  display:grid;
  grid-template-columns:minmax(150px,1fr) 100px auto;
  gap:7px;
  align-items:end;
}
.enrollment-reject{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto;
  gap:7px;
  align-items:end;
}

.remote-op-submit-status,
.remote-op-live{
  color:#245b8a;
  font-size:.8rem;
  font-weight:600;
}
.remote-op-live{
  margin:0 0 10px;
  padding:8px 10px;
  background:#e8f1fb;
  border-radius:8px;
}

@media(max-width:800px){
  .policy-checks{grid-template-columns:1fr}
  .device-actions,.enrollment-actions{min-width:0}
  .device-action,.enrollment-approve,.enrollment-reject{grid-template-columns:1fr}
}