.opsAssist {
  margin: 0 0 18px;
  padding: 20px;
  border: 1px solid #b9d9e3;
  border-left: 5px solid #155e75;
  border-radius: 16px;
  background: linear-gradient(135deg, #f0f8fa, #fff);
  box-shadow: 0 8px 24px #1234470d;
}
.opsAssist > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.opsAssist h3 { margin: 3px 0 5px; color: #173a48; font-size: 20px; }
.opsAssist header p { margin: 0; color: #607587; }
.opsAssistList { display: grid; gap: 9px; }
.opsAssistChoice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid #d7e5ea;
  border-radius: 12px;
  background: #fff;
}
.opsAssistChoice.recommended { border-color: #63a5ba; box-shadow: inset 4px 0 #1e7891; }
.opsAssistChoice h4 { margin: 4px 0; color: #193b49; }
.opsAssistChoice p { margin: 0 0 3px; color: #4d6470; }
.opsAssistChoice small { color: #71848d; }
.opsAssistRank {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 999px;
  background: #e2f0f4;
  color: #155e75;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}
.opsAssistAction {
  display: flex;
  min-width: 145px;
  align-items: flex-end;
  flex-direction: column;
  gap: 7px;
  text-align: right;
}
.opsAssistAction b { color: #173a48; font-size: 17px; }
.opsAssistAction span { color: #8b4b0d; font-size: 11px; }
.opsAssistNote { margin: 13px 0 0; color: #637984; font-size: 11px; line-height: 1.5; }
.opsPipelineMetrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.opsPipelineMetrics article {
  display: flex;
  min-height: 104px;
  justify-content: center;
  flex-direction: column;
  padding: 16px 18px;
  border: 1px solid var(--ops-line);
  border-radius: 14px;
  background: #fff;
}
.opsPipelineMetrics article.attention { border-color: #e2ad66; background: #fffaf1; }
.opsPipelineMetrics span {
  color: #627687;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.opsPipelineMetrics b { margin: 5px 0; color: #173a48; font-size: 26px; }
.opsPipelineMetrics small { color: #71848d; }
.opsPipelineIntro { color: #5c7180; }
.opsPipelineBoard {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
}
.opsPipelineColumn {
  min-width: 240px;
  padding: 12px;
  border: 1px solid var(--ops-line);
  border-radius: 14px;
  background: #edf3f6;
}
.opsPipelineColumn > h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2px 3px 12px;
  color: #27475a;
  font-size: 14px;
}
.opsPipelineColumn > h3 span {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #fff;
  color: #526b7a;
  font-size: 11px;
}
.opsOpportunity {
  margin-bottom: 9px;
  padding: 14px;
  border: 1px solid #d8e3e9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 8px #17364d08;
}
.opsOpportunity.overdue { border-color: #dd9d4c; box-shadow: inset 3px 0 #d9852f; }
.opsOpportunity header, .opsOpportunity footer { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.opsOpportunity header > span:last-child { color: #748691; font-size: 10px; }
.opsOpportunity h4 { margin: 10px 0 3px; color: #173a48; }
.opsOpportunity > b { color: #155e75; font-size: 20px; }
.opsOpportunity p { min-height: 34px; margin: 9px 0 4px; color: #425d6b; font-size: 12px; }
.opsOpportunity small { display: block; min-height: 30px; color: #71848d; font-size: 10px; line-height: 1.45; }
.opsOpportunity footer { justify-content: flex-start; flex-wrap: wrap; margin-top: 10px; }
.opsOpportunity footer button { min-height: 30px !important; padding: 5px 8px !important; font-size: 10px; }
.opsPipelineStatus { padding: 4px 7px; border-radius: 999px; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.opsPipelineStatus.draft { background: #edf0f2; color: #596c76; }
.opsPipelineStatus.followup { background: #fff0d9; color: #8a551d; }
.opsPipelineStatus.won { background: #e1f2e9; color: #287258; }
.opsPipelineStatus.closed { background: #f2e7e7; color: #835050; }
.opsPipelineEmpty { padding: 24px 10px; color: #758791; text-align: center; font-size: 12px; }
.opsOpportunitySummary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 16px;
  margin-bottom: 16px;
  padding: 15px;
  border-radius: 12px;
  background: #edf5f7;
}
.opsOpportunitySummary span { color: #173a48; font-weight: 800; }
.opsOpportunitySummary b { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #155e75; font-size: 22px; }
.opsOpportunitySummary small { color: #6b7f89; }
.opsAssistHeadActions,
.opsOpportunity footer,
.opsLeadCard footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.opsTrafficLink {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 6px 11px;
  border: 1px solid #9bbfca;
  border-radius: 9px;
  background: #fff;
  color: #155e75;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.opsTrafficLink:hover { background: #eaf5f7; }
.opsProfileWarning {
  margin: 0 0 15px;
  padding: 12px 14px;
  border: 1px solid #e2ad66;
  border-radius: 12px;
  background: #fff8e9;
  color: #68471e;
}
.opsProfileWarning button { margin-left: 8px; }
.opsDurationHint {
  padding: 10px 12px;
  border-radius: 9px;
  background: #edf6f8;
  color: #3c5e6b;
  font-size: 12px;
}
.opsIntakeHero,
.opsReceptionist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
  padding: 18px 20px;
  border: 1px solid #bfd9e0;
  border-radius: 15px;
  background: linear-gradient(135deg, #eff8fa, #fff);
}
.opsIntakeHero h3,
.opsReceptionist h3 { margin: 4px 0; color: #173a48; }
.opsIntakeHero p,
.opsReceptionist p { max-width: 760px; margin: 4px 0; color: #58707d; }
.opsIntakeCounts { display: flex; gap: 8px; }
.opsIntakeCounts span {
  display: grid;
  min-width: 62px;
  place-items: center;
  padding: 8px;
  border: 1px solid #d5e5e9;
  border-radius: 10px;
  background: #fff;
  color: #667b86;
  font-size: 10px;
}
.opsIntakeCounts b { color: #155e75; font-size: 20px; }
.opsLeadGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 12px; margin-bottom: 16px; }
.opsLeadCard {
  padding: 15px;
  border: 1px solid #d8e3e9;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 3px 12px #17364d08;
}
.opsLeadCard header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.opsLeadCard header small { color: #788a93; font-size: 9px; }
.opsLeadCard h4 { margin: 12px 0 6px; color: #173a48; font-size: 17px; }
.opsLeadCard p { color: #4b6370; font-size: 12px; }
.opsLeadCard > small { display: block; min-height: 28px; color: #71848d; line-height: 1.45; }
.opsLeadCard footer { margin-top: 12px; }
.opsLeadCard footer button { min-height: 30px !important; padding: 5px 8px !important; font-size: 10px; }
.opsConnectionState {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 8px 11px;
  border-radius: 999px;
  background: #fff0d9;
  color: #82501b;
  font-size: 11px;
  font-weight: 800;
}
.opsConnectionState.connected {
  display: block;
  border: 1px solid #acd4c0;
  border-radius: 11px;
  background: #f1faf5;
  color: #28634d;
  line-height: 1.55;
}
.opsReadyState {
  display: inline-flex;
  width: fit-content;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e1f2e9;
  color: #287258;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.opsSmsStatus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid #b9d9e3;
  border-radius: 11px;
  background: #eff8fa;
}
.opsSmsStatus div { display: grid; gap: 3px; }
.opsSmsStatus b { color: #173a48; }
.opsSmsStatus span { color: #58707d; font-size: 11px; }
.opsSmsStatus.connected { border-color: #9fd0b6; background: #effaf4; }
.opsSmsStatus.connected b { color: #245f49; }
.opsSmsStatus.pending { border-color: #efd19e; background: #fff8eb; }
.opsSmsStatus.pending b { color: #77501d; }
.opsSmsGuide {
  display: grid;
  gap: 7px;
  margin: 0 0 15px;
  padding: 14px;
  border: 1px solid #acd4c0;
  border-radius: 12px;
  background: #f1faf5;
}
.opsSmsGuide h3 { margin: 0; color: #245746; font-size: 16px; }
.opsSmsGuide p { margin: 0; color: #4d6b61; line-height: 1.5; }
.opsSmsGuide.connected { border-color: #93c6dc; background: #eff8fc; }
.opsSmsGuide.connected h3 { color: #174e65; }
.opsSmsGuide.connected p { color: #426979; }
.opsSmsComposerActions {
  display: grid;
  justify-items: start;
  gap: 5px;
  margin: 12px 0;
  padding: 12px;
  border-radius: 10px;
  background: #edf6f8;
}
.opsSmsComposerActions button {
  border: 0;
  border-radius: 9px;
  background: #155e75;
  color: #fff;
  padding: 11px 15px;
  font-weight: 800;
}
.opsSmsComposerActions small { color: #607985; }
.opsSmsComposerActions button + button { border: 1px solid #9fc2cf; background: #fff; color: #155e75; }
.opsSetupPanel { color: #425d6b; line-height: 1.55; }
.opsSetupPanel h3 { margin: 16px 0 5px; color: #173a48; }
.opsSetupPanel ol, .opsSetupPanel ul { padding-left: 20px; }
.opsSetupPanel details { margin-top: 16px; padding: 11px; border: 1px solid #d7e4e8; border-radius: 9px; background: #f8fbfc; }
.opsSetupPanel summary { color: #27475a; cursor: pointer; font-weight: 800; }
.opsSetupNotice {
  margin: 14px 0;
  padding: 13px 14px;
  border: 1px solid #a8cedc;
  border-radius: 11px;
  background: #f0f8fb;
  color: #365d6d;
}
.opsSetupNotice.pending { border-color: #e2c68a; background: #fff9ea; color: #70551e; }
.opsSetupNotice p { margin: 4px 0 0; }
.opsSetupProgress { display: grid; gap: 7px; margin: 15px 0; }
.opsSetupProgress div {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 1px solid #d7e3e8;
  border-radius: 9px;
  background: #f8fbfc;
  color: #6f8189;
  font-weight: 750;
}
.opsSetupProgress div.done { border-color: #a9d5be; background: #f1faf5; color: #286149; }
.opsSetupProgress span { width: 18px; font-weight: 900; text-align: center; }
.opsNumberChoices { display: grid; gap: 9px; margin: 15px 0; }
.opsNumberChoice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border: 1px solid #cbdde4;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
}
.opsNumberChoice:has(input:checked) { border-color: #3185a0; box-shadow: 0 0 0 2px rgba(49,133,160,.13); background: #f6fbfd; }
.opsNumberChoice input { width: 18px; height: 18px; margin: 0; }
.opsNumberChoice span { display: grid; gap: 2px; min-width: 0; }
.opsNumberChoice b { color: #173a48; font-size: 16px; }
.opsNumberChoice small { color: #67808c; }
.opsNumberChoice strong { color: #315c6d; font-size: 11px; white-space: nowrap; }
.opsSavedSecurely { padding: 9px 11px; border-radius: 9px; background: #f1faf5; color: #35654f; }
.opsSetupSummary { display: grid; gap: 0; margin: 15px 0; border: 1px solid #d4e2e7; border-radius: 11px; overflow: hidden; }
.opsSetupSummary p { display: grid; grid-template-columns: minmax(120px,.45fr) 1fr; gap: 12px; margin: 0; padding: 11px 13px; border-bottom: 1px solid #e2ebee; }
.opsSetupSummary p:last-child { border-bottom: 0; }
.opsSetupSummary b { color: #294c5c; }
.opsSetupSummary span { color: #586f7a; }
.opsTimeline { display: grid; gap: 10px; margin-bottom: 18px; }
.opsTimelineItem {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid #d8e3e9;
  border-radius: 12px;
  background: #fff;
}
.opsTimelineIcon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: #e5f2f5;
  color: #155e75;
  font-weight: 900;
}
.opsTimelineIcon.sms { background: #e8f3ea; color: #287258; }
.opsTimelineIcon.call { background: #fff0d9; color: #8a551d; }
.opsTimelineItem header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.opsTimelineItem header b { color: #173a48; }
.opsTimelineItem header span { color: #71848d; font-size: 10px; }
.opsTimelineItem h4 { margin: 8px 0 3px; color: #27475a; }
.opsTimelineItem p { margin: 0; color: #506975; white-space: pre-wrap; }
.opsTimelineItem footer { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.opsTimelineItem.inbound { border-left: 4px solid #48a178; background: #fbfffc; }
.opsDeliveryState { display: block; margin-top: 7px; color: #55717e; font-size: 10px; font-weight: 700; }
.opsAutomationGroup { margin: 14px 0; padding: 13px; border: 1px solid #d5e4e8; border-radius: 11px; background: #f7fbfc; }
.opsAutomationGroup h4 { margin: 0 0 9px; color: #173a48; }
.opsAutomationGroup small { display: block; margin-top: 8px; color: #607985; line-height: 1.5; }
.customerTextPermission { margin: 14px 0; padding: 14px; border: 1px solid #c9dfe5; border-radius: 11px; background: #f5fafb; }
.customerTextPermission h3 { margin: 0 0 10px; color: #173a48; font-size: 15px; }
.customerTextPermission p, .customerTextPermission small { color: #58707d; line-height: 1.5; }
.opsEmpty { padding: 30px 15px; color: #71848d; text-align: center; }
.opsTechProfiles { display: grid; gap: 12px; }
.opsTechProfile { margin: 0; border: 1px solid #d6e4e8; border-radius: 12px; }
.opsTechProfile legend { padding: 0 7px; color: #173a48; font-weight: 800; }
.opsTechProfile legend span { margin-left: 7px; color: #587784; font-size: 10px; }
.opsDayChecks { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.opsDayChecks label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 1px solid #d8e4e8;
  border-radius: 8px;
  background: #f8fbfc;
  font-size: 10px;
}
.opsFieldAssist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 12px 0;
  padding: 11px 12px;
  border: 1px solid #c9dfe5;
  border-radius: 10px;
  background: #f1f8fa;
}
.opsFieldAssist div { display: grid; gap: 3px; }
.opsFieldAssist b { color: #173a48; }
.opsFieldAssist small { color: #64808b; }
.opsNoteCompare { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.opsNoteCompare article { min-width: 0; padding: 12px; border: 1px solid #d8e3e9; border-radius: 10px; background: #f8fbfc; }
.opsNoteCompare h3 { margin: 0 0 8px; color: #27475a; font-size: 13px; }
.opsNoteCompare pre { margin: 0; color: #405966; font: inherit; white-space: pre-wrap; word-break: break-word; }
@media (max-width: 800px) {
  .opsPipelineMetrics { grid-template-columns: 1fr; }
  .opsPipelineBoard { grid-template-columns: repeat(4, minmax(265px, 82vw)); }
  .opsAssistChoice { grid-template-columns: 1fr; }
  .opsAssistAction { min-width: 0; align-items: flex-start; text-align: left; }
  .opsIntakeHero, .opsReceptionist { align-items: flex-start; flex-direction: column; }
  .opsIntakeCounts { width: 100%; overflow-x: auto; }
  .opsTimelineItem header { align-items: flex-start; flex-direction: column; gap: 2px; }
  .opsFieldAssist { align-items: stretch; flex-direction: column; }
  .opsNoteCompare { grid-template-columns: 1fr; }
  .opsSmsStatus { align-items: stretch; flex-direction: column; }
  .opsNumberChoice { grid-template-columns: auto minmax(0, 1fr); }
  .opsNumberChoice strong { grid-column: 2; }
  .opsSetupSummary p { grid-template-columns: 1fr; gap: 3px; }
}