.biz-thumb-box  { width:56px; height:56px; }
.biz-thumb-link { overflow:hidden; background:#f8f9fa; }
.biz-thumb-img  { max-width:100%; max-height:100%; object-fit:cover; }

/* delete button 20x20 */
.biz-del-btn { line-height:1; height:20px; width:20px; }

/* modal image */
.biz-modal-img { max-height:80vh; object-fit:contain; }

/* ai summary box */
.ai-summary { min-height:2em; }

/* hide the raw file input; we trigger it via buttons */
input[name="attachments"] { display:none; }

.prose p { margin-bottom: .5rem; }
.prose ul, .prose ol { padding-left: 1.25rem; }

.list-group-item .mt-1 { overflow-wrap: anywhere; }

button.btn-exh-save {margin-bottom: 7px !important;}

#btn-beautify {
  margin-left: auto;
  min-width: 10px;
}

.desc-wrapper .desc-mode-toggle {
  position: absolute;
  top: 6px;         /* inside the control */
  right: 8px;
  z-index: 3;
}

/* Add vertical space so toggle doesn’t overlap text */
.desc-textarea,
.desc-preview {
  padding-top: 2.0rem !important;  /* room for toggle */
  padding-bottom: 2.2rem !important; /* room for bottom icons */
  min-height: 9rem;
}

/* Preview surface looks like a form control */
.desc-preview.form-control {
  background: #fff;
  overflow: auto;
}

/* Markdown cosmetics (light touch) */
.markdown-body {
  font-size: .95rem;
  line-height: 1.55;
}
.markdown-body h1, .markdown-body h2, .markdown-body h3 {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: .25rem;
  margin-top: .5rem;
}
.markdown-body ul, .markdown-body ol { margin-left: 1.2rem; }
.markdown-body code {
  background: #f6f8fa;
  padding: 2px 4px;
  border-radius: 4px;
}

/* Corner icon buttons (mic & enhance) */
.desc-icon-btn {
  position: absolute;
  bottom: 8px;
  background: transparent;
  border: 0;
  padding: 2px;
  line-height: 1;
  opacity: .75;
  transition: opacity .15s ease-in-out, transform .15s ease-in-out;
  z-index: 2;
}
.desc-icon-btn:hover { opacity: 1; transform: translateY(-1px); }
.desc-icon-left { left: 10px; }
.desc-icon-right { right: 10px; }

/* Keep the click targets nice even when the control is focused */
.desc-icon-btn:focus-visible {
  outline: 2px solid rgba(13,110,253,.35); /* bootstrap primary-ish */
  border-radius: 999px;
}

/* Prevent bottom nav from covering contacts list */
.contacts-list-card {
  margin-bottom: 6rem !important;
}

@media (max-width: 600px) {
  .contacts-list-card {
    margin-bottom: 8rem !important;
  }
}

/* Clickable activity description preview (legacy - now using activity-card) */
.act-expand-btn:not(.activity-card) {
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  border-radius: 4px;
  padding: 4px;
  margin: -4px;
}

.act-expand-btn:not(.activity-card):hover {
  background-color: rgba(13, 110, 253, 0.08);
  color: #0a58ca;
}

.act-expand-btn:not(.activity-card):active {
  background-color: rgba(13, 110, 253, 0.15);
}