/* DRY Records activity dashboard styles
 * Generated from the former shared dry-records.css bundle.
 * Public/admin and activity shortcode styles are loaded separately to avoid selector bleed.
 */

/* Activity dashboard webapp theme */
.dry-records-activity-app{
  --activity-bg:#020407;
  --activity-black:#020407;
  --activity-surface:rgba(1, 8, 12, .88);
  --activity-surface-2:rgba(4, 17, 25, .82);
  --activity-ink:#f4fbff;
  --activity-muted:#96b6c3;
  --activity-line:rgba(93, 255, 176, .18);
  --activity-blue:#2ba8ff;
  --activity-red:#ff3655;
  --activity-green:#35ff8f;
  --activity-cyan:#5be7ff;
  --activity-amber:#ffbd55;
  --activity-hud:linear-gradient(90deg, var(--activity-green), var(--activity-blue), var(--activity-red));
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  min-height:100svh;
  margin-left:0;
  margin-right:0;
  color:var(--activity-ink);
  background:
    radial-gradient(1000px 620px at 10% -10%, rgba(43, 168, 255, .14), transparent 58%),
    radial-gradient(920px 580px at 94% 4%, rgba(255, 54, 85, .13), transparent 55%),
    radial-gradient(760px 500px at 42% 105%, rgba(53, 255, 143, .10), transparent 58%),
    linear-gradient(180deg, rgba(2, 8, 10, .99), rgba(2, 4, 7, 1));
  overflow:hidden;
  font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  font-size:15px;
  line-height:1.45;
  margin-bottom:0;
  color-scheme:dark;
}

.dry-records-activity-app,
.dry-records-activity-app *{
  box-sizing:border-box;
}

.dry-records-activity-app :where(h1,h2,h3,p,div,span,strong,b,em,label,button,input,select,a){
  color:inherit;
  font-family:inherit;
}

.dry-records-activity-app :where(button,input,select){
  font:inherit;
}

.dry-records-activity-app :where(button){
  appearance:none;
}

.dry-records-activity-app select option{
  background:#020b10;
  color:var(--activity-ink);
}

.dry-records-activity-app::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    repeating-linear-gradient(90deg, rgba(53, 255, 143, .08) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(180deg, rgba(43, 168, 255, .06) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(180deg, transparent 0 18px, rgba(53, 255, 143, .07) 19px 20px, transparent 21px 42px),
    linear-gradient(115deg, transparent 0 32%, rgba(255, 54, 85, .07) 44%, transparent 58%);
  background-size:54px 54px, 36px 36px, 100% 84px, 220% 100%;
  animation:activityMatrix 18s linear infinite;
  opacity:.86;
}

.dry-records-activity-app::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 9px),
    linear-gradient(90deg, transparent 0 12%, rgba(43, 168, 255, .20) 23%, transparent 34%, transparent 54%, rgba(255, 54, 85, .17) 66%, transparent 79%),
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 28%);
  background-size:100% 9px, 190% 100%, 100% 100%;
  animation:activityPoliceSweep 7s ease-in-out infinite alternate;
  pointer-events:none;
}

@keyframes activityMatrix{
  from{ background-position:0 0, 0 0, 0 0, 0 0; }
  to{ background-position:54px 108px, -36px 72px, 0 168px, 120% 0; }
}

@keyframes activityPoliceSweep{
  from{ background-position:0 0, 0 0, 0 0; opacity:.62; }
  to{ background-position:0 36px, 100% 0, 0 0; opacity:.96; }
}

@keyframes activityPulse{
  0%, 100%{ opacity:.62; transform:scaleX(.72); }
  50%{ opacity:1; transform:scaleX(1); }
}

.dry-records-activity-app .activityShell{
  width:min(1200px, calc(100% - 32px));
  min-height:100svh;
  margin:0 auto;
  padding:30px 0 42px;
  display:grid;
  grid-template-rows:auto auto auto minmax(0, 1fr);
  gap:14px;
}

.dry-records-activity-app .activityHeader{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:end;
  gap:16px;
  padding:24px;
  border:1px solid rgba(91, 231, 255, .18);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(53, 255, 143, .10), transparent 30%),
    linear-gradient(100deg, rgba(43, 168, 255, .12), transparent 44%),
    linear-gradient(315deg, rgba(255, 54, 85, .13), transparent 46%),
    rgba(1, 8, 12, .84);
  box-shadow:0 24px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255,255,255,.035);
}

.dry-records-activity-app .activityHeader::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--activity-hud);
  transform-origin:left center;
  animation:activityPulse 3.2s ease-in-out infinite;
}

.dry-records-activity-app .activityHeader::after{
  content:"";
  position:absolute;
  inset:auto 18px 16px auto;
  width:168px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(53, 255, 143, .8), rgba(43, 168, 255, .8), transparent);
  box-shadow:0 0 16px rgba(53, 255, 143, .34);
  opacity:.72;
}

.dry-records-activity-app .activityHeader h1{
  margin:0;
  color:var(--activity-ink);
  font-size:40px;
  line-height:1.02;
  letter-spacing:0;
  text-shadow:0 0 18px rgba(43, 168, 255, .48), 0 0 26px rgba(53, 255, 143, .18);
}

.dry-records-activity-app .activitySub,
.dry-records-activity-app .activityStamp,
.dry-records-activity-app .activityMuted{
  color:var(--activity-muted);
}

.dry-records-activity-app .activitySub{
  margin-top:8px;
  font-size:15px;
}

.dry-records-activity-app .activityStamp{
  border:1px solid rgba(53, 255, 143, .26);
  border-radius:999px;
  background:rgba(1, 9, 12, .82);
  box-shadow:0 0 18px rgba(53, 255, 143, .10);
  padding:8px 11px;
  font-size:12px;
  white-space:nowrap;
}

.dry-records-activity-app .activityControls{
  display:grid;
  grid-template-columns:minmax(160px, 1fr) minmax(130px, .7fr) minmax(240px, 1.5fr) auto;
  gap:10px;
  align-items:end;
  margin:0;
  padding:12px;
  border:1px solid var(--activity-line);
  border-radius:8px;
  background:rgba(1, 8, 12, .76);
  box-shadow:0 14px 40px rgba(0, 0, 0, .20);
  backdrop-filter:blur(10px);
}

.dry-records-activity-app .activityControl{
  display:grid;
  gap:6px;
  min-width:0;
}

.dry-records-activity-app .activityControl span{
  color:#a8d8c4;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.dry-records-activity-app .activityControl select,
.dry-records-activity-app .activityControl input{
  width:100%;
  min-height:42px;
  border:1px solid rgba(91, 231, 255, .20);
  border-radius:6px;
  background:rgba(1, 10, 14, .94);
  color:var(--activity-ink);
  box-sizing:border-box;
  padding:8px 10px;
  font:inherit;
  outline:none;
}

.dry-records-activity-app .activityControl select:focus,
.dry-records-activity-app .activityControl input:focus{
  border-color:var(--activity-green);
  box-shadow:0 0 0 3px rgba(53, 255, 143, .14), 0 0 22px rgba(43, 168, 255, .10);
}

.dry-records-activity-app .activityReset,
.dry-records-activity-app .activityTab,
.dry-records-activity-app .activityBarRow,
.dry-records-activity-app .activityListRow{
  cursor:pointer;
}

.dry-records-activity-app .activityReset{
  min-height:42px;
  border:1px solid rgba(255, 51, 79, .42);
  border-radius:6px;
  background:linear-gradient(135deg, rgba(255, 54, 85, .20), rgba(43, 168, 255, .10));
  color:#ffdce2;
  font-weight:800;
  padding:8px 14px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dry-records-activity-app .activityTabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:6px;
  border:1px solid rgba(53, 255, 143, .18);
  border-radius:8px;
  background:rgba(1, 8, 12, .78);
}

.dry-records-activity-app .activityTab{
  min-height:38px;
  border:1px solid var(--activity-line);
  border-radius:6px;
  background:rgba(2, 13, 17, .66);
  color:#a8c5d8;
  font-weight:850;
  letter-spacing:0;
  padding:8px 16px;
  transition:transform .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.dry-records-activity-app .activityTab.is-active{
  color:#fff;
  border-color:rgba(53, 255, 143, .54);
  background:
    linear-gradient(90deg, rgba(53, 255, 143, .18), rgba(43, 168, 255, .22), rgba(255, 54, 85, .15)),
    rgba(4, 16, 22, .96);
  box-shadow:0 0 22px rgba(53, 255, 143, .14), 0 0 24px rgba(43, 168, 255, .14);
}

.dry-records-activity-app .activitySummary{
  display:grid;
  grid-template-columns:repeat(6, minmax(118px, 1fr));
  gap:10px;
  margin:0;
}

.dry-records-activity-app .activityMetric,
.dry-records-activity-app .activityPanel,
.dry-records-activity-app .activityListPanel,
.dry-records-activity-app .activityDetail,
.dry-records-activity-app .activityStatus,
.dry-records-activity-app .activityEmpty{
  border:1px solid var(--activity-line);
  border-radius:8px;
  background:var(--activity-surface);
  box-shadow:0 12px 34px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(10px);
}

.dry-records-activity-app .activityMetric{
  position:relative;
  overflow:hidden;
  min-width:0;
  min-height:74px;
  padding:13px 14px;
  color:inherit;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.dry-records-activity-app .activityMetric::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:var(--activity-hud);
  opacity:.82;
}

.dry-records-activity-app .activityMetric::after{
  content:"";
  position:absolute;
  inset:auto -24px -28px auto;
  width:92px;
  height:92px;
  border:1px solid rgba(53, 255, 143, .14);
  border-radius:50%;
  box-shadow:0 0 26px rgba(43, 168, 255, .10);
  pointer-events:none;
}

.dry-records-activity-app button.activityMetric{
  cursor:pointer;
}

.dry-records-activity-app .activityPreviewTrigger{
  font:inherit;
}

.dry-records-activity-app .activityPreviewTrigger:hover{
  border-color:rgba(53, 255, 143, .48);
  box-shadow:0 0 22px rgba(53, 255, 143, .14), 0 0 24px rgba(43, 168, 255, .12);
  transform:translateY(-1px);
}

.dry-records-activity-app .activityMetric span{
  display:block;
  color:#a2d8c0;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
}

.dry-records-activity-app .activityMetric strong{
  display:block;
  margin-top:6px;
  color:#f7fbff;
  font-size:24px;
  line-height:1.1;
  overflow-wrap:anywhere;
}

.dry-records-activity-app .activityStatus,
.dry-records-activity-app .activityEmpty{
  padding:14px;
  color:var(--activity-muted);
}

.dry-records-activity-app .activityStatus[hidden]{
  display:none !important;
}

.dry-records-activity-app .activityWorkspace{
  min-height:520px;
}

.dry-records-activity-app .activityPanelGrid{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) minmax(310px, .82fr);
  gap:14px;
}

.dry-records-activity-app .activityPanelGrid .wide{
  min-width:0;
}

.dry-records-activity-app .activityPanelGrid .full{
  grid-column:1 / -1;
}

.dry-records-activity-app .activityPanel{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:16px;
}

.dry-records-activity-app .activityPanel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(53, 255, 143, .58), rgba(43, 168, 255, .44), rgba(255, 54, 85, .48), transparent);
  opacity:.76;
}

