/* Custom UI Consistency Styles */

/* Card and container styles */
.card, .profile-container, .profile-picture-modal, .oh-modal__dialog, .danger-zone {
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Remove top border-radius from main content area under navbar */
.oh-wrapper, .oh-dashboard, .oh-main__topbar {
  border-radius: 0 !important;
}

/* Button styles */
.oh-btn, .btn, .oh-btn--secondary, .oh-instance-view-btn, .def-btn {
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.08);
}

/* Input and select styles */
input, select, .oh-select, .form-control {
  border-radius: 8px !important;
}

/* Modal close button and similar */
.profile-picture-close, .oh-modal__close {
  border-radius: 8px !important;
}

/* Avatar/profile image */
.oh-navbar__user-photo img,
.profile-avatar,
.avatar-initials {
  border-radius: 50% !important;
  background: #f3f4f6 !important; /* Simple light gray background */
  color: #22223b !important;      /* Dark text for initials */
  border: none !important;
  box-shadow: none !important;
}

/* Do NOT apply border-radius or box-shadow to titles or the main navbar container */

/* Remove the custom border-radius for the back to organization button */
.oh-back-to-droplet-item-btn {
  border-radius: initial !important;
}

/* Prevent custom styles from affecting the Add new organization button and its content on instance list view */
.oh-btn-group.oh-instance-btn-action, .oh-btn-group.oh-instance-btn-action * {
  border-radius: initial !important;
  box-shadow: initial !important;
  background: initial !important;
  color: initial !important;
  border: initial !important;
  font-family: inherit !important;
}

.oh-navbar .oh-new-instance-btn {
  background: #fff !important;
  color: #111 !important;
  border: 2px solid #e0e0e0 !important; /* light gray border */
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 500;
  transition: background 0.2s, color 0.2s, border 0.2s;
}
.oh-navbar .oh-new-instance-btn:hover {
  background: #f3f4f6 !important;
  color: #111 !important;
  border-color: #e0e0e0 !important;
} 

.oh-instance-view-btn {
  border-radius: 8 !important;
} 

body .oh-cl-sidebar-container {
  background: #fff !important;
  box-shadow: 2px 0 16px rgba(30, 41, 59, 0.04);
  border-right: none;
  border-radius: 0 !important;
  padding-top: 0 !important;
}

body .oh-cl-sidebar-logocard {
  background: #fff !important;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: none;
}

body .oh-cl-sidebar__menu-items {
  padding: 18px 0 0 0 !important;
}

body .oh-cl-sidebar-link,
body .oh-cl-sidebar__menu-item .oh-cl-sidebar-link {
  color: #22223b !important;
  font-weight: 500;
  padding-left: 32px !important;
  padding-right: 18px !important;
  border-left: 3px solid transparent;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

body .oh-cl-sidebar__menu-item .oh-cl-sidebar-link.oh-cl-sidebar-menu-link-active {
  background: #fff6f3 !important;
  color: #e74c3c !important;
  border-left: 3px solid #e74c3c;
  border-right: 3px solid #e74c3c;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.08);
}

body .oh-cl-sidebar__menu-item .oh-cl-sidebar-link:hover {
  background: #fff6f3 !important;
  color: #e74c3c !important;
  border-left: none !important;
  border-right: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.08);
} 

.oh-btn--secondary-link {
  background: #fff !important;
  color: #e57373 !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 12px !important;
  font-weight: 500;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.08);
  transition: background 0.2s, color 0.2s, border 0.2s, box-shadow 0.2s;
  float: right;
  margin-left: auto;
  display: block;
}

.oh-btn--secondary-link:hover {
  background: #fff0f0 !important;         /* very light red background */
  color: #e74c3c !important;
  border-color: #e57373 !important;       /* slightly darker border */
  box-shadow: 0 4px 16px rgba(231, 76, 60, 0.15); /* more depth */
}