.reintel-live{
  margin:18px 0 0;
  border:1px solid var(--line,#4d5052);
  border-radius:var(--radius-surface,18px);
  background:#fff;
  overflow:hidden;
}
.reintel-livehead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding:22px 24px;
  border-bottom:1px solid var(--line,#4d5052);
}
.reintel-livehead h2{margin:0;font:400 30px/1.1 Georgia,serif}
.reintel-livehead p{max-width:680px;margin:7px 0 0;color:var(--muted,#69655f);font-size:12px;line-height:1.55}
.reintel-state{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:7px 11px;
  border:1px solid #9fc8b1;
  border-radius:999px;
  background:#edf7f1;
  color:#236c46;
  font-size:9px;
  font-weight:800;
  letter-spacing:.065em;
  text-transform:uppercase;
  white-space:nowrap;
}
.reintel-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--line,#4d5052);
}
.reintel-metric{min-width:0;padding:18px 20px;border-right:1px solid var(--line,#4d5052)}
.reintel-metric:last-child{border-right:0}
.reintel-metric span{display:block;color:#746e66;font-size:9px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.reintel-metric strong{display:block;margin-top:8px;font:400 28px/1 Georgia,serif;overflow-wrap:anywhere}
.reintel-metric small{display:block;margin-top:7px;color:#716c65;font-size:9px;line-height:1.4}
.reintel-sources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f5f1e9}
.reintel-source{display:flex;min-width:0;align-items:center;gap:10px;padding:14px 18px;border-right:1px solid var(--line,#4d5052);font-size:10px;line-height:1.4}
.reintel-source:last-child{border-right:0}
.reintel-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#2c8a58;box-shadow:0 0 0 3px rgba(44,138,88,.12)}
.reintel-source strong{display:block}
.reintel-source span{display:block;color:#746e66}
.reacts-controls{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 210px 150px auto;
  gap:10px;
  align-items:end;
  padding:16px 18px;
  border-bottom:1px solid var(--line,#4d5052);
  background:#f5f1e9;
}
.reacts-field{display:grid;gap:6px;min-width:0}
.reacts-field span{color:#6f6962;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.reacts-field input,.reacts-field select{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #77736d;
  border-radius:0;
  outline:0;
  background:#fff;
  color:#171717;
  font:inherit;
}
.reacts-field input:focus,.reacts-field select:focus{border-color:#17644c;box-shadow:inset 0 0 0 1px #17644c}
.reacts-controls button{
  min-height:42px;
  padding:9px 15px;
  border:1px solid #111;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  cursor:pointer;
}
.reacts-resultmeta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid #d8d2ca;color:#716b64;font-size:10px}
.reacts-records{display:grid}
.reacts-record{
  display:grid;
  grid-template-columns:155px minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
  padding:18px;
  border-bottom:1px solid #d8d2ca;
}
.reacts-record:last-child{border-bottom:0}
.reacts-reference{font-size:12px;font-weight:800;line-height:1.35}
.reacts-date{display:block;margin-top:5px;color:#79736c;font-size:9px}
.reacts-type{display:inline-flex;margin-bottom:7px;padding:5px 8px;border:1px solid #a8cbb7;border-radius:999px;background:#eef7f1;color:#226d47;font-size:8px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.reacts-record h3{margin:0;font:400 18px/1.28 Georgia,serif}
.reacts-parcels{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.reacts-parcels span{padding:4px 6px;background:#f0ece5;color:#5d5852;font-size:8px;font-weight:800}
.reacts-record a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #111;border-radius:999px;color:#111;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}
.reacts-empty{padding:42px 18px;color:#706b64;text-align:center}
.reacts-pages{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line,#4d5052);background:#f5f1e9}
.reacts-pages button{min-height:36px;padding:7px 11px;border:1px solid #77736d;border-radius:999px;background:#fff;font-size:9px;font-weight:800;cursor:pointer}
.reacts-pages button:disabled{opacity:.4;cursor:default}
.reacts-pages span{min-width:90px;color:#716b64;font-size:9px;text-align:center}

@media(max-width:900px){
  .reintel-metrics,.reintel-sources{grid-template-columns:1fr 1fr}
  .reintel-metric:nth-child(2),.reintel-source:nth-child(2){border-right:0}
  .reintel-metric:nth-child(-n+2),.reintel-source:nth-child(-n+2){border-bottom:1px solid var(--line,#4d5052)}
  .reacts-controls{grid-template-columns:1fr 1fr}
  .reacts-field:first-child{grid-column:1/-1}
}
@media(max-width:680px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .shell,.appview,.directorypage,.searchpage,.discussionpage,.profilepage{width:100%;max-width:100%;min-width:0}
  .apputilitybar,.apputilityinner,.appmasthead,.appidentity,.appnav{min-width:0;max-width:100%}
  .appmasthead{grid-template-columns:52px minmax(0,1fr) 52px;width:100%;overflow:visible}
  .appidentity{width:auto;justify-content:center}
  .appnav{display:none!important}
  .appnav::-webkit-scrollbar{display:none}
  .appnavbutton,.appnavdetails{flex:0 0 auto!important;white-space:nowrap}
  .apputilityinner{display:flex;flex-wrap:wrap;gap:10px 14px;overflow:hidden}
  .apputilityrate,.apputilityaccount{min-width:0;max-width:100%;flex-wrap:wrap}
  .workspacetitle{max-width:100%;font-size:clamp(38px,12vw,58px)!important;overflow-wrap:anywhere}
  .workspacesubtitle{max-width:100%;overflow-wrap:anywhere}
  .reintel-livehead{flex-direction:column;padding:18px}
  .reintel-metrics,.reintel-sources{grid-template-columns:1fr}
  .reintel-metric,.reintel-source{border-right:0!important;border-bottom:1px solid var(--line,#4d5052)!important}
  .reintel-metric:last-child,.reintel-source:last-child{border-bottom:0!important}
  .reacts-controls{grid-template-columns:1fr;padding:14px}
  .reacts-field:first-child{grid-column:auto}
  .reacts-record{grid-template-columns:1fr;gap:10px;padding:16px 14px}
  .reacts-record a{width:100%}
  .reacts-resultmeta{align-items:flex-start;flex-direction:column}
}