.dry-records-activity-app .activityPanelHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.dry-records-activity-app .activityPanelHead h2,
.dry-records-activity-app .activityDetail h2{
  margin:0;
  color:#f8fbff;
  font-size:19px;
  line-height:1.1;
  letter-spacing:0;
}

.dry-records-activity-app .activityPanelHead span{
  color:#8ebfd1;
  font-size:12px;
  white-space:nowrap;
}

.dry-records-activity-app .activityBarChart{
  display:grid;
  gap:7px;
}

.dry-records-activity-app .activityBarRow{
  display:grid;
  grid-template-columns:minmax(120px, 1.2fr) minmax(120px, 2fr) 62px;
  gap:10px;
  align-items:center;
  width:100%;
  border:1px solid rgba(91, 231, 255, .11);
  border-radius:6px;
  background:rgba(1, 9, 12, .54);
  color:var(--activity-ink);
  padding:9px 10px;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.dry-records-activity-app .activityReset:hover,
.dry-records-activity-app .activityTab:hover,
.dry-records-activity-app .activityBarRow:hover,
.dry-records-activity-app .activityListRow:hover{
  transform:translateY(-1px);
  border-color:rgba(53, 255, 143, .34);
  box-shadow:0 0 20px rgba(53, 255, 143, .08), 0 0 20px rgba(43, 168, 255, .08);
}

.dry-records-activity-app .activityBarLabel{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dry-records-activity-app .activityBarTrack{
  height:9px;
  border-radius:999px;
  background:#020b10;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045), inset 0 0 12px rgba(0,0,0,.45);
}

.dry-records-activity-app .activityBarTrack span,
.dry-records-activity-app .activityTrack span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--activity-hud);
  box-shadow:0 0 16px rgba(53, 255, 143, .34), 0 0 18px rgba(43, 168, 255, .24);
}

.dry-records-activity-app .activityBarRow strong{
  color:#fff;
  text-align:right;
}

.dry-records-activity-app .activityDonutCard{
  display:grid;
  grid-template-columns:132px minmax(0, 1fr);
  gap:14px;
  align-items:center;
  min-height:156px;
}

.dry-records-activity-app .activityDonut{
  width:126px;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center, #020b10 0 55%, transparent 56%),
    conic-gradient(var(--activity-blue) calc(var(--donut-a) * 1%), var(--activity-red) 0);
  box-shadow:0 0 28px rgba(43, 168, 255, .18), 0 0 30px rgba(53, 255, 143, .10);
}

.dry-records-activity-app .activityDonut span{
  color:#fff;
  font-size:24px;
  font-weight:900;
}

.dry-records-activity-app .activityDonutCard h3{
  margin:0 0 10px;
  color:#fff;
}

.dry-records-activity-app .activityLegend{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
  margin:7px 0;
  color:var(--activity-muted);
  font:inherit;
}

.dry-records-activity-app .activityLegend span{
  width:10px;
  height:10px;
  border-radius:50%;
}

.dry-records-activity-app .activityLegend .blue{ background:var(--activity-blue); }
.dry-records-activity-app .activityLegend .red{ background:var(--activity-red); }
.dry-records-activity-app .activityLegend b{ color:#fff; margin-left:auto; }

.dry-records-activity-app .activitySplitLayout{
  display:grid;
  grid-template-columns:minmax(270px, 360px) minmax(0, 1fr);
  gap:14px;
}

.dry-records-activity-app .activityListPanel{
  min-width:0;
  padding:12px;
  max-height:680px;
  overflow:auto;
}

.dry-records-activity-app .activityOfficerDrilldown{
  display:grid;
  grid-template-columns:minmax(220px, 300px) minmax(0, 1fr);
  gap:12px;
  margin-top:14px;
}

.dry-records-activity-app .activityOfficerPicker{
  max-height:420px;
}

.dry-records-activity-app .activityOfficerProfile{
  min-width:0;
}

.dry-records-activity-app .activityMiniGrid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:10px;
  margin-top:12px;
}

.dry-records-activity-app .activityOfficerCharges{
  margin-top:12px;
}

.dry-records-activity-app .activityList{
  display:grid;
  gap:6px;
}

.dry-records-activity-app .activityListRow{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 72px;
  gap:10px;
  align-items:center;
  width:100%;
  border:1px solid rgba(91, 231, 255, .11);
  border-radius:6px;
  background:rgba(1, 9, 12, .54);
  color:var(--activity-ink);
  padding:10px;
  text-align:left;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.dry-records-activity-app .activityListRow.is-selected{
  border-color:rgba(53, 255, 143, .52);
  background:linear-gradient(90deg, rgba(53, 255, 143, .15), rgba(43, 168, 255, .14), rgba(255, 54, 85, .08));
  box-shadow:0 0 22px rgba(53, 255, 143, .10);
}

.dry-records-activity-app .activityListRow b,
.dry-records-activity-app .activityListRow em{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dry-records-activity-app .activityListRow em{
  margin-top:3px;
  color:var(--activity-muted);
  font-style:normal;
  font-size:12px;
}

.dry-records-activity-app .activityListRow strong{
  color:#fff;
  text-align:right;
}

.dry-records-activity-app .activityDetail{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:18px;
}

.dry-records-activity-app .activityDetail::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(43, 168, 255, .58), rgba(53, 255, 143, .45), rgba(255, 54, 85, .48), transparent);
}

.dry-records-activity-app .activityDetailTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--activity-line);
}

.dry-records-activity-app .activityCounty{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(53, 255, 143, .22);
  background:rgba(53, 255, 143, .10);
  color:#c6ffdf;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.dry-records-activity-app .activityDepartmentStats{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.dry-records-activity-app .activityDepartmentStats span,
.dry-records-activity-app .activityStatPill{
  border:1px solid rgba(91, 231, 255, .13);
  border-radius:6px;
  background:rgba(1, 9, 12, .58);
  padding:8px 10px;
  color:var(--activity-muted);
  font-size:12px;
}

.dry-records-activity-app .activityStatPill{
  cursor:pointer;
  font:inherit;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dry-records-activity-app .activityStatPill:hover,
.dry-records-activity-app .activityCharge:hover{
  transform:translateY(-1px);
  border-color:rgba(53, 255, 143, .36);
  box-shadow:0 0 18px rgba(53, 255, 143, .10), 0 0 20px rgba(43, 168, 255, .08);
}

.dry-records-activity-app .activityDepartmentStats b,
.dry-records-activity-app .activityStatPill b{
  color:#fff;
}

.dry-records-activity-app .activityDetailGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  padding-top:14px;
}

.dry-records-activity-app .activitySplitTitle{
  margin:0 0 8px;
  color:#cefde1;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.dry-records-activity-app .activitySplitRow{
  display:grid;
  grid-template-columns:72px minmax(80px, 1fr) 54px;
  gap:8px;
  align-items:center;
  margin:7px 0;
  color:var(--activity-muted);
  font-size:13px;
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
}

.dry-records-activity-app .activitySplitRow strong{
  color:#fff;
  text-align:right;
}

.dry-records-activity-app .activityTrack{
  height:8px;
  border-radius:999px;
  background:#020b10;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045), inset 0 0 12px rgba(0,0,0,.45);
}

.dry-records-activity-app .activityChargeList{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.dry-records-activity-app .activityCharge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  border:1px solid rgba(91, 231, 255, .14);
  border-radius:999px;
  background:rgba(1, 10, 14, .82);
  color:#dff6ff;
  padding:6px 9px;
  font-size:12px;
  cursor:pointer;
  font:inherit;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dry-records-activity-app .activityCharge b{
  min-width:0;
  overflow-wrap:anywhere;
}

.dry-records-activity-app .activityCharge span{
  color:var(--activity-amber);
  font-weight:900;
}

.dry-records-activity-app .activityPreviewOverlay,
.dry-records-activity-app .activityDepartmentOverlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(1, 5, 8, .82);
  backdrop-filter:blur(10px);
}

.dry-records-activity-app .activityDepartmentOverlay{
  z-index:99999;
}

.dry-records-activity-app .activityPreviewOverlay{
  z-index:100000;
}

.dry-records-activity-app .activityPreviewOverlay.show,
.dry-records-activity-app .activityDepartmentOverlay.show{
  display:flex;
}

body.dry-records-activity-preview-open,
body.dry-records-activity-department-open{
  overflow:hidden;
}

body.dry-records-activity-preview-open .dry-records-activity-app,
body.dry-records-activity-department-open .dry-records-activity-app{
  z-index:2147482990;
}

.dry-records-activity-app .activityPreviewModal{
  position:relative;
  width:min(1040px, 100%);
  max-height:min(780px, calc(100dvh - 44px));
  display:grid;
  grid-template-rows:auto minmax(0, 1fr) auto;
  border:1px solid rgba(53, 255, 143, .24);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(3, 17, 18, .98), rgba(5, 9, 16, .98)),
    #020407;
  color:var(--activity-ink);
  box-shadow:0 28px 90px rgba(0, 0, 0, .58), 0 0 42px rgba(53, 255, 143, .13), 0 0 44px rgba(43, 168, 255, .12);
  overflow:hidden;
}

.dry-records-activity-app .activityPreviewModal::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--activity-hud);
}

.dry-records-activity-app .activityPreviewHead,
.dry-records-activity-app .activityPreviewPager,
.dry-records-activity-app .activityDepartmentModalHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-bottom:1px solid var(--activity-line);
}

.dry-records-activity-app .activityPreviewPager{
  border-top:1px solid var(--activity-line);
  border-bottom:0;
}

.dry-records-activity-app .activityPreviewHead h2,
.dry-records-activity-app .activityDepartmentModalHead h2{
  margin:0;
  font-size:22px;
  line-height:1.1;
}

.dry-records-activity-app .activityPreviewHead p,
.dry-records-activity-app .activityDepartmentModalHead p{
  margin:5px 0 0;
  color:var(--activity-muted);
}

.dry-records-activity-app .activityPreviewClose,
.dry-records-activity-app .activityPreviewPager button{
  min-height:38px;
  border:1px solid rgba(91, 231, 255, .24);
  border-radius:7px;
  background:rgba(1, 10, 14, .86);
  color:#dff6ff;
  padding:8px 12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
}

.dry-records-activity-app .activityPreviewPager button:disabled{
  cursor:not-allowed;
  opacity:.45;
}

.dry-records-activity-app .activityPreviewPager span{
  color:var(--activity-muted);
  font-size:13px;
  font-weight:800;
}

.dry-records-activity-app .activityPreviewList{
  min-height:240px;
  overflow:auto;
  padding:14px;
  display:grid;
  gap:10px;
}

.dry-records-activity-app .activityPreviewCard{
  display:grid;
  grid-template-columns:96px minmax(0, 1fr);
  gap:12px;
  border:1px solid rgba(91, 231, 255, .16);
  border-radius:8px;
  background:rgba(1, 9, 12, .66);
  color:inherit;
  padding:10px;
  text-decoration:none;
}

.dry-records-activity-app .activityPreviewCard:hover{
  border-color:rgba(53, 255, 143, .38);
  box-shadow:0 0 24px rgba(53, 255, 143, .10), 0 0 22px rgba(255, 54, 85, .08);
}

.dry-records-activity-app .activityPreviewImage{
  width:96px;
  aspect-ratio:3 / 4;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#020b10;
  overflow:hidden;
  color:#6f92a8;
  font-size:12px;
  font-weight:800;
  text-align:center;
}

.dry-records-activity-app .activityPreviewImage img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.dry-records-activity-app .activityPreviewInfo{
  min-width:0;
}

.dry-records-activity-app .activityPreviewName{
  color:#fff;
  font-size:18px;
  font-weight:900;
  overflow-wrap:anywhere;
}

.dry-records-activity-app .activityPreviewMeta,
.dry-records-activity-app .activityPreviewCharges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}

.dry-records-activity-app .activityPreviewMeta span,
.dry-records-activity-app .activityPreviewCharges span{
  border:1px solid rgba(91, 231, 255, .14);
  border-radius:999px;
  background:rgba(1, 10, 14, .72);
  color:#9fc4d7;
  padding:4px 7px;
  font-size:12px;
}

.dry-records-activity-app .activityPreviewGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:7px;
  margin-top:9px;
}

.dry-records-activity-app .activityPreviewGrid span{
  min-width:0;
  color:var(--activity-muted);
  font-size:12px;
}

.dry-records-activity-app .activityPreviewGrid b{
  display:block;
  margin-top:2px;
  color:#f5fbff;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dry-records-activity-app .activityPreviewEmpty{
  border:1px solid var(--activity-line);
  border-radius:8px;
  background:rgba(1, 9, 12, .66);
  color:var(--activity-muted);
  padding:16px;
}

@media (prefers-reduced-motion: reduce){
  .dry-records-activity-app,
  .dry-records-activity-app *,
  .dry-records-activity-app::before,
  .dry-records-activity-app::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

@media (max-width:960px){
  .dry-records-activity-app .activityControls,
  .dry-records-activity-app .activityPanelGrid,
  .dry-records-activity-app .activitySplitLayout,
  .dry-records-activity-app .activityOfficerDrilldown,
  .dry-records-activity-app .activityDetailGrid{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activitySummary{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dry-records-activity-app .activityListPanel{
    max-height:360px;
  }

  .dry-records-activity-app .activityOfficerPicker{
    max-height:280px;
  }
}

@media (max-width:620px){
  .dry-records-activity-app{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }

  .dry-records-activity-app .activityShell{
    width:min(100% - 18px, 1220px);
    padding-top:14px;
    padding-bottom:26px;
  }

  .dry-records-activity-app .activityHeader,
  .dry-records-activity-app .activityDetailTop{
    display:grid;
    gap:12px;
  }

  .dry-records-activity-app .activityHeader{
    padding:18px;
  }

  .dry-records-activity-app .activityHeader h1{
    font-size:30px;
  }

  .dry-records-activity-app .activityStamp{
    width:max-content;
    max-width:100%;
  }

  .dry-records-activity-app .activityTabs{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .dry-records-activity-app .activitySummary{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityMiniGrid{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityBarRow{
    grid-template-columns:1fr 58px;
  }

  .dry-records-activity-app .activityBarTrack{
    grid-column:1 / -1;
    grid-row:2;
  }

  .dry-records-activity-app .activityDonutCard{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityPreviewOverlay{
    padding:10px;
  }

  .dry-records-activity-app .activityPreviewModal{
    max-height:calc(100dvh - 20px);
  }

  .dry-records-activity-app .activityPreviewHead,
  .dry-records-activity-app .activityPreviewPager{
    align-items:flex-start;
    display:grid;
  }

  .dry-records-activity-app .activityPreviewCard{
    grid-template-columns:72px minmax(0, 1fr);
  }

  .dry-records-activity-app .activityPreviewImage{
    width:72px;
  }

  .dry-records-activity-app .activityPreviewGrid{
    grid-template-columns:1fr;
  }
}

/* Activity dashboard refresh */
.dry-records-activity-app{
  --activity-bg:#010604;
  --activity-surface:rgba(1, 12, 10, .84);
  --activity-surface-2:rgba(2, 22, 18, .72);
  --activity-ink:#eefef5;
  --activity-muted:#8bb9a5;
  --activity-line:rgba(57, 255, 136, .16);
  --activity-blue:#2ea8ff;
  --activity-red:#ff335c;
  --activity-green:#39ff88;
  --activity-cyan:#69f7ff;
  --activity-hud:linear-gradient(90deg, var(--activity-green), var(--activity-green), var(--activity-blue), var(--activity-red));
  background:
    radial-gradient(780px 460px at 14% 0%, rgba(57, 255, 136, .14), transparent 58%),
    radial-gradient(720px 380px at 86% 10%, rgba(46, 168, 255, .09), transparent 55%),
    radial-gradient(680px 360px at 72% 100%, rgba(255, 51, 92, .07), transparent 58%),
    linear-gradient(180deg, #020806, #010303);
}

.dry-records-activity-app::before{
  background-image:
    repeating-linear-gradient(90deg, rgba(57, 255, 136, .055) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(180deg, rgba(57, 255, 136, .045) 0 1px, transparent 1px 44px),
    linear-gradient(115deg, transparent 0 36%, rgba(46, 168, 255, .045) 46%, transparent 58%);
  background-size:72px 72px, 44px 44px, 180% 100%;
  opacity:.58;
  animation:activityMatrix 30s linear infinite;
}

.dry-records-activity-app::after{
  background:
    repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 10px),
    linear-gradient(90deg, transparent 0 18%, rgba(46, 168, 255, .12) 30%, transparent 42%, transparent 58%, rgba(255, 51, 92, .10) 70%, transparent 82%);
  animation:activityPoliceSweep 16s ease-in-out infinite alternate;
  opacity:.42;
}

.dry-records-activity-app .activityShell{
  position:relative;
  gap:16px;
  padding-top:24px;
}

.dry-records-activity-app .activityShell::before{
  content:"010010 ACTIVITY MATRIX 101101 DEPT UNIT INDEX 001011 OFFICER SIGNAL 110010 ";
  position:absolute;
  top:8px;
  right:0;
  left:0;
  height:18px;
  overflow:hidden;
  color:rgba(57, 255, 136, .42);
  font:700 11px/18px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing:.08em;
  white-space:nowrap;
  pointer-events:none;
  animation:activityMatrixText 18s linear infinite;
}

@keyframes activityMatrixText{
  from{ transform:translateX(0); opacity:.28; }
  50%{ opacity:.58; }
  to{ transform:translateX(-220px); opacity:.28; }
}

.dry-records-activity-app .activityHeader{
  padding:22px 24px;
  border-color:rgba(57, 255, 136, .18);
  background:
    linear-gradient(120deg, rgba(57, 255, 136, .12), rgba(2, 14, 11, .72) 42%, rgba(1, 8, 12, .88)),
    rgba(1, 8, 7, .86);
  box-shadow:0 22px 58px rgba(0, 0, 0, .30), inset 0 0 0 1px rgba(255,255,255,.025);
}

.dry-records-activity-app .activityHeader h1{
  font-size:36px;
  text-shadow:0 0 20px rgba(57, 255, 136, .28);
}

.dry-records-activity-app .activitySub{
  color:#9bcbb2;
}

.dry-records-activity-app .activityControls,
.dry-records-activity-app .activityTabs{
  background:rgba(1, 9, 8, .72);
  box-shadow:none;
}

.dry-records-activity-app .activityTabs{
  width:100%;
  justify-content:flex-start;
}

.dry-records-activity-app .activityTab{
  border-color:transparent;
  background:transparent;
  color:#9ac9b0;
  padding-inline:18px;
}

.dry-records-activity-app .activityTab.is-active{
  color:#06130d;
  border-color:rgba(57, 255, 136, .72);
  background:linear-gradient(90deg, rgba(57, 255, 136, .94), rgba(105, 247, 255, .72));
  box-shadow:0 0 24px rgba(57, 255, 136, .16);
}

.dry-records-activity-app .activitySummary{
  grid-template-columns:repeat(6, minmax(112px, 1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(57, 255, 136, .14);
  border-radius:8px;
  background:rgba(57, 255, 136, .10);
}

.dry-records-activity-app .activityMetric{
  min-height:68px;
  border:0;
  border-radius:0;
  background:rgba(1, 12, 10, .78);
  box-shadow:none;
}

.dry-records-activity-app .activityMetric::before{
  background:linear-gradient(90deg, rgba(57, 255, 136, .86), transparent 78%);
}

.dry-records-activity-app .activityMetric::after{
  display:none;
}

.dry-records-activity-app .activityMetric span{
  color:#9fd7ba;
}

.dry-records-activity-app .activityMetric strong{
  color:#f4fff8;
  font-size:22px;
}

.dry-records-activity-app .activityPanel,
.dry-records-activity-app .activityDetail,
.dry-records-activity-app .activityStatus,
.dry-records-activity-app .activityEmpty{
  border-color:rgba(57, 255, 136, .14);
  background:rgba(1, 12, 10, .72);
  box-shadow:none;
}

.dry-records-activity-app .activityPanel{
  padding:18px;
}

.dry-records-activity-app .activityPanelHead h2,
.dry-records-activity-app .activityDetail h2{
  color:#f4fff8;
}

.dry-records-activity-app .activityPanelHead span{
  color:#82bba3;
}

.dry-records-activity-app .activityBarChart{
  gap:8px;
}

.dry-records-activity-app .activityBarRow{
  grid-template-columns:minmax(160px, 1.3fr) minmax(160px, 2fr) 72px;
  border-color:rgba(57, 255, 136, .12);
  border-radius:6px;
  background:rgba(2, 18, 14, .58);
  box-shadow:none;
}

.dry-records-activity-app .activityBarRow:nth-child(3n) .activityBarTrack span{
  background:linear-gradient(90deg, var(--activity-green), var(--activity-blue));
}

.dry-records-activity-app .activityBarRow:nth-child(3n + 1) .activityBarTrack span{
  background:linear-gradient(90deg, var(--activity-green), #b8ffd5);
}

.dry-records-activity-app .activityBarRow:nth-child(3n + 2) .activityBarTrack span{
  background:linear-gradient(90deg, var(--activity-green), var(--activity-red));
}

.dry-records-activity-app .activityBarTrack,
.dry-records-activity-app .activityTrack{
  height:10px;
  background:rgba(0, 0, 0, .38);
}

.dry-records-activity-app .activityBarTrack span,
.dry-records-activity-app .activityTrack span{
  background:linear-gradient(90deg, var(--activity-green), var(--activity-blue));
}

.dry-records-activity-app .activityDonutCard{
  grid-template-columns:118px minmax(0, 1fr);
}

.dry-records-activity-app .activityDonut{
  width:112px;
  background:
    radial-gradient(circle at center, #020b08 0 56%, transparent 57%),
    conic-gradient(var(--activity-green) calc(var(--donut-a) * 1%), var(--activity-red) 0);
}

.dry-records-activity-app .activityDepartmentFlow{
  display:grid;
  gap:14px;
}

.dry-records-activity-app .activityDepartmentGrid,
.dry-records-activity-app .activityOfficerGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}

.dry-records-activity-app .activityDepartmentTile,
.dry-records-activity-app .activityOfficerTile{
  display:grid;
  gap:8px;
  min-width:0;
  min-height:126px;
  border:1px solid rgba(57, 255, 136, .13);
  border-radius:7px;
  background:
    linear-gradient(145deg, rgba(57, 255, 136, .09), transparent 52%),
    rgba(2, 16, 13, .72);
  color:var(--activity-ink);
  padding:14px;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.dry-records-activity-app .activityOfficerTile{
  min-height:104px;
}

.dry-records-activity-app .activityDepartmentTile:hover,
.dry-records-activity-app .activityOfficerTile:hover,
.dry-records-activity-app .activityDepartmentTile.is-selected,
.dry-records-activity-app .activityOfficerTile.is-selected{
  transform:translateY(-1px);
  border-color:rgba(57, 255, 136, .54);
  background:
    linear-gradient(145deg, rgba(57, 255, 136, .16), rgba(46, 168, 255, .08) 58%, rgba(255, 51, 92, .05)),
    rgba(2, 19, 15, .86);
  box-shadow:0 0 24px rgba(57, 255, 136, .10);
}

.dry-records-activity-app .activityDepartmentTile b,
.dry-records-activity-app .activityOfficerTile b{
  color:#f4fff8;
  font-size:16px;
  line-height:1.18;
  overflow-wrap:anywhere;
}

.dry-records-activity-app .activityTileKicker,
.dry-records-activity-app .activityTileMeta,
.dry-records-activity-app .activityOfficerTile span,
.dry-records-activity-app .activityOfficerTile em{
  color:#9bcbb2;
  font-size:12px;
  font-style:normal;
}

.dry-records-activity-app .activityTileGraph{
  display:block;
  height:8px;
  border-radius:999px;
  background:
    linear-gradient(90deg, var(--activity-green) 0 calc(var(--tile-pct, 0) * 1%), rgba(46, 168, 255, .22) 0),
    rgba(0,0,0,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.dry-records-activity-app .activityTileStats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:7px;
}

.dry-records-activity-app .activityTileStats span{
  color:#8fbca7;
  font-size:11px;
}

.dry-records-activity-app .activityTileStats strong{
  display:block;
  color:#f4fff8;
  font-size:17px;
}

.dry-records-activity-app .activityDetail{
  padding:0;
}

.dry-records-activity-app .activityDetailTop{
  padding:18px;
  border-bottom-color:rgba(57, 255, 136, .14);
}

.dry-records-activity-app .activityCounty{
  border-radius:6px;
  border-color:rgba(57, 255, 136, .24);
  background:rgba(57, 255, 136, .12);
}

.dry-records-activity-app .activitySignalStats{
  display:grid;
  grid-template-columns:repeat(4, minmax(104px, 1fr));
  gap:8px;
  min-width:min(100%, 520px);
}

.dry-records-activity-app .activitySignalStats span,
.dry-records-activity-app .activityStatButton{
  min-height:50px;
  border:1px solid rgba(57, 255, 136, .12);
  border-radius:6px;
  background:rgba(2, 18, 14, .58);
  color:#98c9ae;
  padding:8px 10px;
  text-align:left;
  font:inherit;
}

.dry-records-activity-app .activityStatButton{
  cursor:pointer;
}

.dry-records-activity-app .activitySignalStats b,
.dry-records-activity-app .activityStatButton b{
  display:block;
  color:#f4fff8;
  font-size:18px;
  line-height:1.05;
}

.dry-records-activity-app .activityDetailGrid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  padding:14px 18px 0;
}

.dry-records-activity-app .activityDetailGrid .activityPanel{
  border:0;
  background:rgba(2, 18, 14, .42);
  box-shadow:none;
}

.dry-records-activity-app .activityOfficerDrilldown{
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
  padding:14px 18px 18px;
}

.dry-records-activity-app .activityOfficerPicker{
  max-height:none;
}

.dry-records-activity-app .activityMiniGrid{
  margin-top:14px;
}

.dry-records-activity-app .activitySplitRow{
  grid-template-columns:68px minmax(80px, 1fr) 54px;
}

.dry-records-activity-app .activityChargeGrid{
  display:grid;
  gap:7px;
}

.dry-records-activity-app .activityCharge{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  width:100%;
  border-radius:6px;
  border-color:rgba(57, 255, 136, .12);
  background:rgba(2, 18, 14, .58);
  padding:9px 10px;
}

.dry-records-activity-app .activityCharge span{
  color:var(--activity-green);
}

.dry-records-activity-app .activityPreviewModal{
  width:min(1120px, 100%);
  border-color:rgba(57, 255, 136, .24);
  background:#020705;
}

.dry-records-activity-app .activityPreviewList{
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  align-content:start;
}

.dry-records-activity-app .activityPreviewCard{
  grid-template-columns:84px minmax(0, 1fr);
  border-color:rgba(57, 255, 136, .12);
  background:rgba(2, 18, 14, .68);
}

.dry-records-activity-app .activityPreviewImage{
  width:84px;
}

.dry-records-activity-app .activityPreviewMeta span,
.dry-records-activity-app .activityPreviewCharges span{
  border-radius:5px;
  background:rgba(1, 10, 8, .68);
  border-color:rgba(57, 255, 136, .10);
}

.dry-records-activity-app .activityDepartmentOverlay{
  padding:18px;
}

.dry-records-activity-app .activityDepartmentModal{
  position:relative;
  width:min(1280px, 100%);
  max-height:calc(100dvh - 36px);
  display:grid;
  grid-template-rows:auto minmax(0, 1fr);
  border:1px solid rgba(57, 255, 136, .25);
  border-radius:8px;
  background:
    linear-gradient(140deg, rgba(2, 18, 14, .98), rgba(2, 7, 10, .99) 48%, rgba(7, 10, 16, .99)),
    #020705;
  color:var(--activity-ink);
  box-shadow:0 30px 96px rgba(0, 0, 0, .68), 0 0 44px rgba(57, 255, 136, .15), 0 0 38px rgba(43, 168, 255, .10);
  overflow:hidden;
}

.dry-records-activity-app .activityDepartmentModal::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--activity-hud);
}

.dry-records-activity-app .activityDepartmentModalScroll{
  min-height:0;
  overflow:auto;
  display:grid;
  gap:14px;
  padding:14px;
}

.dry-records-activity-app .activityDepartmentModalBody{
  display:grid;
  gap:14px;
}

.dry-records-activity-app .activityDepartmentModalSummary{
  display:grid;
  gap:14px;
}

.dry-records-activity-app .activityDepartmentModalGraphs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}

.dry-records-activity-app .activityDepartmentModalGraphs .activityPanel,
.dry-records-activity-app .activityDepartmentModalOfficers,
.dry-records-activity-app .activityDepartmentModalRecords{
  border-color:rgba(57, 255, 136, .13);
  background:rgba(2, 18, 14, .58);
  box-shadow:none;
}

.dry-records-activity-app .activityDepartmentOfficerSurface{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(260px, .65fr);
  gap:12px;
  align-items:start;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerGrid{
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
}

.dry-records-activity-app .activityOfficerSignal{
  position:sticky;
  top:10px;
  display:grid;
  gap:12px;
  min-width:0;
  border:1px solid rgba(57, 255, 136, .16);
  border-radius:7px;
  background:
    linear-gradient(145deg, rgba(57, 255, 136, .10), rgba(43, 168, 255, .06)),
    rgba(1, 12, 10, .74);
  padding:14px;
}

.dry-records-activity-app .activityOfficerSignal.is-muted{
  border-color:rgba(43, 168, 255, .16);
  background:rgba(1, 12, 14, .60);
}

.dry-records-activity-app .activityOfficerSignal > span,
.dry-records-activity-app .activityOfficerSignalTitle span{
  color:var(--activity-green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.dry-records-activity-app .activityOfficerSignal b,
.dry-records-activity-app .activityOfficerSignalTitle b{
  color:#f4fff8;
  font-size:19px;
  line-height:1.15;
  overflow-wrap:anywhere;
}

.dry-records-activity-app .activityOfficerSignal em,
.dry-records-activity-app .activityOfficerSignalTitle em{
  color:#9bcbb2;
  font-size:12px;
  font-style:normal;
}

.dry-records-activity-app .activityOfficerSignalTitle{
  display:grid;
  gap:4px;
}

.dry-records-activity-app .activityOfficerSignalStats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.dry-records-activity-app .activityOfficerSignalStats span,
.dry-records-activity-app .activityOfficerSignalStats .activityStatButton{
  min-height:48px;
  border:1px solid rgba(57, 255, 136, .12);
  border-radius:6px;
  background:rgba(2, 18, 14, .58);
  color:#98c9ae;
  padding:8px 10px;
  text-align:left;
}

.dry-records-activity-app .activityOfficerSignalStats b{
  display:block;
  color:#f4fff8;
  font-size:18px;
}

.dry-records-activity-app .activityDepartmentModalRecords{
  display:grid;
  gap:0;
  overflow:hidden;
}

.dry-records-activity-app .activityDepartmentModalRecords .activityPanelHead{
  padding:14px;
}

.dry-records-activity-app .activityRecordLaunch{
  display:none;
  width:calc(100% - 28px);
  margin:0 14px 14px;
  border:1px solid rgba(50, 232, 131, .22);
  border-radius:7px;
  background:
    linear-gradient(135deg, rgba(50, 232, 131, .14), rgba(45, 131, 170, .10)),
    rgba(1, 12, 10, .78);
  color:var(--activity-ink);
  padding:13px 14px;
  text-align:left;
  cursor:pointer;
}

.dry-records-activity-app .activityRecordLaunch span{
  display:block;
  color:#9bcbb2;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dry-records-activity-app .activityRecordLaunch b{
  display:block;
  margin-top:3px;
  color:#f4fff8;
  font-size:18px;
}

.dry-records-activity-app .activityDepartmentRecordGrid{
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  max-height:min(48dvh, 520px);
  border-top:1px solid rgba(57, 255, 136, .12);
}

.dry-records-activity-app .activityDepartmentRecordGrid .activityPreviewCard{
  min-height:132px;
}

.dry-records-activity-app .activityOfficerAll{
  border-color:rgba(43, 168, 255, .25);
  background:
    linear-gradient(145deg, rgba(43, 168, 255, .12), rgba(57, 255, 136, .08)),
    rgba(2, 18, 14, .70);
}

body:has(.dry-records-activity-app) :where(.wp-site-blocks,.entry-content,.wp-block-post-content) > :where(.wp-block-group,.wp-block-columns,.wp-block-column,.alignfull,.alignwide):has(.dry-records-activity-app){
  margin-block-end:0 !important;
  padding-block-end:0 !important;
}

body:has(.dry-records-activity-app) :where(.entry-content,.wp-block-post-content) :where(.wp-block-columns,.wp-block-column,.wp-block-group):has(.dry-records-activity-app){
  margin-block-end:0 !important;
  padding-block-end:0 !important;
}

body:has(.dry-records-activity-app) :where(.wp-site-blocks,.entry-content,.wp-block-post-content) > :where(.wp-block-group,.wp-block-columns,.wp-block-column,.alignfull,.alignwide):has(.dry-records-activity-app) + *{
  margin-block-start:0 !important;
}

body:has(.dry-records-activity-app) :where(footer,.wp-block-template-part:has(footer),.wp-site-blocks > .wp-block-template-part){
  margin-block-start:0 !important;
}

body:has(.dry-records-activity-app) :where(main,.entry-content,.wp-block-post-content,.wp-site-blocks > main):has(.dry-records-activity-app){
  margin-block-start:0 !important;
  margin-block-end:0 !important;
  padding-block-start:0 !important;
  padding-block-end:0 !important;
}

body:has(.dry-records-activity-app) :where(.wp-block-post-content,.entry-content) > :where(.wp-block-group,.wp-block-cover,.wp-block-columns,.wp-block-column,.alignfull,.alignwide,.wp-block-template-part):has(.dry-records-activity-app){
  margin-block-start:0 !important;
  margin-block-end:0 !important;
  padding-block-start:0 !important;
  padding-block-end:0 !important;
}

body:has(.dry-records-activity-app) .dry-records-activity-app{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

@media (max-width:960px){
  .dry-records-activity-app .activityDepartmentGrid,
  .dry-records-activity-app .activityOfficerGrid{
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  }

  .dry-records-activity-app .activitySignalStats,
  .dry-records-activity-app .activityDetailGrid,
  .dry-records-activity-app .activityOfficerDrilldown,
  .dry-records-activity-app .activityDepartmentModalGraphs,
  .dry-records-activity-app .activityDepartmentOfficerSurface{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityOfficerSignal{
    position:relative;
    top:auto;
  }
}

@media (max-width:620px){
  .dry-records-activity-app .activitySummary{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dry-records-activity-app .activityBarRow{
    grid-template-columns:1fr 62px;
  }

  .dry-records-activity-app .activityPreviewList{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityDepartmentOverlay{
    padding:8px;
  }

  .dry-records-activity-app .activityDepartmentModal{
    max-height:calc(100dvh - 16px);
  }

  .dry-records-activity-app .activityDepartmentRecordGrid{
    grid-template-columns:1fr;
    max-height:none;
  }
}

@media (max-width:782px){
  .dry-records-activity-app{
    width:100%;
    max-width:100%;
    min-height:auto;
    margin-left:0;
    margin-right:0;
    overflow:hidden;
  }

  .dry-records-activity-app .activityShell{
    width:100%;
    min-height:auto;
    gap:10px;
    padding:12px 10px 18px;
  }

  .dry-records-activity-app .activityShell::before{
    display:none;
  }

  .dry-records-activity-app .activityHeader{
    grid-template-columns:1fr;
    gap:9px;
    padding:14px;
    border-radius:7px;
  }

  .dry-records-activity-app .activityHeader::after{
    display:none;
  }

  .dry-records-activity-app .activityHeader h1{
    font-size:26px;
    line-height:1.04;
  }

  .dry-records-activity-app .activitySub{
    font-size:13px;
    line-height:1.35;
  }

  .dry-records-activity-app .activityStamp{
    width:max-content;
    max-width:100%;
    justify-self:start;
    font-size:11px;
  }

  .dry-records-activity-app .activityControls{
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:10px;
    border-radius:7px;
    align-items:stretch;
  }

  .dry-records-activity-app .activitySearch,
  .dry-records-activity-app .activityReset{
    grid-column:1 / -1;
  }

  .dry-records-activity-app .activityControl select,
  .dry-records-activity-app .activityControl input,
  .dry-records-activity-app .activityReset{
    min-height:40px;
    font-size:14px;
  }

  .dry-records-activity-app .activityTabs{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    padding:5px;
    gap:5px;
    scrollbar-width:thin;
  }

  .dry-records-activity-app .activityTab{
    flex:1 0 auto;
    min-width:104px;
    min-height:36px;
    padding:7px 12px;
    text-align:center;
    white-space:nowrap;
  }

  .dry-records-activity-app .activitySummary{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    border-radius:7px;
  }

  .dry-records-activity-app .activityMetric{
    min-height:62px;
    padding:10px;
  }

  .dry-records-activity-app .activityMetric strong{
    font-size:20px;
  }

  .dry-records-activity-app .activityPanel,
  .dry-records-activity-app .activityDetail,
  .dry-records-activity-app .activityStatus,
  .dry-records-activity-app .activityEmpty{
    border-radius:7px;
  }

  .dry-records-activity-app .activityPanel{
    padding:12px;
  }

  .dry-records-activity-app .activityPanelHead{
    display:grid;
    gap:6px;
    margin-bottom:10px;
  }

  .dry-records-activity-app .activityPanelHead h2{
    font-size:17px;
  }

  .dry-records-activity-app .activityPanelHead span{
    justify-self:start;
    white-space:normal;
  }

  .dry-records-activity-app .activityPanelGrid,
  .dry-records-activity-app .activityDepartmentModalGraphs,
  .dry-records-activity-app .activityDepartmentOfficerSurface{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityDepartmentGrid{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityDepartmentTile,
  .dry-records-activity-app .activityOfficerTile{
    min-height:0;
    padding:11px;
  }

  .dry-records-activity-app .activityBarRow,
  .dry-records-activity-app .activitySplitRow{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px;
  }

  .dry-records-activity-app .activityBarLabel{
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .dry-records-activity-app .activityBarTrack,
  .dry-records-activity-app .activityTrack{
    grid-column:1 / -1;
    grid-row:2;
  }

  .dry-records-activity-app .activityDonutCard{
    grid-template-columns:1fr;
    min-height:0;
  }

  .dry-records-activity-app .activityPreviewOverlay,
  .dry-records-activity-app .activityDepartmentOverlay{
    align-items:stretch;
    padding:0;
  }

  .dry-records-activity-app .activityPreviewModal,
  .dry-records-activity-app .activityDepartmentModal{
    width:100%;
    max-height:100dvh;
    border-radius:0;
    border-left:0;
    border-right:0;
  }

  .dry-records-activity-app .activityPreviewHead,
  .dry-records-activity-app .activityDepartmentModalHead{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
    padding:12px;
  }

  .dry-records-activity-app .activityPreviewHead h2,
  .dry-records-activity-app .activityDepartmentModalHead h2{
    font-size:20px;
  }

  .dry-records-activity-app .activityDepartmentModalScroll{
    gap:10px;
    padding:10px;
  }

  .dry-records-activity-app .activityOfficerSignal{
    position:relative;
    top:auto;
    order:-1;
    padding:11px;
  }

  .dry-records-activity-app .activityOfficerSignalStats{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .dry-records-activity-app .activityPreviewList{
    grid-template-columns:1fr;
    padding:10px;
  }

  .dry-records-activity-app .activityDepartmentRecordGrid{
    max-height:none;
  }

  .dry-records-activity-app .activityPreviewCard{
    grid-template-columns:72px minmax(0, 1fr);
    gap:9px;
    padding:8px;
  }

  .dry-records-activity-app .activityPreviewImage{
    width:72px;
  }

  .dry-records-activity-app .activityPreviewName{
    font-size:16px;
  }

  .dry-records-activity-app .activityPreviewGrid{
    grid-template-columns:1fr;
    gap:4px;
  }

  .dry-records-activity-app .activityPreviewPager{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr) auto;
    align-items:center;
    padding:10px;
  }
}

@media (max-width:430px){
  .dry-records-activity-app .activityShell{
    padding-inline:8px;
  }

  .dry-records-activity-app .activityControls,
  .dry-records-activity-app .activitySummary,
  .dry-records-activity-app .activityOfficerSignalStats{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityTab{
    flex-basis:96px;
    min-width:96px;
  }

  .dry-records-activity-app .activityOfficerGrid{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityPreviewCard{
    grid-template-columns:64px minmax(0, 1fr);
  }

  .dry-records-activity-app .activityPreviewImage{
    width:64px;
  }
}

/* Activity compact app pass */
.dry-records-activity-app{
  --activity-blue:#2d83aa;
  --activity-red:#b44755;
  --activity-green:#32e883;
  --activity-cyan:#64d9df;
  --activity-line:rgba(50, 232, 131, .14);
  --activity-hud:linear-gradient(90deg, var(--activity-green), rgba(100, 217, 223, .72));
  background:
    radial-gradient(900px 520px at 50% -12%, rgba(50, 232, 131, .10), transparent 62%),
    linear-gradient(180deg, #020706, #010303);
}

.dry-records-activity-app::after{
  opacity:.16;
}

.dry-records-activity-app .activityHeader,
.dry-records-activity-app .activityControls,
.dry-records-activity-app .activityTabs,
.dry-records-activity-app .activityPanel,
.dry-records-activity-app .activityMetric,
.dry-records-activity-app .activityDepartmentTile,
.dry-records-activity-app .activityOfficerTile{
  box-shadow:none;
}

.dry-records-activity-app .activityHeader{
  background:rgba(1, 12, 10, .80);
}

.dry-records-activity-app .activityHeader h1{
  text-shadow:none;
}

.dry-records-activity-app .activitySummary{
  grid-template-columns:repeat(5, minmax(0, 1fr));
}

.dry-records-activity-app .activityMetric{
  min-width:0;
}

.dry-records-activity-app .activityWorkspace{
  min-height:0;
}

.dry-records-activity-app .activityPanelGrid,
.dry-records-activity-app .activityDepartmentFlow{
  min-height:0;
}

@media (max-width:782px){
  .dry-records-activity-app{
    height:auto;
    min-height:0;
    background:
      radial-gradient(520px 280px at 50% -8%, rgba(50, 232, 131, .10), transparent 70%),
      #020706;
  }

  .dry-records-activity-app::before,
  .dry-records-activity-app::after{
    opacity:.10;
  }

  .dry-records-activity-app .activityShell{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:auto auto auto minmax(0, 1fr) auto;
    gap:8px;
    overflow:hidden;
    padding:8px;
  }

  .dry-records-activity-app .activityHeader{
    padding:10px 11px;
    border-color:rgba(50, 232, 131, .12);
  }

  .dry-records-activity-app .activityHeader h1{
    font-size:22px;
  }

  .dry-records-activity-app .activitySub{
    display:none;
  }

  .dry-records-activity-app .activityStamp{
    min-height:0;
    padding:4px 7px;
    font-size:10px;
  }

  .dry-records-activity-app .activityControls{
    grid-template-columns:minmax(0, 1fr) 104px 56px;
    gap:6px;
    padding:7px;
  }

  .dry-records-activity-app .activityControl span{
    display:none;
  }

  .dry-records-activity-app .activityControl select,
  .dry-records-activity-app .activityControl input,
  .dry-records-activity-app .activityReset{
    min-height:36px;
    border-radius:5px;
    font-size:13px;
    padding:6px 8px;
  }

  .dry-records-activity-app .activitySearch{
    grid-column:1 / -1;
    grid-row:2;
  }

  .dry-records-activity-app .activityReset{
    grid-column:auto;
    color:#ffe5e8;
  }

  .dry-records-activity-app .activityTabs{
    grid-row:5;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:4px;
    overflow:visible;
    padding:4px;
  }

  .dry-records-activity-app .activityTab{
    min-width:0;
    min-height:32px;
    padding:6px 4px;
    font-size:12px;
  }

  .dry-records-activity-app .activitySummary{
    grid-row:3;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:1px;
  }

  .dry-records-activity-app .activityMetric{
    min-height:48px;
    padding:7px 5px;
    text-align:center;
  }

  .dry-records-activity-app .activityMetric span{
    font-size:9px;
  }

  .dry-records-activity-app .activityMetric strong{
    font-size:15px;
    line-height:1.08;
    overflow-wrap:anywhere;
  }

  .dry-records-activity-app .activityWorkspace{
    grid-row:4;
    min-height:0;
    overflow:hidden;
  }

  .dry-records-activity-app .activityPanelGrid{
    height:100%;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0, 1fr) auto;
    gap:8px;
    overflow:hidden;
  }

  .dry-records-activity-app .activityPanelGrid .activityPanel{
    min-height:0;
    overflow:hidden;
  }

  .dry-records-activity-app .activityPanelGrid .wide.full{
    height:100%;
  }

  .dry-records-activity-app .activityPanel{
    padding:10px;
  }

  .dry-records-activity-app .activityPanelHead{
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    margin-bottom:8px;
  }

  .dry-records-activity-app .activityPanelHead h2{
    font-size:15px;
  }

  .dry-records-activity-app .activityPanelHead span,
  .dry-records-activity-app .activityMuted{
    display:none;
  }

  .dry-records-activity-app .activityBarChart{
    max-height:100%;
    min-height:0;
    overflow:auto;
    padding-right:2px;
  }

  .dry-records-activity-app .activityBarRow{
    grid-template-columns:minmax(0, 1fr) 52px;
    padding:8px;
  }

  .dry-records-activity-app .activityDonutCard{
    display:grid;
    grid-template-columns:72px minmax(0, 1fr);
    gap:10px;
    min-height:92px;
  }

  .dry-records-activity-app .activityDonut{
    width:72px;
  }

  .dry-records-activity-app .activityDonut span{
    font-size:17px;
  }

  .dry-records-activity-app .activityLegend{
    min-height:32px;
    padding:6px 8px;
  }

  .dry-records-activity-app .activityDepartmentFlow,
  .dry-records-activity-app .activityDepartmentDirectory{
    height:100%;
    min-height:0;
    overflow:hidden;
  }

  .dry-records-activity-app .activityDepartmentDirectory{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
  }

  .dry-records-activity-app .activityDepartmentGrid{
    min-height:0;
    overflow:auto;
    grid-template-columns:1fr;
    align-content:start;
    padding-right:2px;
  }

  .dry-records-activity-app .activityDepartmentTile{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:6px 10px;
    padding:10px;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileKicker,
  .dry-records-activity-app .activityDepartmentTile .activityTileMeta{
    grid-column:1;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileGraph{
    grid-column:1 / -1;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileStats{
    display:none;
  }

  .dry-records-activity-app .activityDepartmentModalGraphs{
    display:none;
  }

  .dry-records-activity-app .activityDepartmentModalScroll{
    grid-template-rows:auto minmax(0, 1fr);
    overflow:hidden;
  }

  .dry-records-activity-app .activityDepartmentModalBody,
  .dry-records-activity-app .activityDepartmentModalSummary{
    min-height:0;
  }

  .dry-records-activity-app .activityDepartmentModalBody{
    overflow:hidden;
  }

  .dry-records-activity-app .activitySignalStats{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    min-width:0;
    gap:1px;
  }

  .dry-records-activity-app .activitySignalStats span,
  .dry-records-activity-app .activitySignalStats .activityStatButton{
    min-height:44px;
    border-radius:0;
    padding:6px 4px;
    text-align:center;
    font-size:10px;
  }

  .dry-records-activity-app .activitySignalStats b,
  .dry-records-activity-app .activityStatButton b{
    font-size:15px;
  }

  .dry-records-activity-app .activityDepartmentModalOfficers{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    min-height:0;
  }

  .dry-records-activity-app .activityDepartmentOfficerSurface{
    min-height:0;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0, 1fr);
  }

  .dry-records-activity-app .activityOfficerSignal{
    order:0;
    padding:9px;
  }

  .dry-records-activity-app .activityOfficerSignalStats{
    display:none;
  }

  .dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerGrid{
    min-height:0;
    max-height:24dvh;
    overflow:auto;
    grid-template-columns:1fr;
    padding-right:2px;
  }

  .dry-records-activity-app .activityOfficerTile{
    min-height:0;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:5px 8px;
    padding:9px;
  }

  .dry-records-activity-app .activityOfficerTile .activityTileGraph{
    grid-column:1 / -1;
  }

  .dry-records-activity-app .activityDepartmentModalRecords{
    min-height:0;
    grid-template-rows:auto auto;
  }

  .dry-records-activity-app .activityRecordLaunch{
    display:block;
  }

  .dry-records-activity-app .activityDepartmentRecordGrid{
    display:none;
  }

  .dry-records-activity-app .activityDepartmentModalRecords .activityPreviewPager{
    display:none;
  }

  .dry-records-activity-app .activityPreviewCard{
    min-height:0;
  }
}

@media (max-width:430px){
  .dry-records-activity-app .activityShell{
    padding:6px;
  }

  .dry-records-activity-app .activityHeader h1{
    font-size:20px;
  }

  .dry-records-activity-app .activityControls{
    grid-template-columns:minmax(0, 1fr) 94px 52px;
  }

  .dry-records-activity-app .activityMetric strong{
    font-size:13px;
  }

  .dry-records-activity-app .activityPreviewCard{
    grid-template-columns:56px minmax(0, 1fr);
  }

  .dry-records-activity-app .activityPreviewImage{
    width:56px;
  }
}

/* Activity mobile flow correction: let WordPress own page flow, let modals own focus. */
@media (max-width:782px){
  .dry-records-activity-app{
    height:auto !important;
    min-height:auto !important;
    overflow:visible;
  }

  .dry-records-activity-app .activityShell{
    height:auto !important;
    min-height:auto !important;
    display:grid;
    grid-template-rows:auto;
    overflow:visible;
    padding:10px;
  }

  .dry-records-activity-app .activityHeader,
  .dry-records-activity-app .activityControls,
  .dry-records-activity-app .activitySummary,
  .dry-records-activity-app .activityWorkspace,
  .dry-records-activity-app .activityTabs{
    grid-row:auto;
  }

  .dry-records-activity-app .activityWorkspace,
  .dry-records-activity-app .activityPanelGrid,
  .dry-records-activity-app .activityDepartmentFlow,
  .dry-records-activity-app .activityDepartmentDirectory{
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .dry-records-activity-app .activityPanelGrid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:none;
  }

  .dry-records-activity-app .activityPanelGrid .activityPanel,
  .dry-records-activity-app .activityPanelGrid .wide.full{
    height:auto;
    overflow:visible;
  }

  .dry-records-activity-app .activityBarChart,
  .dry-records-activity-app .activityDepartmentGrid{
    max-height:none;
    overflow:visible;
  }

  .dry-records-activity-app .activityTabs{
    order:4;
    position:relative;
  }

  .dry-records-activity-app .activityPreviewOverlay,
  .dry-records-activity-app .activityDepartmentOverlay{
    position:fixed;
    inset:0;
    z-index:2147483000;
    align-items:stretch;
    justify-content:stretch;
    padding:0;
  }

  .dry-records-activity-app .activityPreviewModal,
  .dry-records-activity-app .activityDepartmentModal{
    width:100vw;
    max-width:100vw;
    height:100dvh;
    max-height:100dvh;
    border-radius:0;
    border-left:0;
    border-right:0;
  }

  .dry-records-activity-app .activityPreviewList{
    min-height:0;
    overflow:auto;
  }

  .dry-records-activity-app .activityPreviewGrid,
  .dry-records-activity-app .activityPreviewCharges{
    display:none;
  }

  .dry-records-activity-app .activityPreviewMeta{
    gap:4px;
  }

  .dry-records-activity-app .activityPreviewMeta span{
    font-size:11px;
    padding:3px 6px;
  }

  .dry-records-activity-app .activityDepartmentModalScroll{
    display:block;
    overflow:auto;
    min-height:0;
    padding:10px;
  }

  .dry-records-activity-app .activityDepartmentModalBody,
  .dry-records-activity-app .activityDepartmentModalSummary,
  .dry-records-activity-app .activityDepartmentModalOfficers,
  .dry-records-activity-app .activityDepartmentOfficerSurface{
    display:grid;
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerGrid{
    max-height:none;
    overflow:visible;
  }

  .dry-records-activity-app .activityRecordLaunch{
    display:block;
  }

  .dry-records-activity-app .activityDepartmentRecordGrid,
  .dry-records-activity-app .activityDepartmentModalRecords .activityPreviewPager{
    display:none;
  }
}

/* Activity mobile inmate preview rhythm: compact, even, and low-noise. */
@media (max-width:600px){
  .dry-records-activity-app .activityPreviewList{
    gap:8px;
    padding:8px;
    align-content:start;
  }

  .dry-records-activity-app .activityPreviewCard{
    grid-template-columns:58px minmax(0, 1fr);
    align-items:center;
    gap:9px;
    min-height:88px;
    border-radius:7px;
    padding:8px;
  }

  .dry-records-activity-app .activityPreviewImage{
    width:58px;
    height:72px;
    aspect-ratio:auto;
    border-radius:6px;
  }

  .dry-records-activity-app .activityPreviewInfo{
    display:grid;
    align-content:center;
    gap:5px;
  }

  .dry-records-activity-app .activityPreviewName{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:14px;
    line-height:1.16;
  }

  .dry-records-activity-app .activityPreviewMeta{
    margin:0;
    gap:4px;
  }

  .dry-records-activity-app .activityPreviewMeta span{
    max-width:100%;
    border-radius:5px;
    padding:3px 6px;
    font-size:10px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .dry-records-activity-app .activityPreviewMeta span:nth-child(3),
  .dry-records-activity-app .activityPreviewGrid,
  .dry-records-activity-app .activityPreviewCharges{
    display:none !important;
  }
}

/* Department modal inmate access: keep inmate cards in the dedicated preview modal. */
.dry-records-activity-app .activityDepartmentModalRecords{
  align-self:start;
}

.dry-records-activity-app .activityDepartmentModalRecords .activityPanelHead{
  padding:12px 14px 8px;
}

.dry-records-activity-app .activityRecordLaunch{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:12px;
  min-height:64px;
}

.dry-records-activity-app .activityRecordLaunch b{
  justify-self:end;
  white-space:nowrap;
}

.dry-records-activity-app .activityDepartmentRecordGrid,
.dry-records-activity-app .activityDepartmentModalRecords .activityPreviewPager{
  display:none !important;
}

@media (max-width:620px){
  .dry-records-activity-app .activityRecordLaunch{
    grid-template-columns:1fr;
    gap:4px;
  }

  .dry-records-activity-app .activityRecordLaunch b{
    justify-self:start;
  }
}

/* Activity mobile nav + department directory cleanup. */
@media (max-width:782px){
  .dry-records-activity-app .activityShell{
    gap:9px;
  }

  .dry-records-activity-app .activityTabs{
    order:2;
    position:relative;
    z-index:12;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    width:100%;
    gap:4px;
    padding:4px;
    border-radius:7px;
    background:rgba(1, 9, 8, .94);
    backdrop-filter:blur(10px);
  }

  .dry-records-activity-app .activityTab{
    min-width:0;
    min-height:34px;
    padding:7px 4px;
    font-size:12px;
    white-space:nowrap;
  }

  .dry-records-activity-app .activitySummary{
    order:3;
  }

  .dry-records-activity-app .activityWorkspace{
    order:4;
  }

  .dry-records-activity-app .activityDepartmentDirectory{
    display:block;
  }

  .dry-records-activity-app .activityDepartmentGrid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:0;
  }

  .dry-records-activity-app .activityDepartmentTile{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:6px 10px;
    min-height:0;
    padding:11px;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileKicker{
    grid-column:1;
    grid-row:1;
    min-width:0;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .dry-records-activity-app .activityDepartmentTile b{
    grid-column:1;
    grid-row:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    min-width:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.16;
    overflow-wrap:normal;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileMeta{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:end;
    max-width:96px;
    border:1px solid rgba(57, 255, 136, .16);
    border-radius:6px;
    background:rgba(2, 18, 14, .66);
    padding:6px 7px;
    color:#c6ffdf;
    font-size:11px;
    font-weight:800;
    line-height:1.12;
    text-align:center;
    white-space:normal;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileGraph{
    grid-column:1 / -1;
    grid-row:3;
    height:6px;
    margin-top:2px;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileStats{
    grid-column:1 / -1;
    grid-row:4;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:1px;
    overflow:hidden;
    border:1px solid rgba(57, 255, 136, .10);
    border-radius:6px;
    background:rgba(0, 0, 0, .20);
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileStats span{
    min-width:0;
    padding:6px 4px;
    border-right:1px solid rgba(57, 255, 136, .08);
    font-size:10px;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileStats span:last-child{
    border-right:0;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileStats strong{
    font-size:14px;
    line-height:1;
  }
}

@media (max-width:430px){
  .dry-records-activity-app .activityDepartmentTile{
    grid-template-columns:minmax(0, 1fr) 78px;
  }

  .dry-records-activity-app .activityDepartmentTile .activityTileMeta{
    max-width:78px;
    padding-inline:5px;
  }
}

/* Department modal: direct review flow. */
@keyframes activityModalReveal{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dry-records-activity-app .activityDepartmentModalBody{
  gap:12px;
}

.dry-records-activity-app .activityDepartmentOverview{
  display:grid;
  grid-template-columns:minmax(300px, .86fr) minmax(0, 1.14fr);
  gap:12px;
  align-items:stretch;
}

.dry-records-activity-app .activityDepartmentPrimary,
.dry-records-activity-app .activityDepartmentTrendPanel,
.dry-records-activity-app .activityDepartmentModalOfficers{
  animation:activityModalReveal .22s ease-out both;
}

.dry-records-activity-app .activityDepartmentTrendPanel{
  animation-delay:.04s;
}

.dry-records-activity-app .activityDepartmentModalOfficers{
  animation-delay:.08s;
}

.dry-records-activity-app .activityDepartmentPrimary{
  display:grid;
  gap:12px;
  align-content:start;
  border-color:rgba(57, 255, 136, .18);
  background:
    linear-gradient(145deg, rgba(57, 255, 136, .09), rgba(43, 168, 255, .05)),
    rgba(2, 18, 14, .62);
}

.dry-records-activity-app .activityDepartmentPrimary .activityRecordLaunch{
  width:100%;
  margin:0;
  border-color:rgba(57, 255, 136, .28);
  background:
    linear-gradient(135deg, rgba(57, 255, 136, .18), rgba(43, 168, 255, .10)),
    rgba(1, 12, 10, .86);
}

.dry-records-activity-app .activityDepartmentModalGraphs{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.dry-records-activity-app .activityDepartmentTrendPanel .activityDonutCard{
  min-height:138px;
}

.dry-records-activity-app .activityDepartmentModalOfficers{
  display:grid;
  gap:12px;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityPanelHead{
  align-items:center;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerGrid{
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:8px;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerTile{
  position:relative;
  min-height:126px;
  overflow:hidden;
  padding-bottom:42px;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerTile::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34px;
  background:linear-gradient(180deg, transparent, rgba(57, 255, 136, .06));
  pointer-events:none;
}

.dry-records-activity-app .activityOfficerAction{
  position:absolute;
  right:10px;
  bottom:9px;
  max-width:calc(100% - 20px);
  border:1px solid rgba(57, 255, 136, .22);
  border-radius:5px;
  background:rgba(1, 12, 10, .76);
  color:#d9ffe9;
  padding:4px 7px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerTile:hover .activityOfficerAction{
  border-color:rgba(57, 255, 136, .52);
  background:rgba(57, 255, 136, .16);
  transform:translateY(-1px);
}

.dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerTile:focus-visible{
  outline:2px solid rgba(57, 255, 136, .72);
  outline-offset:2px;
}

@media (max-width:960px){
  .dry-records-activity-app .activityDepartmentOverview{
    grid-template-columns:1fr;
  }

  .dry-records-activity-app .activityDepartmentModalGraphs{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:782px){
  .dry-records-activity-app .activityDepartmentOverview{
    gap:10px;
  }

  .dry-records-activity-app .activityDepartmentModalGraphs{
    display:none;
  }

  .dry-records-activity-app .activityDepartmentPrimary{
    padding:11px;
  }

  .dry-records-activity-app .activityDepartmentPrimary .activityRecordLaunch{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
  }

  .dry-records-activity-app .activityDepartmentPrimary .activityRecordLaunch b{
    justify-self:start;
  }

  .dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerGrid{
    grid-template-columns:1fr;
    max-height:none;
    overflow:visible;
  }

  .dry-records-activity-app .activityDepartmentModalOfficers .activityOfficerTile{
    min-height:104px;
  }
}