@charset "UTF-8";
/* line 13, app/assets/stylesheets/components/_navbar.scss */
.app-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
  background: #1e2124;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 104px;
}

/* line 29, app/assets/stylesheets/components/_navbar.scss */
.app-logo-col {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 38, app/assets/stylesheets/components/_navbar.scss */
.app-logo-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: opacity 0.15s;
}

/* line 43, app/assets/stylesheets/components/_navbar.scss */
.app-logo-link:hover {
  opacity: 0.8;
}

/* line 46, app/assets/stylesheets/components/_navbar.scss */
.app-logo-img {
  height: 94px;
  width: auto;
  display: block;
}

/* line 53, app/assets/stylesheets/components/_navbar.scss */
.app-right-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 63, app/assets/stylesheets/components/_navbar.scss */
.app-top-row {
  height: 58px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 10px 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 72, app/assets/stylesheets/components/_navbar.scss */
.app-top-row-spacer {
  flex: 1 1 0;
}

/* line 76, app/assets/stylesheets/components/_navbar.scss */
.app-search-wrap {
  flex: 0 1 500px;
  min-width: 180px;
}

/* line 82, app/assets/stylesheets/components/_navbar.scss */
.app-header-actions {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
}

/* line 91, app/assets/stylesheets/components/_navbar.scss */
.app-icon-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6) !important;
  text-decoration: none !important;
  font-size: 1rem;
  transition: background 0.15s, color 0.15s;
  background: none;
  border: none;
  cursor: pointer;
}

/* line 106, app/assets/stylesheets/components/_navbar.scss */
.app-icon-btn::after {
  display: none !important;
}

/* line 108, app/assets/stylesheets/components/_navbar.scss */
.app-icon-btn:hover {
  background: rgba(255, 255, 255, 0.09);
  color: #fff !important;
}

/* line 113, app/assets/stylesheets/components/_navbar.scss */
.app-icon-btn i {
  pointer-events: none;
}

/* line 117, app/assets/stylesheets/components/_navbar.scss */
.app-tab-strip {
  height: 46px;
  flex-shrink: 0;
  display: flex;
  align-items: stretch;
  overflow: visible;
  position: relative;
  z-index: 1001;
}

/* line 128, app/assets/stylesheets/components/_navbar.scss */
.app-nav-section {
  flex: 0 0 auto;
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 1010;
  transition: min-width 0.15s ease;
}

/* line 137, app/assets/stylesheets/components/_navbar.scss */
.app-nav-current {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 1.0625rem;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color 0.12s;
}

/* line 150, app/assets/stylesheets/components/_navbar.scss */
.app-nav-current:hover {
  color: #fff !important;
}

/* line 152, app/assets/stylesheets/components/_navbar.scss */
.app-nav-current i {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 158, app/assets/stylesheets/components/_navbar.scss */
.app-nav-caret {
  background: none;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  padding: 0;
  width: 36px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.12s;
}

/* line 173, app/assets/stylesheets/components/_navbar.scss */
.app-nav-caret:hover {
  color: rgba(255, 255, 255, 0.9);
}

/* line 177, app/assets/stylesheets/components/_navbar.scss */
.app-strip-sep {
  width: 1px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  margin: 0;
}

/* line 185, app/assets/stylesheets/components/_navbar.scss */
.app-tabs-area {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}

/* line 195, app/assets/stylesheets/components/_navbar.scss */
.app-strip-end {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 0 6px;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 203, app/assets/stylesheets/components/_navbar.scss */
.app-more-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.45) !important;
  text-decoration: none !important;
  font-size: 0.8125rem;
  transition: background 0.12s, color 0.12s;
}

/* line 215, app/assets/stylesheets/components/_navbar.scss */
.app-more-btn::after {
  display: none !important;
}

/* line 217, app/assets/stylesheets/components/_navbar.scss */
.app-more-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 224, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown {
  background: #1e2124 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55) !important;
  padding: 4px 0 !important;
  z-index: 2000 !important;
}

/* line 232, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item {
  display: flex !important;
  align-items: center;
  gap: 9px;
  padding: 7px 14px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 1.0625rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.1s;
}

/* line 243, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item i {
  width: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 0.9375rem;
  flex-shrink: 0;
}

/* line 251, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #fff !important;
}

/* line 254, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item:hover i {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* line 257, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item.active {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* line 260, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item.active i {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* line 263, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item.text-danger {
  color: rgba(255, 100, 100, 0.9) !important;
  font-weight: 400;
}

/* line 266, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item.text-danger i {
  color: rgba(255, 100, 100, 0.6) !important;
}

/* line 267, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown .dropdown-item.text-danger:hover {
  background: rgba(255, 80, 80, 0.1) !important;
  color: #ff6464 !important;
}

/* line 272, app/assets/stylesheets/components/_navbar.scss */
.app-dropdown-header {
  padding: 8px 14px 4px !important;
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 0.6875rem !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* line 281, app/assets/stylesheets/components/_navbar.scss */
.app-divider {
  border-color: rgba(255, 255, 255, 0.08) !important;
  margin: 4px 0 !important;
}

/* line 287, app/assets/stylesheets/components/_navbar.scss */
.nav-search-item {
  padding: 6px 8px 4px !important;
}

/* line 291, app/assets/stylesheets/components/_navbar.scss */
.nav-search-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 297, app/assets/stylesheets/components/_navbar.scss */
.nav-search-icon {
  position: absolute;
  left: 9px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.75rem;
  pointer-events: none;
}

/* line 305, app/assets/stylesheets/components/_navbar.scss */
.nav-search-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: #fff;
  font-size: 0.875rem;
  padding: 5px 10px 5px 28px;
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}

/* line 316, app/assets/stylesheets/components/_navbar.scss */
.nav-search-input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

/* line 318, app/assets/stylesheets/components/_navbar.scss */
.nav-search-input:focus {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

/* line 325, app/assets/stylesheets/components/_navbar.scss */
.nav-item-hidden {
  display: none;
}

/* line 330, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-dialog {
  max-width: 640px;
}

@media (max-width: 575px) {
  /* line 330, app/assets/stylesheets/components/_navbar.scss */
  .edit-nav-dialog {
    max-width: 100%;
    margin: 0;
    height: 100%;
  }
  /* line 337, app/assets/stylesheets/components/_navbar.scss */
  .edit-nav-dialog .modal-content {
    border-radius: 0 !important;
    height: 100%;
  }
}

/* line 341, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-modal-content {
  background: #1e2124;
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

/* line 348, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-modal-content .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 13px 18px;
  flex-shrink: 0;
}

/* line 353, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-modal-content .modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 18px;
  flex-shrink: 0;
}

/* line 358, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-modal-content .modal-title {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 600;
}

/* line 359, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-modal-content .btn-close-white {
  filter: invert(1) grayscale(1) brightness(1.2);
}

/* line 363, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-body {
  display: flex;
  flex-direction: column;
  height: 520px;
  overflow: hidden;
}

@media (max-width: 575px) {
  /* line 363, app/assets/stylesheets/components/_navbar.scss */
  .edit-nav-body {
    height: calc(100dvh - 120px);
  }
}

/* line 372, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel {
  display: flex;
  flex-direction: column;
}

/* line 376, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel.edit-nav-panel-active {
  flex: 0 0 auto;
}

/* line 380, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel.edit-nav-panel-library {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
}

/* line 387, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-mid-divider {
  flex-shrink: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}

/* line 393, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px 6px;
  flex-shrink: 0;
}

/* line 401, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel-label {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: rgba(255, 255, 255, 0.3);
}

/* line 409, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-panel-hint {
  font-size: 0.6875rem;
  color: rgba(255, 255, 255, 0.2);
  font-style: italic;
}

/* line 416, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-active-list {
  max-height: 220px;
  overflow-y: auto;
  padding: 2px 0 4px;
}

/* line 423, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-library-list {
  flex: 1 1 0;
  overflow-y: auto;
  padding: 2px 0 4px;
  min-height: 0;
}

/* line 430, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-empty-hint {
  text-align: center;
  padding: 18px 16px;
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.875rem;
  font-style: italic;
}

/* line 439, app/assets/stylesheets/components/_navbar.scss */
.en-active-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  cursor: default;
  transition: background 0.1s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

/* line 448, app/assets/stylesheets/components/_navbar.scss */
.en-active-row:last-child {
  border-bottom: none;
}

/* line 449, app/assets/stylesheets/components/_navbar.scss */
.en-active-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 450, app/assets/stylesheets/components/_navbar.scss */
.en-active-row.en-dragging {
  opacity: 0.4;
}

/* line 451, app/assets/stylesheets/components/_navbar.scss */
.en-active-row.en-drag-over-top {
  border-top: 2px solid #9DD5F7;
}

/* line 452, app/assets/stylesheets/components/_navbar.scss */
.en-active-row.en-drag-over-bottom {
  border-bottom: 2px solid #9DD5F7;
}

/* line 455, app/assets/stylesheets/components/_navbar.scss */
.en-handle {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.75rem;
  cursor: grab;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
  transition: color 0.12s;
}

/* line 463, app/assets/stylesheets/components/_navbar.scss */
.en-handle:hover {
  color: rgba(255, 255, 255, 0.5);
}

/* line 464, app/assets/stylesheets/components/_navbar.scss */
.en-handle:active {
  cursor: grabbing;
}

/* line 467, app/assets/stylesheets/components/_navbar.scss */
.en-handle-spacer {
  width: 14px;
  flex-shrink: 0;
}

/* line 469, app/assets/stylesheets/components/_navbar.scss */
.en-item-icon {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.875rem;
}

/* line 477, app/assets/stylesheets/components/_navbar.scss */
.en-item-label {
  flex: 1 1 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #e5e7eb;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 488, app/assets/stylesheets/components/_navbar.scss */
.en-remove-btn, .en-add-btn {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 4px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}

/* line 503, app/assets/stylesheets/components/_navbar.scss */
.en-remove-btn {
  color: rgba(255, 255, 255, 0.25);
}

/* line 505, app/assets/stylesheets/components/_navbar.scss */
.en-remove-btn:hover {
  background: rgba(220, 50, 50, 0.2);
  color: #ff7070;
}

/* line 508, app/assets/stylesheets/components/_navbar.scss */
.en-remove-spacer {
  width: 22px;
  flex-shrink: 0;
}

/* line 510, app/assets/stylesheets/components/_navbar.scss */
.en-add-btn {
  color: rgba(255, 255, 255, 0.35);
}

/* line 512, app/assets/stylesheets/components/_navbar.scss */
.en-add-btn:hover {
  background: rgba(100, 210, 100, 0.18);
  color: #6bdd8a;
}

/* line 515, app/assets/stylesheets/components/_navbar.scss */
.en-move-btn {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  cursor: pointer;
}

/* line 528, app/assets/stylesheets/components/_navbar.scss */
.en-move-btn:hover {
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.7);
}

/* line 532, app/assets/stylesheets/components/_navbar.scss */
.en-lib-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

/* line 539, app/assets/stylesheets/components/_navbar.scss */
.en-lib-row:last-child {
  border-bottom: none;
}

/* line 540, app/assets/stylesheets/components/_navbar.scss */
.en-lib-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 542, app/assets/stylesheets/components/_navbar.scss */
.en-lib-row .en-item-label {
  color: rgba(255, 255, 255, 0.65);
}

/* line 546, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-search-wrap {
  position: relative;
  flex-shrink: 0;
}

/* line 551, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-search-icon {
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.75rem;
  pointer-events: none;
}

/* line 561, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-search {
  width: 100%;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #fff;
  font-size: 0.875rem;
  padding: 7px 10px 7px 30px;
  outline: none;
  transition: border-color 0.15s, background 0.15s;
}

/* line 572, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-search::placeholder {
  color: rgba(255, 255, 255, 0.28);
}

/* line 573, app/assets/stylesheets/components/_navbar.scss */
.edit-nav-search:focus {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.1);
}

/* line 577, app/assets/stylesheets/components/_navbar.scss */
.nav-edit-btn {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.9375rem !important;
}

/* line 581, app/assets/stylesheets/components/_navbar.scss */
.nav-edit-btn i {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* line 583, app/assets/stylesheets/components/_navbar.scss */
.nav-edit-btn:hover {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 585, app/assets/stylesheets/components/_navbar.scss */
.nav-edit-btn:hover i {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* line 594, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown {
  top: 100% !important;
  left: 0 !important;
  right: auto !important;
  margin-top: 0 !important;
  transform: none !important;
  min-width: 256px !important;
  padding: 0 !important;
  border-radius: 16px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden;
}

/* line 609, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item,
.main-nav-dropdown .nav-edit-btn {
  width: calc(100% - 16px);
  margin: 2px 8px;
  padding: 9px 11px !important;
  border-radius: 11px;
  gap: 12px;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.82) !important;
  transition: background 0.13s ease, color 0.13s ease;
}

/* line 626, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item i,
.main-nav-dropdown .nav-edit-btn i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.9rem;
  flex-shrink: 0;
  transition: background 0.13s ease, color 0.13s ease, transform 0.13s ease;
}

/* line 642, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item img {
  box-sizing: content-box;
  width: 13px !important;
  height: 13px !important;
  padding: 8.5px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.07);
  flex-shrink: 0;
  transition: background 0.13s ease, transform 0.13s ease;
}

/* line 654, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item:hover,
.main-nav-dropdown .nav-edit-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

/* line 659, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item:hover i,
.main-nav-dropdown .nav-edit-btn:hover i {
  background: rgba(255, 255, 255, 0.14);
  color: #fff !important;
  transform: translateY(-1px);
}

/* line 664, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item:hover img,
.main-nav-dropdown .nav-edit-btn:hover img {
  background: rgba(255, 255, 255, 0.14);
  transform: translateY(-1px);
}

/* line 671, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item.active {
  background: rgba(var(--bs-primary-rgb, 99, 102, 241), 0.16) !important;
  color: #fff !important;
}

/* line 675, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item.active i {
  background: rgba(var(--bs-primary-rgb, 99, 102, 241), 0.32);
  color: #fff !important;
}

/* line 679, app/assets/stylesheets/components/_navbar.scss */
.main-nav-dropdown .nav-scroll-inner .dropdown-item.active img {
  background: rgba(var(--bs-primary-rgb, 99, 102, 241), 0.32);
}

/* line 686, app/assets/stylesheets/components/_navbar.scss */
.nav-search-fixed {
  list-style: none;
  padding: 10px 10px 8px !important;
  background: #1e2124;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 692, app/assets/stylesheets/components/_navbar.scss */
.nav-search-fixed .nav-search-input {
  border-radius: 10px;
}

/* line 696, app/assets/stylesheets/components/_navbar.scss */
.nav-scroll-area {
  list-style: none;
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 0 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

/* line 712, app/assets/stylesheets/components/_navbar.scss */
.nav-scroll-inner {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 719, app/assets/stylesheets/components/_navbar.scss */
.nav-edit-fixed {
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 6px 0 !important;
}

/* line 726, app/assets/stylesheets/components/_navbar.scss */
.app-header .dropdown-menu,
#mainNavDropdownWrapper .dropdown-menu {
  z-index: 2000 !important;
}

/* line 4, app/assets/stylesheets/components/_buttons.scss */
.btn-primary {
  --bs-btn-bg: var(--org-primary, #0d6efd);
  --bs-btn-border-color: var(--org-primary, #0d6efd);
  --bs-btn-hover-bg: var(--org-primary, #0b5ed7);
  --bs-btn-hover-border-color: var(--org-primary, #0a58ca);
  --bs-btn-active-bg: var(--org-primary, #0a58ca);
  --bs-btn-active-border-color: var(--org-primary, #0a53be);
  filter: none;
}

/* line 14, app/assets/stylesheets/components/_buttons.scss */
.btn-outline-primary {
  --bs-btn-color: var(--org-primary, #0d6efd);
  --bs-btn-border-color: var(--org-primary, #0d6efd);
  --bs-btn-hover-bg: var(--org-primary, #0d6efd);
  --bs-btn-hover-border-color: var(--org-primary, #0d6efd);
  --bs-btn-active-bg: var(--org-primary, #0d6efd);
}

/* line 22, app/assets/stylesheets/components/_buttons.scss */
.btn-secondary {
  --bs-btn-bg: var(--org-secondary, #6c757d);
  --bs-btn-border-color: var(--org-secondary, #6c757d);
  --bs-btn-hover-bg: var(--org-secondary, #5c636a);
  --bs-btn-hover-border-color: var(--org-secondary, #565e64);
  --bs-btn-active-bg: var(--org-secondary, #565e64);
  --bs-btn-active-border-color: var(--org-secondary, #51585e);
}

/* line 31, app/assets/stylesheets/components/_buttons.scss */
.btn-outline-secondary {
  --bs-btn-color: var(--org-secondary, #6c757d);
  --bs-btn-border-color: var(--org-secondary, #6c757d);
  --bs-btn-hover-bg: var(--org-secondary, #6c757d);
  --bs-btn-hover-border-color: var(--org-secondary, #6c757d);
  --bs-btn-active-bg: var(--org-secondary, #6c757d);
}

/* line 39, app/assets/stylesheets/components/_buttons.scss */
.button-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background-color: lightgray;
  padding: 10px;
  z-index: 1000;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* line 53, app/assets/stylesheets/components/_buttons.scss */
.edit-button {
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  display: inline-block;
}

/* line 61, app/assets/stylesheets/components/_buttons.scss */
.edit-button i {
  pointer-events: none;
  font-size: 12px;
  color: inherit;
}

/* line 7, app/assets/stylesheets/components/_tabbed_navigation.scss */
.tabbed-navigation {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 17, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs-container {
  display: flex;
  align-items: stretch;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}

/* line 25, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs-scroll {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

/* line 33, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  overflow-x: hidden;
  min-width: 0;
  height: 100%;
  border: none !important;
  --bs-nav-tabs-border-width: 0 !important;
  --bs-nav-tabs-border-color: transparent !important;
}

/* line 47, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab {
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  cursor: grab;
  transition: transform 0.15s ease;
  will-change: transform;
}

/* line 60, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab:active {
  cursor: grabbing;
}

/* line 61, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab.dragging {
  opacity: 0.5;
  z-index: 100;
}

/* line 63, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab.drag-before {
  border-left: 2px solid #9DD5F7;
}

/* line 64, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab.drag-after {
  border-right: 2px solid #9DD5F7;
}

/* line 66, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab.tab-overflowed {
  display: none !important;
}

/* line 70, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-content {
  display: flex !important;
  align-items: center !important;
  gap: 5px;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 10px !important;
  margin: 0 !important;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06);
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 2px 0 transparent;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.9375rem;
  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
  text-decoration: none;
  border-radius: 0;
}

/* line 92, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-content:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: inset 0 2px 0 rgba(157, 213, 247, 0.45) !important;
}

/* line 98, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-content.active {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #fff !important;
  box-shadow: inset 0 2px 0 #9DD5F7 !important;
}

/* line 106, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  mask-image: linear-gradient(to right, black calc(100% - 18px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 18px), transparent 100%);
}

/* line 119, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab i {
  font-size: 0.75rem;
  color: inherit !important;
  flex-shrink: 0;
}

/* line 126, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity 0.15s;
}

/* line 134, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-content:hover .nav-tab-actions, .nav-tab-content.active .nav-tab-actions {
  opacity: 1;
}

/* line 140, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-pin,
.nav-tab-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: none;
  background: transparent;
  color: inherit;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.65rem;
  transition: background 0.12s, color 0.12s;
  padding: 0;
}

/* line 156, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-pin:hover,
.nav-tab-close:hover {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.95);
}

/* line 161, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-pin.pinned,
.nav-tab-close.pinned {
  color: #ffd700;
}

/* line 163, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-pin.pinned:hover,
.nav-tab-close.pinned:hover {
  color: #ffe84e;
}

/* line 167, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tab-close:hover {
  background: rgba(220, 50, 50, 0.2) !important;
  color: #ff7070 !important;
}

/* line 173, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

/* line 179, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs-actions .btn {
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.5);
}

/* line 191, app/assets/stylesheets/components/_tabbed_navigation.scss */
.nav-tabs-actions .btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* line 197, app/assets/stylesheets/components/_tabbed_navigation.scss */
#overflowed-tabs-list .dropdown-item {
  color: #222 !important;
}

/* line 199, app/assets/stylesheets/components/_tabbed_navigation.scss */
#overflowed-tabs-list .dropdown-item i {
  color: #555 !important;
}

/* line 200, app/assets/stylesheets/components/_tabbed_navigation.scss */
#overflowed-tabs-list .dropdown-item.active {
  background: #e9ecef !important;
  color: #000 !important;
}

/* line 205, app/assets/stylesheets/components/_tabbed_navigation.scss */
.pin-record-btn {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 208, app/assets/stylesheets/components/_tabbed_navigation.scss */
.pin-record-btn.pinned {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}

/* line 209, app/assets/stylesheets/components/_tabbed_navigation.scss */
.pin-record-btn.pinned i {
  color: #343a40 !important;
}

/* line 210, app/assets/stylesheets/components/_tabbed_navigation.scss */
.pin-record-btn:not(.pinned) i {
  color: #ffc107 !important;
}

/* line 214, app/assets/stylesheets/components/_tabbed_navigation.scss */
.admin-users-actions.btn-group {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 0.5rem;
}

/* line 221, app/assets/stylesheets/components/_tabbed_navigation.scss */
ul.dropdown-menu[aria-labelledby="tabMenuDropdown"] {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
}

/* line 230, app/assets/stylesheets/components/_tabbed_navigation.scss */
.app-more-btn.tabs-empty {
  opacity: 0.45 !important;
}

/* line 2, app/assets/stylesheets/components/_search_bar.scss */
.search-no-results {
  padding: 0.75rem 1rem;
  color: #6c757d;
  font-size: 0.825rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 10, app/assets/stylesheets/components/_search_bar.scss */
.search-no-results i {
  font-size: 0.75rem;
}

/* line 11, app/assets/stylesheets/components/_search_bar.scss */
.search-no-results strong {
  color: #495057;
}

/* line 14, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-inline {
  border-top: 1px solid rgba(99, 57, 220, 0.15);
  background: rgba(99, 57, 220, 0.03);
}

/* line 19, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-inline-header {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0.6rem 1rem 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6339dc;
  letter-spacing: 0.2px;
}

/* line 29, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-inline-header i {
  color: #9DD5F7;
  font-size: 0.7rem;
}

/* line 32, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-inline-body {
  padding: 0 1rem 0.5rem;
  max-height: 180px;
  overflow-y: auto;
}

/* line 38, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-loading {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
}

/* line 44, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-loading span {
  width: 6px;
  height: 6px;
  background: rgba(99, 57, 220, 0.5);
  border-radius: 50%;
  animation: ai-bounce 1.2s infinite ease-in-out;
}

/* line 51, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-loading span:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 52, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-loading span:nth-child(3) {
  animation-delay: 0.4s;
}

/* line 56, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-response {
  font-size: 0.815rem;
  line-height: 1.55;
  color: #2d2d3d;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 63, app/assets/stylesheets/components/_search_bar.scss */
.ai-inline-response.ai-inline-error {
  color: #856404;
}

/* line 66, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-inline-footer {
  border-top: 1px solid rgba(99, 57, 220, 0.1);
  padding: 0;
}

/* line 72, app/assets/stylesheets/components/_search_bar.scss */
.search-ai-footer {
  border-top: 1px solid rgba(99, 57, 220, 0.15);
  background: rgba(99, 57, 220, 0.03);
  padding: 0 !important;
}

/* line 78, app/assets/stylesheets/components/_search_bar.scss */
.search-ask-ai-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.55rem 1rem;
  background: none;
  border: none;
  color: #6339dc;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s;
}

/* line 93, app/assets/stylesheets/components/_search_bar.scss */
.search-ask-ai-btn i {
  font-size: 0.72rem;
  color: #9DD5F7;
}

/* line 95, app/assets/stylesheets/components/_search_bar.scss */
.search-ask-ai-btn:hover {
  background: rgba(99, 57, 220, 0.07);
}

/* line 100, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel {
  position: fixed;
  top: 104px;
  right: 0;
  width: 420px;
  height: calc(100vh - 104px);
  background: #1a1d21;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.5);
  z-index: 1029;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 115, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel.is-open {
  transform: translateX(0);
}

/* line 118, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: linear-gradient(135deg, #2a1f5e, #1e2a3a);
  border-bottom: 1px solid rgba(157, 213, 247, 0.15);
}

/* line 128, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 0.9rem;
  font-weight: 600;
  color: #fff;
}

/* line 136, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-title i {
  color: #9DD5F7;
  font-size: 0.85rem;
}

/* line 141, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-title .ai-panel-badge {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: rgba(157, 213, 247, 0.15);
  border: 1px solid rgba(157, 213, 247, 0.3);
  color: #9DD5F7;
  padding: 2px 7px;
  border-radius: 20px;
}

/* line 154, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: color 0.12s, background 0.12s;
}

/* line 163, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

/* line 166, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-messages {
  flex: 1 1 0;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 174, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-messages::-webkit-scrollbar {
  width: 4px;
}

/* line 175, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-messages::-webkit-scrollbar-track {
  background: transparent;
}

/* line 176, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-messages::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

/* line 179, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg {
  display: flex;
  gap: 10px;
  max-width: 100%;
}

/* line 184, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg--user {
  flex-direction: row-reverse;
}

/* line 186, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg--user .ai-msg-bubble {
  background: rgba(99, 57, 220, 0.3);
  border: 1px solid rgba(99, 57, 220, 0.4);
  color: #e8e8ff;
  border-radius: 16px 16px 4px 16px;
  margin-left: 28px;
}

/* line 196, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg--assistant .ai-msg-bubble {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.88);
  border-radius: 16px 16px 16px 4px;
  margin-right: 28px;
}

/* line 206, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg-avatar {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  background: linear-gradient(135deg, #6339dc, #9DD5F7);
  color: #fff;
}

/* line 219, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg-bubble {
  padding: 10px 13px;
  font-size: 0.835rem;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 227, app/assets/stylesheets/components/_search_bar.scss */
.ai-typing {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 13px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px 16px 16px 4px;
  width: fit-content;
}

/* line 237, app/assets/stylesheets/components/_search_bar.scss */
.ai-typing span {
  width: 6px;
  height: 6px;
  background: rgba(157, 213, 247, 0.6);
  border-radius: 50%;
  animation: ai-bounce 1.2s infinite ease-in-out;
}

/* line 244, app/assets/stylesheets/components/_search_bar.scss */
.ai-typing span:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 245, app/assets/stylesheets/components/_search_bar.scss */
.ai-typing span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes ai-bounce {
  0%, 80%, 100% {
    transform: scale(0.6);
    opacity: 0.4;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 254, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-suggestions {
  flex-shrink: 0;
  padding: 0 16px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 262, app/assets/stylesheets/components/_search_bar.scss */
.ai-suggestion-chip {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.65);
  padding: 4px 12px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}

/* line 272, app/assets/stylesheets/components/_search_bar.scss */
.ai-suggestion-chip:hover {
  background: rgba(99, 57, 220, 0.2);
  border-color: rgba(99, 57, 220, 0.4);
  color: #c4b5fd;
}

/* line 279, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-footer {
  flex-shrink: 0;
  padding: 12px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #1a1d21;
}

/* line 286, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input-wrap {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 4px 4px 4px 12px;
  transition: border-color 0.15s;
}

/* line 296, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input-wrap:focus-within {
  border-color: rgba(157, 213, 247, 0.4);
  background: rgba(255, 255, 255, 0.09);
}

/* line 302, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input {
  flex: 1;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.85rem;
  line-height: 1.5;
  padding: 5px 0;
  outline: none;
  resize: none;
  overflow-y: hidden;
  max-height: 140px;
  overflow-y: auto;
}

/* line 316, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 317, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input::-webkit-scrollbar {
  width: 3px;
}

/* line 318, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-input::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

/* line 321, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-send {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 7px;
  background: linear-gradient(135deg, #6339dc, #4b8bdc);
  border: none;
  color: #fff;
  font-size: 0.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.12s;
}

/* line 336, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-send:hover {
  opacity: 0.85;
}

/* line 337, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-send:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 340, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-attach {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.82rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: color 0.12s, background 0.12s;
}

/* line 355, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-attach:hover {
  color: #9DD5F7;
  background: rgba(157, 213, 247, 0.1);
}

/* line 361, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 0 8px;
}

/* line 367, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachments:empty {
  display: none;
}

/* line 370, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachment-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(99, 57, 220, 0.18);
  border: 1px solid rgba(99, 57, 220, 0.35);
  color: #c4b5fd;
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 0.72rem;
  max-width: 200px;
}

/* line 382, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachment-badge span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 388, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachment-badge i {
  font-size: 0.68rem;
  flex-shrink: 0;
}

/* line 391, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachment-remove {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  padding: 0;
  font-size: 0.9rem;
  line-height: 1;
  flex-shrink: 0;
  margin-left: 2px;
}

/* line 402, app/assets/stylesheets/components/_search_bar.scss */
.ai-attachment-remove:hover {
  color: #ff7b7b;
}

/* line 405, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg-files {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}

/* line 412, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg-file-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.65);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.68rem;
}

/* line 423, app/assets/stylesheets/components/_search_bar.scss */
.ai-msg-file-badge i {
  font-size: 0.65rem;
}

/* line 426, app/assets/stylesheets/components/_search_bar.scss */
.ai-panel-messages.drag-over {
  outline: 2px dashed rgba(99, 57, 220, 0.5);
  outline-offset: -6px;
  background: rgba(99, 57, 220, 0.06);
}

/* line 433, app/assets/stylesheets/components/_search_bar.scss */
.search-nav-container {
  flex: 1;
  margin: 0 1rem;
  position: relative;
}

/* line 439, app/assets/stylesheets/components/_search_bar.scss */
.search-container {
  position: relative;
  width: 100%;
}

/* line 444, app/assets/stylesheets/components/_search_bar.scss */
.search-input-wrapper {
  position: relative;
  width: 100%;
}

/* line 449, app/assets/stylesheets/components/_search_bar.scss */
.search-input-group {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}

/* line 458, app/assets/stylesheets/components/_search_bar.scss */
.search-input-group:focus-within {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
}

/* line 465, app/assets/stylesheets/components/_search_bar.scss */
.search-icon {
  position: absolute;
  left: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  z-index: 2;
  pointer-events: none;
}

/* line 473, app/assets/stylesheets/components/_search_bar.scss */
.search-input {
  background: transparent !important;
  border: none !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 0.4rem 0.5rem 0.4rem 2.25rem !important;
  font-size: 0.84rem;
  width: 100%;
}

/* line 481, app/assets/stylesheets/components/_search_bar.scss */
.search-input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* line 485, app/assets/stylesheets/components/_search_bar.scss */
.search-input:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* line 491, app/assets/stylesheets/components/_search_bar.scss */
.search-loading {
  position: absolute;
  right: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  z-index: 2;
}

/* line 499, app/assets/stylesheets/components/_search_bar.scss */
.search-results-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  margin-top: 0.25rem;
  max-height: 400px;
  overflow: hidden;
}

/* line 514, app/assets/stylesheets/components/_search_bar.scss */
.search-results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f0f0f0;
  background: #f8f9fa;
}

/* line 522, app/assets/stylesheets/components/_search_bar.scss */
.search-results-header .search-results-title {
  font-weight: 600;
  color: #495057;
  font-size: 0.875rem;
}

/* line 528, app/assets/stylesheets/components/_search_bar.scss */
.search-results-header .btn {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}

/* line 534, app/assets/stylesheets/components/_search_bar.scss */
.search-results-list {
  max-height: 300px;
  overflow-y: auto;
}

/* line 539, app/assets/stylesheets/components/_search_bar.scss */
.search-result-item {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f8f9fa;
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
}

/* line 548, app/assets/stylesheets/components/_search_bar.scss */
.search-result-item:hover, .search-result-item.selected {
  background-color: #f8f9fa;
}

/* line 553, app/assets/stylesheets/components/_search_bar.scss */
.search-result-item:last-child {
  border-bottom: none;
}

/* line 558, app/assets/stylesheets/components/_search_bar.scss */
.search-result-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e9ecef;
  border-radius: 0.375rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

/* line 569, app/assets/stylesheets/components/_search_bar.scss */
.search-result-icon i {
  color: #6c757d;
  font-size: 0.875rem;
}

/* line 575, app/assets/stylesheets/components/_search_bar.scss */
.search-result-content {
  flex: 1;
  min-width: 0;
}

/* line 580, app/assets/stylesheets/components/_search_bar.scss */
.search-result-title {
  font-weight: 500;
  color: #212529;
  font-size: 0.875rem;
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 590, app/assets/stylesheets/components/_search_bar.scss */
.search-result-subtitle {
  color: #6c757d;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 598, app/assets/stylesheets/components/_search_bar.scss */
.search-result-badge {
  background: #28a745;
  color: white;
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
}

/* line 608, app/assets/stylesheets/components/_search_bar.scss */
.search-results-footer {
  padding: 0.5rem 1rem;
  background: #f8f9fa;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 617, app/assets/stylesheets/components/_search_bar.scss */
  .search-nav-container {
    max-width: 300px;
    margin: 0 0.5rem;
  }
  /* line 622, app/assets/stylesheets/components/_search_bar.scss */
  .search-input {
    font-size: 0.875rem;
  }
  /* line 626, app/assets/stylesheets/components/_search_bar.scss */
  .search-results-dropdown {
    max-height: 350px;
  }
  /* line 630, app/assets/stylesheets/components/_search_bar.scss */
  .search-results-list {
    max-height: 250px;
  }
}

@media (max-width: 576px) {
  /* line 636, app/assets/stylesheets/components/_search_bar.scss */
  .search-nav-container {
    max-width: 250px;
    margin: 0 0.25rem;
  }
  /* line 641, app/assets/stylesheets/components/_search_bar.scss */
  .search-input {
    font-size: 0.8rem;
    padding: 0.375rem 0.75rem 0.375rem 2.25rem !important;
  }
  /* line 646, app/assets/stylesheets/components/_search_bar.scss */
  .search-icon {
    left: 0.625rem;
  }
  /* line 650, app/assets/stylesheets/components/_search_bar.scss */
  .search-results-dropdown {
    max-height: 300px;
  }
  /* line 654, app/assets/stylesheets/components/_search_bar.scss */
  .search-results-list {
    max-height: 200px;
  }
  /* line 658, app/assets/stylesheets/components/_search_bar.scss */
  .search-result-item {
    padding: 0.5rem 0.75rem;
  }
  /* line 662, app/assets/stylesheets/components/_search_bar.scss */
  .search-result-icon {
    width: 28px;
    height: 28px;
    margin-right: 0.5rem;
  }
  /* line 668, app/assets/stylesheets/components/_search_bar.scss */
  .search-result-title {
    font-size: 0.8rem;
  }
  /* line 672, app/assets/stylesheets/components/_search_bar.scss */
  .search-result-subtitle {
    font-size: 0.7rem;
  }
}

/* line 678, app/assets/stylesheets/components/_search_bar.scss */
.navbar-dark .search-input-group {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 682, app/assets/stylesheets/components/_search_bar.scss */
.navbar-dark .search-input-group:focus-within {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}

/* line 688, app/assets/stylesheets/components/_search_bar.scss */
.navbar-dark .search-input {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 691, app/assets/stylesheets/components/_search_bar.scss */
.navbar-dark .search-input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* line 696, app/assets/stylesheets/components/_search_bar.scss */
.navbar-dark .search-icon,
.navbar-dark .search-loading {
  color: rgba(255, 255, 255, 0.7);
}

/* line 9, app/assets/stylesheets/components/_list_view.scss */
.main-content:has(.lv-container:not(.lv-container--embedded)) {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  height: calc(100vh - 104px);
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: padding-right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 21, app/assets/stylesheets/components/_list_view.scss */
body.ai-panel-open .main-content:has(.lv-container:not(.lv-container--embedded)) {
  padding-right: 420px;
}

/* line 26, app/assets/stylesheets/components/_list_view.scss */
.lv-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  position: relative;
  overflow: visible;
}

/* line 37, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  height: 52px;
  flex-shrink: 0;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  gap: 1rem;
}

/* line 49, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  flex: 1;
}

/* line 57, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 65, app/assets/stylesheets/components/_list_view.scss */
.lv-view-name-wrap {
  position: relative;
}

/* line 67, app/assets/stylesheets/components/_list_view.scss */
.lv-view-name-btn {
  background: none;
  border: none;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #080707;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
  line-height: 1;
}

/* line 81, app/assets/stylesheets/components/_list_view.scss */
.lv-view-name-btn:hover {
  color: var(--org-primary, #0070d2);
}

/* line 83, app/assets/stylesheets/components/_list_view.scss */
.lv-view-name-btn .lv-caret {
  font-size: 0.7rem;
  color: #706e6b;
  margin-top: 1px;
}

/* line 90, app/assets/stylesheets/components/_list_view.scss */
.lv-queue-badge {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  vertical-align: middle;
  margin-left: 0.15rem;
}

/* line 98, app/assets/stylesheets/components/_list_view.scss */
.lv-meta {
  font-size: 0.8rem;
  color: #706e6b;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
}

/* line 107, app/assets/stylesheets/components/_list_view.scss */
.lv-meta-sep {
  color: #c9c7c5;
}

/* line 110, app/assets/stylesheets/components/_list_view.scss */
.lv-view-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 1060;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
  min-width: 280px;
  display: flex;
  flex-direction: column;
}

/* line 124, app/assets/stylesheets/components/_list_view.scss */
.lv-view-search-wrap {
  padding: 0.5rem;
  border-bottom: 1px solid #f3f2f2;
}

/* line 129, app/assets/stylesheets/components/_list_view.scss */
.lv-view-search-input {
  width: 100%;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0.35rem 0.6rem;
  font-size: 0.8125rem;
}

/* line 135, app/assets/stylesheets/components/_list_view.scss */
.lv-view-search-input:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
}

/* line 138, app/assets/stylesheets/components/_list_view.scss */
.lv-view-list {
  max-height: 300px;
  overflow-y: auto;
}

/* line 143, app/assets/stylesheets/components/_list_view.scss */
.lv-view-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.875rem;
  font-size: 0.875rem;
  cursor: pointer;
}

/* line 150, app/assets/stylesheets/components/_list_view.scss */
.lv-view-item:hover {
  background: #f3f2f2;
}

/* line 153, app/assets/stylesheets/components/_list_view.scss */
.lv-view-item-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 155, app/assets/stylesheets/components/_list_view.scss */
.lv-view-badges {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 157, app/assets/stylesheets/components/_list_view.scss */
.lv-view-pin {
  background: none;
  border: none;
  padding: 2px 5px;
  cursor: pointer;
  color: #c9c7c5;
  font-size: 0.72rem;
  line-height: 1;
  border-radius: 4px;
  transition: color 0.1s, background 0.1s;
}

/* line 168, app/assets/stylesheets/components/_list_view.scss */
.lv-view-pin:hover {
  color: var(--org-primary, #0070d2);
  background: #e8f4fd;
}

/* line 169, app/assets/stylesheets/components/_list_view.scss */
.lv-view-pin.is-pinned {
  color: var(--org-primary, #0070d2);
}

/* line 172, app/assets/stylesheets/components/_list_view.scss */
.lv-view-dropdown-footer {
  padding: 0.5rem;
  border-top: 1px solid #f3f2f2;
}

/* line 177, app/assets/stylesheets/components/_list_view.scss */
.lv-view-new-btn {
  display: block;
  text-align: center;
  padding: 0.35rem;
  font-size: 0.8125rem;
  color: var(--org-primary, #0070d2);
  text-decoration: none;
  border-radius: 4px;
}

/* line 185, app/assets/stylesheets/components/_list_view.scss */
.lv-view-new-btn:hover {
  background: #f3f2f2;
  color: var(--org-primary, #0070d2);
}

/* line 188, app/assets/stylesheets/components/_list_view.scss */
.lv-view-dropdown-empty {
  padding: 0.75rem 0.875rem;
  font-size: 0.875rem;
  color: #706e6b;
}

/* line 195, app/assets/stylesheets/components/_list_view.scss */
.lv-search-form {
  display: flex;
}

/* line 197, app/assets/stylesheets/components/_list_view.scss */
.lv-search-wrap {
  position: relative;
}

/* line 200, app/assets/stylesheets/components/_list_view.scss */
.lv-search-wrap .lv-search-icon {
  position: absolute;
  left: 0.55rem;
  top: 50%;
  transform: translateY(-50%);
  color: #9faab5;
  font-size: 0.75rem;
  pointer-events: none;
}

/* line 210, app/assets/stylesheets/components/_list_view.scss */
.lv-search-wrap .lv-search-input {
  height: 32px;
  width: 220px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.75rem 0 1.7rem;
  font-size: 0.8125rem;
  background: #fff;
}

/* line 219, app/assets/stylesheets/components/_list_view.scss */
.lv-search-wrap .lv-search-input:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15);
}

/* line 225, app/assets/stylesheets/components/_list_view.scss */
.lv-search-wrap .lv-search-input::placeholder {
  color: #c9c7c5;
}

/* line 230, app/assets/stylesheets/components/_list_view.scss */
.lv-icon-btn {
  width: 32px;
  height: 32px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fff;
  color: #706e6b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.1s, border-color 0.1s, color 0.1s;
}

/* line 245, app/assets/stylesheets/components/_list_view.scss */
.lv-icon-btn:hover {
  background: #e8f4fd;
  border-color: var(--org-primary, #0070d2);
  color: var(--org-primary, #0070d2);
}

/* line 251, app/assets/stylesheets/components/_list_view.scss */
.lv-icon-btn--active {
  background: #e8f4fd;
  border-color: var(--org-primary, #0070d2);
  color: var(--org-primary, #0070d2);
}

/* line 259, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn-wrap {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-shrink: 0;
}

/* line 266, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn {
  height: 32px;
  padding: 0 0.875rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: background 0.1s, border-color 0.1s;
}

/* line 281, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--primary {
  background: var(--org-primary, #0070d2);
  color: #fff !important;
  border-color: var(--org-primary, #0070d2);
}

/* line 281, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--primary:hover {
  background: #005fb2;
}

/* line 282, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--secondary {
  background: #fff;
  color: #514f4d !important;
  border-color: #dddbda;
}

/* line 282, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--secondary:hover {
  background: #f3f2f2;
}

/* line 283, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--ghost {
  background: transparent;
  color: var(--org-primary, #0070d2) !important;
  border-color: var(--org-primary, #0070d2);
}

/* line 283, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--ghost:hover {
  background: #e8f4fd;
}

/* line 284, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--danger {
  background: #c23934;
  color: #fff !important;
  border-color: #c23934;
}

/* line 284, app/assets/stylesheets/components/_list_view.scss */
.lv-toolbar-btn--danger:hover {
  background: #a61c17;
}

/* line 288, app/assets/stylesheets/components/_list_view.scss */
.lv-new-btn {
  height: 32px;
  padding: 0 1rem;
  background: var(--org-primary, #0070d2);
  color: #fff !important;
  border: none;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.1s;
}

/* line 305, app/assets/stylesheets/components/_list_view.scss */
.lv-new-btn:hover {
  background: #005fb2;
}

/* line 309, app/assets/stylesheets/components/_list_view.scss */
.lv-btn {
  height: 28px;
  padding: 0 0.875rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background 0.1s;
}

/* line 322, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--primary {
  background: var(--org-primary, #0070d2);
  color: #fff !important;
  border-color: var(--org-primary, #0070d2);
}

/* line 326, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--primary:hover {
  background: #005fb2;
}

/* line 329, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--ghost {
  background: #fff;
  color: var(--org-primary, #0070d2);
  border-color: #dddbda;
}

/* line 333, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--ghost:hover {
  background: #f3f2f2;
}

/* line 336, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--ghost-light {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}

/* line 340, app/assets/stylesheets/components/_list_view.scss */
.lv-btn--ghost-light:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 345, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-panel {
  flex-shrink: 0;
  background: #fafaf9;
  border-bottom: 1px solid #dddbda;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 356, app/assets/stylesheets/components/_list_view.scss */
.lv-chip-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--org-primary, #0070d2);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 371, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-logic-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 378, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-logic-label {
  font-size: 0.8rem;
  color: #706e6b;
  font-weight: 600;
  white-space: nowrap;
}

/* line 385, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-logic-input {
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  font-family: monospace;
  width: 220px;
}

/* line 393, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-logic-input:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15);
}

/* line 396, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-logic-hint {
  font-size: 0.75rem;
  color: #aaa9a7;
  font-style: italic;
}

/* line 402, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem;
  min-height: 26px;
}

/* line 410, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-empty {
  font-size: 0.8rem;
  color: #706e6b;
  font-style: italic;
}

/* line 416, app/assets/stylesheets/components/_list_view.scss */
.lv-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: #e8f4fd;
  border: 1px solid #9dc9ef;
  border-radius: 16px;
  padding: 0.15rem 0.6rem;
  font-size: 0.79rem;
  color: #014486;
}

/* line 427, app/assets/stylesheets/components/_list_view.scss */
.lv-chip .lv-chip-op {
  color: #706e6b;
  font-style: italic;
}

/* line 429, app/assets/stylesheets/components/_list_view.scss */
.lv-chip .lv-chip-remove {
  background: none;
  border: none;
  padding: 0;
  margin-left: 0.15rem;
  color: #706e6b;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
}

/* line 438, app/assets/stylesheets/components/_list_view.scss */
.lv-chip .lv-chip-remove:hover {
  color: #c23934;
}

/* line 442, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-add {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 449, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-select {
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  background: #fff;
}

/* line 456, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-select:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
}

/* line 459, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-value,
.lv-filter-picklist {
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  width: 160px;
  background: #fff;
}

/* line 468, app/assets/stylesheets/components/_list_view.scss */
.lv-filter-value:focus,
.lv-filter-picklist:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15);
}

/* line 472, app/assets/stylesheets/components/_list_view.scss */
.lv-column-panel {
  position: absolute;
  top: 52px;
  right: 0;
  z-index: 200;
  background: #fff;
  border-left: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  width: 220px;
  box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.1);
  flex-direction: column;
}

/* line 485, app/assets/stylesheets/components/_list_view.scss */
.lv-column-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.875rem;
  font-weight: 700;
  font-size: 0.8125rem;
  border-bottom: 1px solid #f3f2f2;
  background: #f3f2f2;
}

/* line 496, app/assets/stylesheets/components/_list_view.scss */
.lv-panel-close {
  background: none;
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  color: #706e6b;
  padding: 0;
  line-height: 1;
}

/* line 504, app/assets/stylesheets/components/_list_view.scss */
.lv-panel-close:hover {
  color: #c23934;
}

/* line 507, app/assets/stylesheets/components/_list_view.scss */
.lv-column-panel-body {
  padding: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

/* line 516, app/assets/stylesheets/components/_list_view.scss */
.lv-column-check-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  font-size: 0.875rem;
  cursor: pointer;
  border-radius: 4px;
}

/* line 524, app/assets/stylesheets/components/_list_view.scss */
.lv-column-check-label:hover {
  background: #f3f2f2;
}

/* line 525, app/assets/stylesheets/components/_list_view.scss */
.lv-column-check-label .lv-column-check {
  cursor: pointer;
}

/* line 529, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-bar {
  flex-shrink: 0;
  background: #16325c;
  color: #fff;
  padding: 0 1rem;
  height: 40px;
  align-items: center;
  gap: 1rem;
}

/* line 540, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-count {
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 541, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 544, app/assets/stylesheets/components/_list_view.scss */
.lv-table-wrap {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
  transition: margin-right 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 552, app/assets/stylesheets/components/_list_view.scss */
.lv-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* line 553, app/assets/stylesheets/components/_list_view.scss */
.lv-table-wrap::-webkit-scrollbar-track {
  background: #f3f2f2;
}

/* line 554, app/assets/stylesheets/components/_list_view.scss */
.lv-table-wrap::-webkit-scrollbar-thumb {
  background: #c9c7c5;
  border-radius: 4px;
}

/* line 561, app/assets/stylesheets/components/_list_view.scss */
.lv-container--drawer-open .lv-table-wrap,
.lv-container--drawer-open .lv-bulk-bar {
  margin-right: 320px;
}

/* line 564, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-bar {
  transition: margin-right 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 567, app/assets/stylesheets/components/_list_view.scss */
.lv-table {
  width: 100%;
  border-collapse: collapse;
}

/* line 571, app/assets/stylesheets/components/_list_view.scss */
.lv-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* line 576, app/assets/stylesheets/components/_list_view.scss */
.lv-table thead tr {
  border-bottom: 2px solid #dddbda;
}

/* line 580, app/assets/stylesheets/components/_list_view.scss */
.lv-th {
  padding: 0.5rem 0.75rem;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #514f4d;
  white-space: nowrap;
  background: #fafaf9;
  border-bottom: 2px solid #dddbda;
  user-select: none;
}

/* line 592, app/assets/stylesheets/components/_list_view.scss */
.lv-th--check {
  width: 36px;
  text-align: center;
}

/* line 593, app/assets/stylesheets/components/_list_view.scss */
.lv-th--actions {
  width: 44px;
}

/* line 594, app/assets/stylesheets/components/_list_view.scss */
.lv-th--sorted {
  color: var(--org-primary, #0070d2);
}

/* line 597, app/assets/stylesheets/components/_list_view.scss */
.lv-th-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
}

/* line 605, app/assets/stylesheets/components/_list_view.scss */
.lv-th-link:hover {
  color: var(--org-primary, #0070d2);
}

/* line 608, app/assets/stylesheets/components/_list_view.scss */
.lv-sort-icon {
  font-size: 0.68rem;
}

/* line 610, app/assets/stylesheets/components/_list_view.scss */
.lv-sort-icon--inactive {
  opacity: 0.25;
}

/* line 613, app/assets/stylesheets/components/_list_view.scss */
.lv-row {
  border-bottom: 1px solid #f3f2f2;
}

/* line 615, app/assets/stylesheets/components/_list_view.scss */
.lv-row:hover {
  background: #f3f2f2;
}

/* line 616, app/assets/stylesheets/components/_list_view.scss */
.lv-row:last-child {
  border-bottom: none;
}

/* line 618, app/assets/stylesheets/components/_list_view.scss */
.lv-row.lv-row--selected {
  background: #e8f4fd;
}

/* line 621, app/assets/stylesheets/components/_list_view.scss */
.lv-td {
  padding: 0.6rem 0.75rem;
  font-size: 0.875rem;
  color: #3e3e3c;
  vertical-align: middle;
}

/* line 627, app/assets/stylesheets/components/_list_view.scss */
.lv-td--check {
  width: 36px;
  text-align: center;
}

/* line 628, app/assets/stylesheets/components/_list_view.scss */
.lv-td--actions {
  width: 44px;
  text-align: right;
}

/* line 632, app/assets/stylesheets/components/_list_view.scss */
.list-view-name-link {
  color: var(--org-primary, #0070d2);
  text-decoration: none;
  font-weight: 500;
}

/* line 636, app/assets/stylesheets/components/_list_view.scss */
.list-view-name-link:hover {
  text-decoration: underline;
}

/* line 639, app/assets/stylesheets/components/_list_view.scss */
.list-view-text {
  color: #3e3e3c;
}

/* line 640, app/assets/stylesheets/components/_list_view.scss */
.list-view-text-muted {
  color: #706e6b;
  font-style: italic;
}

/* line 642, app/assets/stylesheets/components/_list_view.scss */
.lv-td a:not(.btn) {
  color: var(--org-primary, #0070d2);
  text-decoration: none;
}

/* line 645, app/assets/stylesheets/components/_list_view.scss */
.lv-td a:not(.btn):hover {
  text-decoration: underline;
}

/* line 648, app/assets/stylesheets/components/_list_view.scss */
.lv-checkbox {
  width: 15px;
  height: 15px;
  cursor: pointer;
  accent-color: var(--org-primary, #0070d2);
}

/* line 656, app/assets/stylesheets/components/_list_view.scss */
.lv-row-menu {
  position: fixed;
  z-index: 3000;
  background: linear-gradient(135deg, #252525 0%, #1f1f1f 50%, #252525 100%);
  border-radius: 8px;
  padding: 0.375rem 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin: 0;
  min-width: 140px;
}

/* line 667, app/assets/stylesheets/components/_list_view.scss */
.lv-row-menu .dropdown-item {
  padding: 0.45rem 1rem;
  font-size: 0.8125rem;
  color: #e0e0e0;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

/* line 674, app/assets/stylesheets/components/_list_view.scss */
.lv-row-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

/* line 677, app/assets/stylesheets/components/_list_view.scss */
.lv-row-menu .dropdown-divider {
  margin: 0.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 684, app/assets/stylesheets/components/_list_view.scss */
.lv-action-btn {
  width: 28px;
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #706e6b;
  padding: 0;
  transition: background 0.1s, border-color 0.1s;
}

/* line 698, app/assets/stylesheets/components/_list_view.scss */
.lv-action-btn:hover {
  background: #f3f2f2;
  border-color: var(--org-primary, #0070d2);
  color: var(--org-primary, #0070d2);
}

/* line 705, app/assets/stylesheets/components/_list_view.scss */
.lv-action-btn::after {
  font-size: 0.6rem;
}

/* line 711, app/assets/stylesheets/components/_list_view.scss */
.lv-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5rem 2rem;
  text-align: center;
}

/* line 719, app/assets/stylesheets/components/_list_view.scss */
.lv-empty .lv-empty-icon {
  font-size: 2.5rem;
  color: #c9c7c5;
  margin-bottom: 1rem;
}

/* line 720, app/assets/stylesheets/components/_list_view.scss */
.lv-empty .lv-empty-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #514f4d;
  margin-bottom: 0.5rem;
}

/* line 721, app/assets/stylesheets/components/_list_view.scss */
.lv-empty .lv-empty-text {
  color: #706e6b;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

/* line 725, app/assets/stylesheets/components/_list_view.scss */
.lv-pagination {
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: center;
  border-top: 1px solid #f3f2f2;
  flex-shrink: 0;
}

/* line 733, app/assets/stylesheets/components/_list_view.scss */
.lv-pagination .pagination .page-link {
  font-size: 0.8125rem;
  border-color: #dddbda;
  color: var(--org-primary, #0070d2);
}

/* line 737, app/assets/stylesheets/components/_list_view.scss */
.lv-pagination .pagination .page-link:hover {
  background: #f3f2f2;
}

/* line 739, app/assets/stylesheets/components/_list_view.scss */
.lv-pagination .pagination .page-item.active .page-link {
  background: var(--org-primary, #0070d2);
  border-color: var(--org-primary, #0070d2);
}

@media (max-width: 768px) {
  /* line 748, app/assets/stylesheets/components/_list_view.scss */
  .main-content:has(.lv-container) {
    height: auto;
    overflow: visible;
  }
  /* line 749, app/assets/stylesheets/components/_list_view.scss */
  .lv-container {
    overflow: visible;
  }
  /* line 750, app/assets/stylesheets/components/_list_view.scss */
  .lv-toolbar {
    height: auto;
    flex-wrap: wrap;
    padding: 0.5rem;
  }
  /* line 751, app/assets/stylesheets/components/_list_view.scss */
  .lv-search-wrap .lv-search-input {
    width: 140px;
  }
}

/* line 758, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-backdrop {
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.18);
  z-index: 90;
}

/* line 768, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer {
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 0;
  width: 320px;
  max-width: 90%;
  background: #fff;
  z-index: 100;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.14);
  transform: translateX(100%);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}

/* line 783, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer--open {
  transform: translateX(0);
}

/* line 786, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-pane {
  flex: 1;
  min-height: 0;
  height: 100%;
  flex-direction: column;
}

/* line 794, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.9rem 1.1rem;
  font-weight: 700;
  font-size: 1rem;
  color: #080707;
  border-bottom: 1px solid #dddbda;
  background: #f3f2f2;
  flex-shrink: 0;
}

/* line 807, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 817, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-footer {
  padding: 0.75rem 1.1rem;
  border-top: 1px solid #dddbda;
  flex-shrink: 0;
}

/* line 823, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #706e6b;
  margin-top: 0.25rem;
}

/* line 831, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer-section-title .lv-col-hint {
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: #aaa9a7;
}

/* line 835, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer .lv-filter-add {
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}

/* line 840, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer .lv-filter-add .lv-filter-select,
.lv-drawer .lv-filter-add .lv-filter-value,
.lv-drawer .lv-filter-add .lv-filter-picklist {
  width: 100%;
  height: 32px;
}

/* line 845, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer .lv-filter-logic-input {
  width: 100%;
}

/* line 846, app/assets/stylesheets/components/_list_view.scss */
.lv-drawer .lv-filter-chips {
  min-height: 0;
}

/* line 849, app/assets/stylesheets/components/_list_view.scss */
.lv-col-picker {
  gap: 1rem;
}

/* line 853, app/assets/stylesheets/components/_list_view.scss */
.lv-col-picker-group {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 859, app/assets/stylesheets/components/_list_view.scss */
.lv-col-search {
  width: 100%;
  height: 32px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.6rem;
  font-size: 0.8125rem;
}

/* line 866, app/assets/stylesheets/components/_list_view.scss */
.lv-col-search:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15);
}

/* line 869, app/assets/stylesheets/components/_list_view.scss */
.lv-col-available {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #f0eff0;
  border-radius: 6px;
}

/* line 876, app/assets/stylesheets/components/_list_view.scss */
.lv-col-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.6rem;
  font-size: 0.85rem;
  color: #3e3e3c;
  cursor: pointer;
  border-bottom: 1px solid #f7f6f7;
}

/* line 885, app/assets/stylesheets/components/_list_view.scss */
.lv-col-item:last-child {
  border-bottom: none;
}

/* line 886, app/assets/stylesheets/components/_list_view.scss */
.lv-col-item:hover {
  background: #e8f4fd;
  color: var(--org-primary, #0070d2);
}

/* line 888, app/assets/stylesheets/components/_list_view.scss */
.lv-col-item .lv-col-item-icon {
  font-size: 0.7rem;
  color: #9faab5;
}

/* line 889, app/assets/stylesheets/components/_list_view.scss */
.lv-col-item:hover .lv-col-item-icon {
  color: var(--org-primary, #0070d2);
}

/* line 892, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-height: 40px;
}

/* line 899, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  font-size: 0.85rem;
  color: #3e3e3c;
  cursor: grab;
}

/* line 911, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item.lv-col-drag-over {
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 2px rgba(0, 112, 210, 0.2);
}

/* line 913, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item .lv-col-grip {
  color: #c9c7c5;
  font-size: 0.8rem;
}

/* line 914, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item .lv-col-selected-name {
  flex: 1;
}

/* line 916, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item .lv-col-remove {
  background: none;
  border: none;
  padding: 0;
  color: #aaa9a7;
  cursor: pointer;
  font-size: 0.85rem;
}

/* line 919, app/assets/stylesheets/components/_list_view.scss */
.lv-col-selected-item .lv-col-remove:hover {
  color: #c23934;
}

/* line 924, app/assets/stylesheets/components/_list_view.scss */
.lv-th {
  position: relative;
}

/* line 926, app/assets/stylesheets/components/_list_view.scss */
.lv-col-resize {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  user-select: none;
}

/* line 934, app/assets/stylesheets/components/_list_view.scss */
.lv-col-resize:hover {
  background: rgba(0, 112, 210, 0.3);
}

/* line 937, app/assets/stylesheets/components/_list_view.scss */
body.lv-resizing {
  cursor: col-resize;
  user-select: none;
}

/* line 940, app/assets/stylesheets/components/_list_view.scss */
.lv-table--fixed {
  table-layout: fixed;
}

/* line 943, app/assets/stylesheets/components/_list_view.scss */
.lv-table--fixed .lv-cell-value {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 951, app/assets/stylesheets/components/_list_view.scss */
.lv-table--fixed .lv-th-link {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 955, app/assets/stylesheets/components/_list_view.scss */
.lv-td--editable {
  position: relative;
}

/* line 958, app/assets/stylesheets/components/_list_view.scss */
.lv-td--editable .lv-cell-edit {
  opacity: 0;
  background: none;
  border: none;
  padding: 0 0.25rem;
  margin-left: 0.25rem;
  color: #9faab5;
  cursor: pointer;
  font-size: 0.7rem;
  transition: opacity 0.1s, color 0.1s;
}

/* line 968, app/assets/stylesheets/components/_list_view.scss */
.lv-td--editable .lv-cell-edit:hover {
  color: var(--org-primary, #0070d2);
}

/* line 972, app/assets/stylesheets/components/_list_view.scss */
.lv-row:hover .lv-td--editable .lv-cell-edit {
  opacity: 1;
}

/* line 975, app/assets/stylesheets/components/_list_view.scss */
.lv-editor-popover {
  position: fixed;
  z-index: 3100;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  padding: 0.6rem;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 989, app/assets/stylesheets/components/_list_view.scss */
.lv-editor-input {
  width: 100%;
  height: 32px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.85rem;
  background: #fff;
}

/* line 997, app/assets/stylesheets/components/_list_view.scss */
.lv-editor-input:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.15);
}

/* line 1000, app/assets/stylesheets/components/_list_view.scss */
.lv-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 1004, app/assets/stylesheets/components/_list_view.scss */
.lv-editor-actions .lv-btn {
  flex: 1;
  justify-content: center;
  white-space: nowrap;
}

/* line 1008, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-edit {
  position: relative;
}

/* line 1010, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-menu {
  margin-top: 4px;
  max-height: 220px;
  overflow-y: auto;
  border: 1px solid #dddbda;
  border-radius: 6px;
  background: #fff;
}

/* line 1019, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-row {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.4rem 0.6rem;
  cursor: pointer;
  font-size: 0.85rem;
  border-bottom: 1px solid #f3f2f2;
}

/* line 1027, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-row:last-child {
  border-bottom: none;
}

/* line 1028, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-row:hover {
  background: #e8f4fd;
}

/* line 1030, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-row .lv-lookup-row-label {
  color: #16325c;
  font-weight: 500;
}

/* line 1031, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-row .lv-lookup-row-sub {
  color: #706e6b;
  font-size: 0.75rem;
}

/* line 1034, app/assets/stylesheets/components/_list_view.scss */
.lv-lookup-empty {
  padding: 0.5rem 0.6rem;
  color: #706e6b;
  font-size: 0.8rem;
}

/* line 1037, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-edit {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}

/* line 1044, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-field,
.lv-bulk-editor-mount .lv-editor-input {
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.8125rem;
  background: #fff;
  color: #3e3e3c;
}

/* line 1055, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-editor-mount {
  display: inline-flex;
  min-width: 160px;
}

/* line 1055, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-editor-mount .lv-editor-input {
  width: 160px;
}

/* line 1057, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-progress {
  flex: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 3px;
  overflow: hidden;
  max-width: 200px;
}

/* line 1066, app/assets/stylesheets/components/_list_view.scss */
.lv-bulk-progress-bar {
  height: 100%;
  width: 0%;
  background: #4bca81;
  transition: width 0.2s;
}

/* line 1073, app/assets/stylesheets/components/_list_view.scss */
.lv-th-link--static {
  cursor: default;
}

/* line 1073, app/assets/stylesheets/components/_list_view.scss */
.lv-th-link--static:hover {
  color: inherit;
}

/* line 1079, app/assets/stylesheets/components/_list_view.scss */
.filter-row {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}

/* line 1087, app/assets/stylesheets/components/_list_view.scss */
.filter-row:hover {
  border-color: #ced4da;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* line 1092, app/assets/stylesheets/components/_list_view.scss */
.filter-row .form-select, .filter-row .form-control {
  border: 1px solid #ced4da;
  border-radius: 4px;
}

/* line 1095, app/assets/stylesheets/components/_list_view.scss */
.filter-row .form-select:focus, .filter-row .form-control:focus {
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 0.2rem rgba(0, 112, 210, 0.1);
}

/* line 1099, app/assets/stylesheets/components/_list_view.scss */
.card .card-header.bg-primary {
  background: linear-gradient(135deg, var(--org-primary, #0070d2) 0%, #005fb2 100%) !important;
  border: none;
  padding: 1.25rem 1.5rem;
}

/* line 1103, app/assets/stylesheets/components/_list_view.scss */
.card .card-header.bg-primary h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

/* line 4, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast,
.record-builder-toast,
.global-top-alert {
  position: fixed !important;
  top: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10000 !important;
  min-width: 0;
  max-width: 500px;
  width: auto;
  padding: 1rem 1.5rem !important;
  margin: 0 auto;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  animation: toastSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* line 36, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-success,
.record-builder-toast.alert-success,
.global-top-alert.alert-success {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
}

/* line 40, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-success .btn-close,
.record-builder-toast.alert-success .btn-close,
.global-top-alert.alert-success .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* line 44, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-success .btn-close:hover,
.record-builder-toast.alert-success .btn-close:hover,
.global-top-alert.alert-success .btn-close:hover {
  opacity: 1;
}

/* line 51, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-danger,
.record-builder-toast.alert-danger,
.global-top-alert.alert-danger {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  color: white !important;
}

/* line 55, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-danger .btn-close,
.record-builder-toast.alert-danger .btn-close,
.global-top-alert.alert-danger .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* line 59, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-danger .btn-close:hover,
.record-builder-toast.alert-danger .btn-close:hover,
.global-top-alert.alert-danger .btn-close:hover {
  opacity: 1;
}

/* line 66, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-warning,
.record-builder-toast.alert-warning,
.global-top-alert.alert-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  color: white !important;
}

/* line 70, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-warning .btn-close,
.record-builder-toast.alert-warning .btn-close,
.global-top-alert.alert-warning .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* line 74, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-warning .btn-close:hover,
.record-builder-toast.alert-warning .btn-close:hover,
.global-top-alert.alert-warning .btn-close:hover {
  opacity: 1;
}

/* line 81, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-info,
.record-builder-toast.alert-info,
.global-top-alert.alert-info {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  color: white !important;
}

/* line 85, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-info .btn-close,
.record-builder-toast.alert-info .btn-close,
.global-top-alert.alert-info .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

/* line 89, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.alert-info .btn-close:hover,
.record-builder-toast.alert-info .btn-close:hover,
.global-top-alert.alert-info .btn-close:hover {
  opacity: 1;
}

/* line 98, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast .global-alert-close,
.record-builder-toast .global-alert-close,
.global-top-alert .global-alert-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.4rem;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.85;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}

/* line 114, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast .global-alert-close:hover,
.record-builder-toast .global-alert-close:hover,
.global-top-alert .global-alert-close:hover {
  opacity: 1;
}

/* line 116, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast .global-alert-close:focus,
.record-builder-toast .global-alert-close:focus,
.global-top-alert .global-alert-close:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 4px;
}

/* line 124, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast > div:first-child:not(.btn-close),
.record-builder-toast > div:first-child:not(.btn-close),
.global-top-alert > div:first-child:not(.btn-close) {
  flex: 1;
  min-width: 0;
}

/* line 130, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast ul,
.record-builder-toast ul,
.global-top-alert ul {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
}

/* line 134, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast ul li,
.record-builder-toast ul li,
.global-top-alert ul li {
  margin: 0.25rem 0;
}

/* line 140, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast strong,
.record-builder-toast strong,
.global-top-alert strong {
  font-weight: 600;
}

/* line 145, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast.fade:not(.show),
.record-builder-toast.fade:not(.show),
.global-top-alert.fade:not(.show) {
  animation: toastSlideOut 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateX(-50%) translateY(-20px) scale(0.95);
  }
}

@media (max-width: 768px) {
  /* line 176, app/assets/stylesheets/components/_toast_alerts.scss */
  .global-toast,
.record-builder-toast,
.global-top-alert {
    top: 16px !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
    max-width: none;
    width: auto;
    min-width: 0;
    padding: 0.875rem 1.25rem !important;
    font-size: 0.9rem;
  }
  @keyframes toastSlideIn {
    from {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @keyframes toastSlideOut {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }
  }
}

/* line 214, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast + .global-toast,
.record-builder-toast + .record-builder-toast,
.global-top-alert + .global-top-alert {
  top: 100px !important;
}

/* line 220, app/assets/stylesheets/components/_toast_alerts.scss */
.global-toast + .global-toast + .global-toast,
.record-builder-toast + .record-builder-toast + .record-builder-toast,
.global-top-alert + .global-top-alert + .global-top-alert {
  top: 176px !important;
}

/* line 17, app/assets/stylesheets/components/_reports.scss */
.rpt-layout {
  display: flex;
  height: calc(100vh - 104px);
  overflow: hidden;
}

/* line 27, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar {
  width: 240px;
  flex-shrink: 0;
  background: #f8f8f8;
  border-right: 1px solid #dddbda;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* line 37, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dddbda;
  background: #fff;
}

/* line 46, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-title {
  font-weight: 700;
  font-size: 0.95rem;
  color: #080707;
}

/* line 52, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 57, app/assets/stylesheets/components/_reports.scss */
.rpt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fff;
  color: #706e6b;
  text-decoration: none;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

/* line 72, app/assets/stylesheets/components/_reports.scss */
.rpt-icon-btn:hover {
  background: #f3f2f2;
  color: #080707;
}

/* line 73, app/assets/stylesheets/components/_reports.scss */
.rpt-icon-btn--primary {
  background: var(--org-primary, #1589d0);
  color: #fff;
  border-color: var(--org-primary, #1589d0);
}

/* line 74, app/assets/stylesheets/components/_reports.scss */
.rpt-icon-btn--primary:hover {
  background: var(--org-primary, #0e6fb0);
  color: #fff;
}

/* line 77, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-nav {
  flex: 1;
  padding: 0.5rem 0;
}

/* line 82, app/assets/stylesheets/components/_reports.scss */
.rpt-nav-item {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: #080707;
  text-decoration: none;
  border-left: 3px solid transparent;
  gap: 0.25rem;
}

/* line 92, app/assets/stylesheets/components/_reports.scss */
.rpt-nav-item:hover {
  background: #efefef;
  color: #080707;
}

/* line 94, app/assets/stylesheets/components/_reports.scss */
.rpt-nav-item--active {
  border-left-color: var(--org-primary, #1589d0);
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
  font-weight: 600;
}

/* line 101, app/assets/stylesheets/components/_reports.scss */
.rpt-nav-item .rpt-nav-count {
  margin-left: auto;
  font-size: 0.75rem;
  color: #706e6b;
  background: #e8e8e8;
  border-radius: 10px;
  padding: 0 6px;
}

/* line 113, app/assets/stylesheets/components/_reports.scss */
.rpt-main {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
}

/* line 120, app/assets/stylesheets/components/_reports.scss */
.rpt-main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

/* line 127, app/assets/stylesheets/components/_reports.scss */
.rpt-main-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.1rem;
  font-weight: 700;
}

/* line 135, app/assets/stylesheets/components/_reports.scss */
.rpt-breadcrumb-link {
  color: var(--org-primary, #1589d0);
  text-decoration: none;
}

/* line 138, app/assets/stylesheets/components/_reports.scss */
.rpt-breadcrumb-link:hover {
  text-decoration: underline;
}

/* line 141, app/assets/stylesheets/components/_reports.scss */
.rpt-breadcrumb-sep {
  font-size: 0.75rem;
  color: #706e6b;
}

/* line 142, app/assets/stylesheets/components/_reports.scss */
.rpt-breadcrumb-current {
  color: #080707;
}

/* line 144, app/assets/stylesheets/components/_reports.scss */
.rpt-main-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 148, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 155, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card {
  border: 1px solid #dddbda;
  border-radius: 6px;
  background: #fff;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: box-shadow 0.15s;
}

/* line 165, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* line 168, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  text-decoration: none;
  color: #080707;
  flex: 1;
}

/* line 178, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-icon {
  font-size: 1.75rem;
  color: #f4c430;
}

/* line 179, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-name {
  font-weight: 600;
  font-size: 0.9rem;
}

/* line 180, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-count {
  font-size: 0.75rem;
  color: #706e6b;
}

/* line 182, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  justify-content: flex-end;
}

/* line 188, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card-actions .rpt-folder-action {
  font-size: 0.75rem;
  color: #706e6b;
  text-decoration: none;
}

/* line 192, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card-actions .rpt-folder-action:hover {
  color: #080707;
}

/* line 193, app/assets/stylesheets/components/_reports.scss */
.rpt-folder-card-actions .rpt-folder-action.text-danger:hover {
  color: #c0392b !important;
}

/* line 199, app/assets/stylesheets/components/_reports.scss */
.rpt-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  overflow: hidden;
}

/* line 207, app/assets/stylesheets/components/_reports.scss */
.rpt-table th {
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: left;
}

/* line 220, app/assets/stylesheets/components/_reports.scss */
.rpt-row {
  border-bottom: 1px solid #f0efef;
  transition: background 0.1s;
}

/* line 223, app/assets/stylesheets/components/_reports.scss */
.rpt-row:hover {
  background: #f8f8fb;
}

/* line 224, app/assets/stylesheets/components/_reports.scss */
.rpt-row:last-child {
  border-bottom: none;
}

/* line 226, app/assets/stylesheets/components/_reports.scss */
.rpt-row td {
  padding: 0.65rem 1rem;
  font-size: 0.875rem;
  vertical-align: middle;
}

/* line 229, app/assets/stylesheets/components/_reports.scss */
.rpt-report-link {
  font-weight: 600;
  color: var(--org-primary, #1589d0);
  text-decoration: none;
}

/* line 233, app/assets/stylesheets/components/_reports.scss */
.rpt-report-link:hover {
  text-decoration: underline;
}

/* line 236, app/assets/stylesheets/components/_reports.scss */
.rpt-report-desc {
  font-size: 0.8rem;
  color: #706e6b;
  margin-top: 2px;
}

/* line 238, app/assets/stylesheets/components/_reports.scss */
.rpt-row-actions {
  text-align: right;
  width: 40px;
}

/* line 239, app/assets/stylesheets/components/_reports.scss */
.rpt-action-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #706e6b;
  padding: 4px 6px;
  border-radius: 4px;
}

/* line 242, app/assets/stylesheets/components/_reports.scss */
.rpt-action-btn:hover {
  background: #f3f2f2;
  color: #080707;
}

/* line 247, app/assets/stylesheets/components/_reports.scss */
.rpt-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
  color: #706e6b;
}

/* line 251, app/assets/stylesheets/components/_reports.scss */
.rpt-empty .rpt-empty-icon {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  opacity: 0.35;
}

/* line 252, app/assets/stylesheets/components/_reports.scss */
.rpt-empty h4 {
  color: #080707;
  margin-bottom: 0.5rem;
}

/* line 253, app/assets/stylesheets/components/_reports.scss */
.rpt-empty p {
  max-width: 360px;
  margin-bottom: 1.25rem;
}

/* line 258, app/assets/stylesheets/components/_reports.scss */
.rpt-badge {
  display: inline-block;
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 265, app/assets/stylesheets/components/_reports.scss */
.rpt-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.85rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  white-space: nowrap;
}

/* line 272, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--primary {
  background: var(--org-primary, #1589d0);
  color: #fff;
  border-color: var(--org-primary, #1589d0);
}

/* line 273, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--primary:hover {
  background: var(--org-primary, #0e6fb0);
  color: #fff;
  border-color: var(--org-primary, #0e6fb0);
}

/* line 275, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--ghost, .rpt-btn--ghost-sm {
  background: #fff;
  color: #080707;
  border-color: #dddbda;
}

/* line 276, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--ghost:hover, .rpt-btn--ghost-sm:hover {
  background: #f3f2f2;
}

/* line 278, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--ghost-sm {
  padding: 0.25rem 0.6rem;
}

/* line 280, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--danger {
  background: #c0392b;
  color: #fff;
  border-color: #c0392b;
}

/* line 281, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--danger:hover {
  background: #a93226;
}

/* line 283, app/assets/stylesheets/components/_reports.scss */
.rpt-btn--sm {
  padding: 0.25rem 0.6rem;
  font-size: 0.8rem;
}

/* line 288, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 87px);
  overflow: hidden;
}

/* line 295, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background: #fff;
  border-bottom: 2px solid var(--org-primary, #1589d0);
  flex-shrink: 0;
  gap: 1rem;
}

/* line 306, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-topbar-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 310, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-topbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 314, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
  color: #080707;
}

/* line 318, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 322, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-name-input {
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0.3rem 0.6rem;
  font-size: 1rem;
  font-weight: 600;
  color: #080707;
  background: #fff;
  min-width: 220px;
}

/* line 326, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-name-input:focus {
  outline: none;
  border-color: var(--org-primary, #1589d0);
  box-shadow: 0 0 0 2px rgba(21, 137, 208, 0.15);
}

/* line 329, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-object-badge {
  display: inline-flex;
  align-items: center;
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
  border-radius: 20px;
  padding: 0.2rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 336, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* line 340, app/assets/stylesheets/components/_reports.scss */
.rpt-new-body {
  flex: 1;
  overflow-y: auto;
  padding: 2rem 1.5rem;
  background: #f3f2f2;
}

/* line 342, app/assets/stylesheets/components/_reports.scss */
.rpt-new-body > form {
  max-width: 800px;
  margin: 0 auto;
}

/* line 345, app/assets/stylesheets/components/_reports.scss */
.rpt-new-card {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 8px;
  padding: 2rem;
  width: 100%;
}

/* line 350, app/assets/stylesheets/components/_reports.scss */
.rpt-new-card-title {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
}

/* line 354, app/assets/stylesheets/components/_reports.scss */
.rpt-new-card-desc {
  font-size: 0.9rem;
  color: #706e6b;
  margin-bottom: 1.5rem;
}

/* line 358, app/assets/stylesheets/components/_reports.scss */
.rpt-object-section-label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.6rem;
}

/* line 363, app/assets/stylesheets/components/_reports.scss */
.rpt-new-divider {
  border-color: #dddbda;
  margin: 1.5rem 0;
}

/* line 365, app/assets/stylesheets/components/_reports.scss */
.rpt-new-name-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-end;
}

/* line 369, app/assets/stylesheets/components/_reports.scss */
.rpt-new-field-group {
  margin-bottom: 1.25rem;
  flex: 1;
  min-width: 220px;
}

/* line 373, app/assets/stylesheets/components/_reports.scss */
.rpt-new-objects-row {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 377, app/assets/stylesheets/components/_reports.scss */
.rpt-new-actions {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-end;
}

/* line 383, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox {
  position: relative;
}

/* line 387, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox-input {
  width: 100%;
  cursor: pointer;
}

/* line 391, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 240px;
  overflow-y: auto;
}

/* line 399, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox-option {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  cursor: pointer;
  color: #080707;
}

/* line 401, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox-option:hover {
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
}

/* line 404, app/assets/stylesheets/components/_reports.scss */
.rpt-combobox-divider {
  border-top: 1px solid #dddbda;
  margin: 0.25rem 0;
}

/* line 410, app/assets/stylesheets/components/_reports.scss */
.rpt-split-builder {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}

/* line 414, app/assets/stylesheets/components/_reports.scss */
.rpt-split-sidebar {
  width: 300px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  border-right: 1px solid #dddbda;
  background: #fff;
}

/* line 422, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-section {
  border-bottom: 1px solid #dddbda;
}

/* line 426, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-section-header {
  padding: 0.6rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  position: sticky;
  top: 0;
  z-index: 1;
}

/* line 433, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-section-body {
  padding: 0.75rem 1rem;
}

/* line 435, app/assets/stylesheets/components/_reports.scss */
.rpt-sidebar-section-body--flush {
  padding: 0;
}

/* line 440, app/assets/stylesheets/components/_reports.scss */
.rpt-col-two-panel {
  display: flex;
  gap: 0;
  height: 220px;
  border-top: 1px solid #dddbda;
}

/* line 444, app/assets/stylesheets/components/_reports.scss */
.rpt-col-available-wrap, .rpt-col-selected-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: 1px solid #dddbda;
}

/* line 447, app/assets/stylesheets/components/_reports.scss */
.rpt-col-available-wrap:last-child, .rpt-col-selected-wrap:last-child {
  border-right: none;
}

/* line 450, app/assets/stylesheets/components/_reports.scss */
.rpt-col-panel-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  padding: 0.3rem 0.5rem;
  background: #f8f8f8;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
}

/* line 456, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-list, .rpt-columns-selected-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem;
}

/* line 460, app/assets/stylesheets/components/_reports.scss */
.rpt-col-add-btn {
  flex-shrink: 0;
  width: 100%;
  border: none;
  border-top: 1px solid #dddbda;
  background: #f8f8f8;
  color: var(--org-primary, #1589d0);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35rem;
  cursor: pointer;
  text-align: center;
}

/* line 464, app/assets/stylesheets/components/_reports.scss */
.rpt-col-add-btn:hover {
  background: #e8f4fb;
}

/* line 465, app/assets/stylesheets/components/_reports.scss */
.rpt-col-add-btn--ghost {
  color: #706e6b;
}

/* line 466, app/assets/stylesheets/components/_reports.scss */
.rpt-col-add-btn--ghost:hover {
  background: #f0f0f0;
  color: #080707;
}

/* line 472, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row-inner {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  background: #f8f8f8;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}

/* line 478, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row-inner .rpt-filter-num {
  position: absolute;
  top: 0.4rem;
  left: 0.5rem;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e0e0e0;
  color: #706e6b;
  font-size: 0.65rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 485, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row-inner .rpt-select, .rpt-filter-row-inner .rpt-input {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
}

/* line 487, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row-inner .rpt-selected-col-remove {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
}

/* line 494, app/assets/stylesheets/components/_reports.scss */
.rpt-split-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}

/* line 498, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
}

/* line 504, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 509, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-status {
  font-size: 0.8rem;
  color: #706e6b;
  font-style: italic;
}

/* line 513, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-panel {
  flex: 1;
  overflow: auto;
  background: #fff;
}

/* line 517, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 200px;
  color: #706e6b;
  text-align: center;
  gap: 0.75rem;
  padding: 2rem;
}

/* line 523, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-placeholder-icon {
  font-size: 3rem;
  opacity: 0.25;
}

/* line 525, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-error {
  background: #fff5f5;
  color: #c0392b;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  margin: 1rem;
}

/* line 530, app/assets/stylesheets/components/_reports.scss */
.rpt-preview-count {
  font-size: 0.8rem;
  color: #706e6b;
  padding: 0.4rem 1rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
}

/* line 535, app/assets/stylesheets/components/_reports.scss */
.rpt-builder-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: #f3f2f2;
}

/* line 543, app/assets/stylesheets/components/_reports.scss */
.rpt-section {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 551, app/assets/stylesheets/components/_reports.scss */
.rpt-section-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
}

/* line 558, app/assets/stylesheets/components/_reports.scss */
.rpt-section-num {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--org-primary, #1589d0);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 565, app/assets/stylesheets/components/_reports.scss */
.rpt-section-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  color: #080707;
}

/* line 569, app/assets/stylesheets/components/_reports.scss */
.rpt-section-body {
  padding: 1.25rem;
}

/* line 570, app/assets/stylesheets/components/_reports.scss */
.rpt-optional {
  font-size: 0.8rem;
  color: #706e6b;
  font-weight: 400;
}

/* line 571, app/assets/stylesheets/components/_reports.scss */
.rpt-subsection-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

/* line 579, app/assets/stylesheets/components/_reports.scss */
.rpt-object-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* line 583, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 90px;
  border: 2px solid #dddbda;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  gap: 0.4rem;
}

/* line 591, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card:hover {
  border-color: var(--org-primary, #1589d0);
  box-shadow: 0 2px 8px rgba(21, 137, 208, 0.15);
}

/* line 593, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card--selected {
  border-color: var(--org-primary, #1589d0);
  background: #e8f4fb;
}

/* line 595, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card--selected .rpt-object-icon {
  color: var(--org-primary, #1589d0);
}

/* line 596, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card--selected .rpt-object-label {
  color: var(--org-primary, #1589d0);
  font-weight: 700;
}

/* line 599, app/assets/stylesheets/components/_reports.scss */
.rpt-object-card--custom .rpt-object-icon {
  color: #9b59b6;
}

/* line 602, app/assets/stylesheets/components/_reports.scss */
.rpt-object-icon {
  font-size: 1.5rem;
  color: #706e6b;
}

/* line 603, app/assets/stylesheets/components/_reports.scss */
.rpt-object-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #080707;
  text-align: center;
  line-height: 1.2;
}

/* line 607, app/assets/stylesheets/components/_reports.scss */
.rpt-detail-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
  margin-bottom: 1rem;
}

/* line 611, app/assets/stylesheets/components/_reports.scss */
.rpt-detail-field {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 180px;
}

/* line 613, app/assets/stylesheets/components/_reports.scss */
.rpt-detail-field--lg {
  flex: 2;
}

/* line 614, app/assets/stylesheets/components/_reports.scss */
.rpt-detail-field--full {
  flex: 1 0 100%;
}

/* line 617, app/assets/stylesheets/components/_reports.scss */
.rpt-label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #706e6b;
  margin-bottom: 0;
}

/* line 619, app/assets/stylesheets/components/_reports.scss */
.rpt-input, .rpt-select {
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0.4rem 0.65rem;
  font-size: 0.875rem;
  color: #080707;
  background: #fff;
  width: 100%;
}

/* line 623, app/assets/stylesheets/components/_reports.scss */
.rpt-input:focus, .rpt-select:focus {
  outline: none;
  border-color: var(--org-primary, #1589d0);
  box-shadow: 0 0 0 2px rgba(21, 137, 208, 0.15);
}

/* line 626, app/assets/stylesheets/components/_reports.scss */
.rpt-select {
  cursor: pointer;
}

/* line 633, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  min-height: 260px;
}

/* line 637, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-available, .rpt-columns-selected {
  border: 1px solid #dddbda;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  overflow: hidden;
}

/* line 642, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-panel-header {
  padding: 0.4rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
}

/* line 648, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-search-wrap {
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #dddbda;
}

/* line 650, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-search {
  width: 100%;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}

/* line 653, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-search:focus {
  outline: none;
  border-color: var(--org-primary, #1589d0);
}

/* line 656, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem;
}

/* line 660, app/assets/stylesheets/components/_reports.scss */
.rpt-col-item {
  padding: 0.35rem 0.6rem;
  border-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
  color: #080707;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 665, app/assets/stylesheets/components/_reports.scss */
.rpt-col-item:hover {
  background: #e8f4fb;
}

/* line 666, app/assets/stylesheets/components/_reports.scss */
.rpt-col-item--selected {
  background: #d4eaf7;
  color: var(--org-primary, #1589d0);
  font-weight: 500;
}

/* line 669, app/assets/stylesheets/components/_reports.scss */
.rpt-col-type-icon {
  font-size: 0.7rem;
  color: #706e6b;
  width: 14px;
  text-align: center;
}

/* line 671, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-hint {
  font-size: 0.75rem;
  color: #706e6b;
  padding: 0.25rem 0.6rem;
}

/* line 673, app/assets/stylesheets/components/_reports.scss */
.rpt-columns-selected-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem;
  min-height: 120px;
}

/* line 677, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.6rem;
  border-radius: 4px;
  font-size: 0.8rem;
  background: #fff;
  border: 1px solid #dddbda;
  margin-bottom: 3px;
  cursor: grab;
  user-select: none;
}

/* line 683, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col:hover {
  border-color: var(--org-primary, #1589d0);
}

/* line 684, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col.rpt-col-drag-over {
  border-color: var(--org-primary, #1589d0);
  background: #e8f4fb;
}

/* line 687, app/assets/stylesheets/components/_reports.scss */
.rpt-drag-handle {
  color: #706e6b;
  font-size: 0.7rem;
  cursor: grab;
}

/* line 688, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col-name {
  flex: 1;
}

/* line 689, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #706e6b;
  padding: 2px;
}

/* line 691, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-col-remove:hover {
  color: #c0392b;
}

/* line 694, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-empty {
  font-size: 0.8rem;
  color: #706e6b;
  padding: 1rem;
  text-align: center;
  font-style: italic;
}

/* line 700, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

/* line 702, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 705, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row .rpt-filter-field {
  flex: 2;
  min-width: 140px;
}

/* line 706, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row .rpt-filter-operator {
  flex: 1.5;
  min-width: 130px;
}

/* line 707, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-row .rpt-filter-value {
  flex: 2;
  min-width: 130px;
}

/* line 710, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #e0e0e0;
  color: #706e6b;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 717, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-add-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 719, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-logic-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 720, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-logic-input {
  width: 200px;
}

/* line 724, app/assets/stylesheets/components/_reports.scss */
.rpt-sort-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 728, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-configs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

/* line 730, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-config-card {
  border: 1px solid #dddbda;
  border-radius: 6px;
  background: #fafafa;
  overflow: hidden;
}

/* line 734, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-config-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
}

/* line 739, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-config-body {
  padding: 0.75rem;
}

/* line 743, app/assets/stylesheets/components/_reports.scss */
.rpt-show-page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 87px);
  overflow: hidden;
}

/* line 745, app/assets/stylesheets/components/_reports.scss */
.rpt-show-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background: #fff;
  border-bottom: 2px solid var(--org-primary, #1589d0);
  flex-shrink: 0;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 751, app/assets/stylesheets/components/_reports.scss */
.rpt-show-header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 752, app/assets/stylesheets/components/_reports.scss */
.rpt-show-header-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 754, app/assets/stylesheets/components/_reports.scss */
.rpt-show-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

/* line 755, app/assets/stylesheets/components/_reports.scss */
.rpt-show-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  margin-top: 2px;
}

/* line 759, app/assets/stylesheets/components/_reports.scss */
.rpt-charts-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
}

/* line 765, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-card {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  padding: 0.75rem;
  flex: 1;
  min-width: 280px;
  max-width: 480px;
}

/* line 770, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-title {
  font-size: 0.85rem;
  font-weight: 700;
  color: #080707;
  margin-bottom: 0.5rem;
}

/* line 771, app/assets/stylesheets/components/_reports.scss */
.rpt-chart-wrap {
  position: relative;
  max-height: 260px;
}

/* line 775, app/assets/stylesheets/components/_reports.scss */
.rpt-results-section {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 777, app/assets/stylesheets/components/_reports.scss */
.rpt-results-toolbar {
  padding: 0.5rem 1.5rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  font-size: 0.8rem;
  color: #706e6b;
  flex-shrink: 0;
}

/* line 782, app/assets/stylesheets/components/_reports.scss */
.rpt-results-count {
  font-weight: 500;
}

/* line 784, app/assets/stylesheets/components/_reports.scss */
.rpt-table-wrap {
  flex: 1;
  overflow: auto;
}

/* line 786, app/assets/stylesheets/components/_reports.scss */
.rpt-data-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  min-width: 600px;
  border: 1px solid #dddbda;
}

/* line 791, app/assets/stylesheets/components/_reports.scss */
.rpt-th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f3f2f2;
  border-bottom: 2px solid #dddbda;
  border-right: 1px solid #dddbda;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* line 799, app/assets/stylesheets/components/_reports.scss */
.rpt-th:last-child {
  border-right: none;
}

/* line 800, app/assets/stylesheets/components/_reports.scss */
.rpt-th--sorted {
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
}

/* line 803, app/assets/stylesheets/components/_reports.scss */
.rpt-th-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 805, app/assets/stylesheets/components/_reports.scss */
.rpt-th-link:hover {
  color: var(--org-primary, #1589d0);
}

/* line 808, app/assets/stylesheets/components/_reports.scss */
.rpt-th-sort-inactive {
  opacity: 0.3;
}

/* line 810, app/assets/stylesheets/components/_reports.scss */
.rpt-data-row {
  border-bottom: 1px solid #dddbda;
}

/* line 812, app/assets/stylesheets/components/_reports.scss */
.rpt-data-row:hover {
  background: #f8f8fb;
}

/* line 813, app/assets/stylesheets/components/_reports.scss */
.rpt-data-row:last-child {
  border-bottom: none;
}

/* line 816, app/assets/stylesheets/components/_reports.scss */
.rpt-td {
  padding: 0.55rem 1rem;
  font-size: 0.875rem;
  vertical-align: middle;
  border-right: 1px solid #dddbda;
}

/* line 819, app/assets/stylesheets/components/_reports.scss */
.rpt-td:last-child {
  border-right: none;
}

/* line 822, app/assets/stylesheets/components/_reports.scss */
.rpt-pagination {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #dddbda;
  background: #fff;
}

/* line 826, app/assets/stylesheets/components/_reports.scss */
.rpt-form-page {
  display: flex;
  justify-content: center;
  padding: 2rem 1rem;
}

/* line 830, app/assets/stylesheets/components/_reports.scss */
.rpt-form-card {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 8px;
  padding: 2rem;
  width: 100%;
  max-width: 520px;
}

/* line 835, app/assets/stylesheets/components/_reports.scss */
.rpt-form-header {
  margin-bottom: 1.5rem;
}

/* line 837, app/assets/stylesheets/components/_reports.scss */
.rpt-form-header h2 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

/* line 842, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-bar {
  display: flex;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
}

/* line 846, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-btn {
  flex: 1;
  border: none;
  background: #f8f8f8;
  color: #706e6b;
  padding: 0.6rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}

/* line 852, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-btn:hover {
  color: #080707;
  background: #f0f0f0;
}

/* line 854, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-btn--active {
  background: #fff;
  color: var(--org-primary, #1589d0);
  border-bottom-color: var(--org-primary, #1589d0);
}

/* line 859, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--org-primary, #1589d0);
  color: #fff;
  border-radius: 10px;
  padding: 0 5px;
  font-size: 0.7rem;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
}

/* line 865, app/assets/stylesheets/components/_reports.scss */
.rpt-tab-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
  min-height: 0;
}

/* line 871, app/assets/stylesheets/components/_reports.scss */
.rpt-col-search-wrap {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
  position: relative;
}

/* line 875, app/assets/stylesheets/components/_reports.scss */
.rpt-col-search-wrap .rpt-columns-search {
  margin: 0;
}

/* line 878, app/assets/stylesheets/components/_reports.scss */
.rpt-field-dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 200;
  background: #fff;
  border: 1px solid #dddbda;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  max-height: 240px;
  overflow-y: auto;
}

/* line 887, app/assets/stylesheets/components/_reports.scss */
.rpt-fields-empty {
  font-size: 0.8rem;
  color: #706e6b;
  padding: 0.75rem 1rem;
  font-style: italic;
  text-align: center;
}

/* line 891, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  font-size: 0.82rem;
  color: #080707;
  cursor: pointer;
  border-bottom: 1px solid #f5f5f5;
}

/* line 896, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item:hover {
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
}

/* line 898, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item .rpt-field-add-icon {
  margin-left: auto;
  color: #706e6b;
  font-size: 0.7rem;
  flex-shrink: 0;
}

/* line 899, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item .rpt-field-check-icon {
  margin-left: auto;
  color: var(--org-primary, #1589d0);
  font-size: 0.7rem;
  flex-shrink: 0;
  display: none;
}

/* line 901, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item--added {
  background: #f0f8ff;
}

/* line 903, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item--added .rpt-field-add-icon {
  display: none;
}

/* line 904, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item--added .rpt-field-check-icon {
  display: inline;
}

/* line 905, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item--added .rpt-field-item-label {
  color: var(--org-primary, #1589d0);
}

/* line 909, app/assets/stylesheets/components/_reports.scss */
.rpt-field-item-label {
  flex: 1;
}

/* line 913, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-section {
  border-top: 1px solid #dddbda;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* line 918, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.75rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 925, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.25rem 0.5rem;
}

/* line 929, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  font-size: 0.82rem;
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 4px;
  margin-bottom: 3px;
  cursor: grab;
  user-select: none;
}

/* line 935, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item:hover {
  border-color: var(--org-primary, #1589d0);
}

/* line 937, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item.rpt-dragging {
  opacity: 0.4;
}

/* line 938, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item.rpt-drag-over {
  border-color: var(--org-primary, #1589d0);
  background: #e8f4fb;
}

/* line 941, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item-name {
  flex: 1;
}

/* line 943, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item--grouped {
  border-color: var(--org-primary, #1589d0);
  background: #f0f8ff;
}

/* line 945, app/assets/stylesheets/components/_reports.scss */
.rpt-selected-item--grouped .rpt-drag-handle {
  color: var(--org-primary, #1589d0);
}

/* line 948, app/assets/stylesheets/components/_reports.scss */
.rpt-group-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
  border-radius: 3px;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 1px 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 956, app/assets/stylesheets/components/_reports.scss */
.rpt-remove-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #706e6b;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 1;
}

/* line 959, app/assets/stylesheets/components/_reports.scss */
.rpt-remove-btn:hover {
  color: #c0392b;
  background: #fdf0ee;
}

/* line 962, app/assets/stylesheets/components/_reports.scss */
.rpt-clear-btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #706e6b;
  font-size: 0.72rem;
  font-weight: 500;
  padding: 0;
}

/* line 965, app/assets/stylesheets/components/_reports.scss */
.rpt-clear-btn:hover {
  color: #c0392b;
  text-decoration: underline;
}

/* line 970, app/assets/stylesheets/components/_reports.scss */
.rpt-filters-body {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

/* line 975, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-card {
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding-bottom: 0.5rem;
}

/* line 981, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0.5rem 0.3rem 0.5rem;
  background: #f3f2f2;
  border-bottom: 1px solid #dddbda;
}

/* line 986, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-card-header .rpt-filter-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ddd;
  color: #706e6b;
  font-size: 0.65rem;
  font-weight: 700;
}

/* line 993, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-card .rpt-select,
.rpt-filter-card .rpt-input {
  margin: 0 0.5rem;
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  width: calc(100% - 1rem);
}

/* line 1001, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-logic-section {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #dddbda;
}

/* line 1005, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-logic-presets {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.3rem;
}

/* line 1009, app/assets/stylesheets/components/_reports.scss */
.rpt-logic-btn {
  border: 1px solid #dddbda;
  background: #fff;
  color: #706e6b;
  border-radius: 4px;
  padding: 0.2rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 1013, app/assets/stylesheets/components/_reports.scss */
.rpt-logic-btn:hover {
  border-color: var(--org-primary, #1589d0);
  color: var(--org-primary, #1589d0);
}

/* line 1014, app/assets/stylesheets/components/_reports.scss */
.rpt-logic-btn--active {
  background: var(--org-primary, #1589d0);
  color: #fff;
  border-color: var(--org-primary, #1589d0);
}

/* line 1017, app/assets/stylesheets/components/_reports.scss */
.rpt-filter-logic-hint {
  font-size: 0.72rem;
  color: #706e6b;
  margin: 0.3rem 0 0;
  font-style: italic;
}

/* line 1023, app/assets/stylesheets/components/_reports.scss */
.rpt-formula-bar {
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid #dddbda;
  flex-shrink: 0;
  background: #fafafa;
}

/* line 1028, app/assets/stylesheets/components/_reports.scss */
.rpt-formula-add-btn {
  border: none;
  background: none;
  color: var(--org-primary, #1589d0);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}

/* line 1031, app/assets/stylesheets/components/_reports.scss */
.rpt-formula-add-btn:hover {
  text-decoration: underline;
}

/* line 1034, app/assets/stylesheets/components/_reports.scss */
.rpt-formula-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8d5f5;
  color: #7b2d8b;
  border-radius: 3px;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 4px;
  margin-right: 2px;
}

/* line 1042, app/assets/stylesheets/components/_reports.scss */
.rpt-th-inner {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}

/* line 1046, app/assets/stylesheets/components/_reports.scss */
.rpt-th-label {
  flex: 1;
}

/* line 1048, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-btn {
  border: none;
  background: none;
  cursor: pointer;
  color: #706e6b;
  padding: 0 3px;
  font-size: 0.65rem;
  line-height: 1;
  border-radius: 3px;
  flex-shrink: 0;
  opacity: 0.5;
}

/* line 1052, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  opacity: 1;
}

/* line 1055, app/assets/stylesheets/components/_reports.scss */
.rpt-th:hover .rpt-col-menu-btn {
  opacity: 1;
}

/* line 1057, app/assets/stylesheets/components/_reports.scss */
.rpt-th--sorted {
  background: #daeaf7 !important;
  color: var(--org-primary, #1589d0);
}

/* line 1061, app/assets/stylesheets/components/_reports.scss */
.rpt-sort-arrow {
  font-size: 0.65rem;
}

/* line 1065, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  min-width: 180px;
  overflow: hidden;
}

/* line 1070, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item {
  padding: 0.5rem 0.85rem;
  font-size: 0.84rem;
  cursor: pointer;
  color: #080707;
  display: flex;
  align-items: center;
}

/* line 1073, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item:hover {
  background: #e8f4fb;
  color: var(--org-primary, #1589d0);
}

/* line 1074, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item--active {
  color: var(--org-primary, #1589d0);
  font-weight: 600;
}

/* line 1075, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item--disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 1076, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item--danger {
  color: #c0392b;
}

/* line 1076, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-item--danger:hover {
  background: #fdf0ee;
  color: #c0392b;
}

/* line 1079, app/assets/stylesheets/components/_reports.scss */
.rpt-col-menu-divider {
  border-top: 1px solid #dddbda;
  margin: 0.25rem 0;
}

/* line 2, app/assets/stylesheets/components/_messaging.scss */
.notif-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #e53935;
  color: #fff;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  pointer-events: none;
}

/* line 20, app/assets/stylesheets/components/_messaging.scss */
.notif-dropdown {
  width: 360px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  overflow: hidden;
}

/* line 27, app/assets/stylesheets/components/_messaging.scss */
.notif-dropdown-header {
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  font-size: 0.85rem;
}

/* line 33, app/assets/stylesheets/components/_messaging.scss */
.notif-dropdown-footer {
  font-size: 0.8rem;
}

/* line 37, app/assets/stylesheets/components/_messaging.scss */
.notif-item {
  cursor: pointer;
  transition: background 0.12s;
}

/* line 40, app/assets/stylesheets/components/_messaging.scss */
.notif-item:hover {
  background: #f8f9fa;
}

/* line 43, app/assets/stylesheets/components/_messaging.scss */
.notif-unread {
  background: #eff6ff;
}

/* line 45, app/assets/stylesheets/components/_messaging.scss */
.notif-unread:hover {
  background: #dbeafe;
}

/* line 48, app/assets/stylesheets/components/_messaging.scss */
.notif-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3b82f6;
  flex-shrink: 0;
  margin-top: 4px;
}

/* line 58, app/assets/stylesheets/components/_messaging.scss */
.avatar-initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #6366f1;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  text-transform: uppercase;
}

/* line 73, app/assets/stylesheets/components/_messaging.scss */
.avatar-initials-sm {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #8b5cf6;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

/* line 88, app/assets/stylesheets/components/_messaging.scss */
.msg-feed {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 300px;
  background: #fff;
  overflow: hidden;
}

/* line 97, app/assets/stylesheets/components/_messaging.scss */
.msg-feed-header {
  background: #f8f9fa;
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* line 103, app/assets/stylesheets/components/_messaging.scss */
.msg-feed-list {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 8px 0;
  min-height: 0;
}

/* line 110, app/assets/stylesheets/components/_messaging.scss */
.msg-feed-compose {
  flex-shrink: 0;
  background: #fff;
  position: relative;
}

/* line 116, app/assets/stylesheets/components/_messaging.scss */
.msg-compose-input {
  min-height: 40px;
  max-height: 120px;
  overflow-y: auto;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 6px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 126, app/assets/stylesheets/components/_messaging.scss */
.msg-compose-input:empty:before {
  content: attr(placeholder);
  color: #adb5bd;
  pointer-events: none;
}

/* line 132, app/assets/stylesheets/components/_messaging.scss */
.msg-compose-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
  border-color: #6366f1;
}

/* line 139, app/assets/stylesheets/components/_messaging.scss */
.msg-item {
  padding: 6px 16px;
  transition: background 0.1s;
}

/* line 143, app/assets/stylesheets/components/_messaging.scss */
.msg-item:hover {
  background: #f8faff;
}

/* line 145, app/assets/stylesheets/components/_messaging.scss */
.msg-item.msg-item-mine .msg-item-body {
  text-align: right;
}

/* line 147, app/assets/stylesheets/components/_messaging.scss */
.msg-item.msg-item-mine .msg-item-body .avatar-initials {
  order: 2;
}

/* line 151, app/assets/stylesheets/components/_messaging.scss */
.msg-item-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #212529;
  word-break: break-word;
  white-space: pre-wrap;
}

/* line 158, app/assets/stylesheets/components/_messaging.scss */
.msg-item-text .msg-mention {
  background: #eff6ff;
  color: #3b82f6;
  border-radius: 4px;
  padding: 1px 4px;
  font-weight: 500;
}

/* line 167, app/assets/stylesheets/components/_messaging.scss */
.msg-attachment {
  font-size: 0.75rem;
  color: #6c757d;
  text-decoration: none;
  background: #f1f5f9;
  border-radius: 4px;
  padding: 2px 8px;
  display: inline-block;
}

/* line 176, app/assets/stylesheets/components/_messaging.scss */
.msg-attachment:hover {
  color: #3b82f6;
  text-decoration: underline;
}

/* line 180, app/assets/stylesheets/components/_messaging.scss */
.msg-mention-dropdown,
.msg-record-dropdown {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  z-index: 1050;
  max-height: 200px;
  overflow-y: auto;
}

/* line 195, app/assets/stylesheets/components/_messaging.scss */
.mention-item {
  cursor: pointer;
  font-size: 0.875rem;
  transition: background 0.1s;
}

/* line 200, app/assets/stylesheets/components/_messaging.scss */
.mention-item:hover, .mention-item.active {
  background: #eff6ff;
  color: #3b82f6;
}

/* line 208, app/assets/stylesheets/components/_messaging.scss */
.msg-item-email {
  display: block;
  padding: 0 !important;
}

/* line 212, app/assets/stylesheets/components/_messaging.scss */
.msg-item-email:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 4px;
  padding-bottom: 4px !important;
}

/* line 219, app/assets/stylesheets/components/_messaging.scss */
.msg-email-card {
  width: 100%;
  background: transparent;
}

/* line 223, app/assets/stylesheets/components/_messaging.scss */
.msg-email-card .msg-email-header {
  padding: 14px 24px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  background: #fff;
}

/* line 230, app/assets/stylesheets/components/_messaging.scss */
.msg-email-body-wrap {
  background: #fff;
  width: 100%;
}

/* line 235, app/assets/stylesheets/components/_messaging.scss */
.msg-email-iframe {
  display: block;
  width: 100%;
  border: none;
  background: #fff;
  min-height: 60px;
  overflow: hidden;
}

/* line 245, app/assets/stylesheets/components/_messaging.scss */
.msg-email-attachments {
  padding: 8px 24px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 254, app/assets/stylesheets/components/_messaging.scss */
.msg-email-attach-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  font-size: 0.75rem;
  color: #475569;
  text-decoration: none;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 270, app/assets/stylesheets/components/_messaging.scss */
.msg-email-attach-chip i {
  font-size: 0.75rem;
  color: #64748b;
  flex-shrink: 0;
}

/* line 271, app/assets/stylesheets/components/_messaging.scss */
.msg-email-attach-chip[href]:hover {
  background: #e2e8f0;
  color: #1e293b;
}

/* line 275, app/assets/stylesheets/components/_messaging.scss */
.msg-feed-builder-placeholder {
  background: #f0f4ff;
  border: 2px dashed #6366f1 !important;
  border-radius: 8px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6366f1;
}

/* line 287, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar {
  user-select: none;
  font-family: inherit;
  color-scheme: dark;
  background: #1a1d23 !important;
  color: #c9cdd4 !important;
}

/* line 297, app/assets/stylesheets/components/_messaging.scss */
#msgSidebarResizeHandle:hover, #msgSidebarResizeHandle:active {
  background: rgba(59, 130, 246, 0.35);
}

/* line 302, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  margin-bottom: 4px;
  color: #c9cdd4;
}

/* line 309, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-gear-btn:hover i {
  color: #c9cdd4 !important;
}

/* line 314, app/assets/stylesheets/components/_messaging.scss */
.msg-options-dropdown .dropdown-item:hover, .msg-options-dropdown .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.08);
}

/* line 315, app/assets/stylesheets/components/_messaging.scss */
.msg-options-dropdown .dropdown-item.active {
  background: rgba(59, 130, 246, 0.3);
  color: #93c5fd !important;
}

/* line 319, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  padding: 4px !important;
  min-width: 170px !important;
  font-size: 0.8rem;
}

/* line 328, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  padding: 6px 10px;
}

/* line 332, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-item:hover, .msg-action-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.08);
  color: #e5e7eb;
}

/* line 333, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-item.text-danger {
  color: #f87171 !important;
}

/* line 333, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-item.text-danger:hover {
  background: rgba(239, 68, 68, 0.12);
}

/* line 334, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-item i {
  width: 14px;
  text-align: center;
}

/* line 337, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.08);
  margin: 4px 0;
}

/* line 339, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu form {
  display: contents;
}

/* line 340, app/assets/stylesheets/components/_messaging.scss */
.msg-action-menu button.dropdown-item {
  width: 100%;
  text-align: left;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 344, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-section {
  padding: 4px 0;
}

/* line 348, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-heading {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7b8694;
  border-radius: 4px;
  transition: color 0.1s;
}

/* line 357, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-heading:hover {
  color: #9ca3af;
}

/* line 359, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-heading .msg-sidebar-add {
  opacity: 0;
  transition: opacity 0.15s;
  color: #9ca3af !important;
  font-size: 0.75rem;
  line-height: 1;
}

/* line 365, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-heading .msg-sidebar-add:hover {
  color: #e5e7eb !important;
  opacity: 1;
}

/* line 368, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-heading:hover .msg-sidebar-add {
  opacity: 1;
}

/* line 371, app/assets/stylesheets/components/_messaging.scss */
.msg-section-toggle {
  border-radius: 4px;
  padding: 4px 12px !important;
}

/* line 374, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row {
  position: relative;
  margin: 1px 6px;
  border-radius: 5px;
  transition: background 0.1s;
}

/* line 380, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row:hover {
  background: rgba(255, 255, 255, 0.07);
}

/* line 382, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active {
  background: #3b82f6;
}

/* line 385, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active .msg-channel-link {
  color: #fff;
}

/* line 386, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active .msg-sidebar-icon, .msg-channel-row.active .msg-channel-time, .msg-channel-row.active .msg-channel-preview {
  color: #dbeafe !important;
}

/* line 387, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active .msg-channel-name {
  color: #fff;
}

/* line 388, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active .msg-action-btn {
  color: rgba(255, 255, 255, 0.7);
}

/* line 388, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.active .msg-action-btn:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 391, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row.msg-channel-unread .msg-channel-name {
  color: #e5e7eb;
  font-weight: 600;
}

/* line 394, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-link {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 34px 5px 8px;
  color: #9ca3af;
  text-decoration: none;
  font-size: 0.84rem;
  min-height: 28px;
  border-radius: 5px;
}

/* line 405, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-link:hover {
  color: #e5e7eb;
  text-decoration: none;
}

/* line 408, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-content {
  flex: 1;
  min-width: 0;
}

/* line 413, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-main {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

/* line 419, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #9ca3af;
}

/* line 428, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-time {
  font-size: 0.68rem;
  color: #6b7280;
  white-space: nowrap;
  flex-shrink: 0;
  display: none;
}

/* line 436, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-preview {
  font-size: 0.72rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}

/* line 445, app/assets/stylesheets/components/_messaging.scss */
.msg-unread-badge {
  font-size: 0.62rem;
  padding: 2px 5px;
  border-radius: 10px;
  flex-shrink: 0;
}

/* line 452, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-actions {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.15s;
}

/* line 460, app/assets/stylesheets/components/_messaging.scss */
.msg-channel-row:hover .msg-channel-actions {
  opacity: 1;
}

/* line 463, app/assets/stylesheets/components/_messaging.scss */
.msg-action-btn {
  background: none;
  border: none;
  color: #7b8694;
  padding: 3px 6px;
  font-size: 0.72rem;
  cursor: pointer;
  border-radius: 4px;
  line-height: 1;
}

/* line 473, app/assets/stylesheets/components/_messaging.scss */
.msg-action-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #e5e7eb;
}

/* line 478, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-comfortable .msg-channel-time {
  display: block;
}

/* line 479, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-comfortable .msg-channel-preview {
  display: block;
}

/* line 481, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-comfortable .msg-channel-row {
  margin-bottom: 2px;
}

/* line 483, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-comfortable .msg-channel-link {
  padding-bottom: 3px;
  align-items: flex-start;
}

/* line 490, app/assets/stylesheets/components/_messaging.scss */
.msg-sidebar-icon {
  width: 14px;
  text-align: center;
  color: #7b8694;
  font-size: 0.8rem;
}

/* line 498, app/assets/stylesheets/components/_messaging.scss */
.msg-main {
  background: #fff;
}

/* line 502, app/assets/stylesheets/components/_messaging.scss */
.msg-main-header {
  font-size: 0.9rem;
  background: #fff;
  flex-shrink: 0;
}

/* line 509, app/assets/stylesheets/components/_messaging.scss */
.notif-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 5, app/assets/stylesheets/components/_ai_agent.scss */
#ai-agent-cursor {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: left 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s ease;
}

/* line 19, app/assets/stylesheets/components/_ai_agent.scss */
#ai-agent-cursor.visible {
  opacity: 1;
}

/* line 22, app/assets/stylesheets/components/_ai_agent.scss */
.ai-cursor-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6339dc, #9DD5F7);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 12px rgba(99, 57, 220, 0.55);
}

/* line 32, app/assets/stylesheets/components/_ai_agent.scss */
.ai-cursor-dot i {
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

/* line 40, app/assets/stylesheets/components/_ai_agent.scss */
#ai-agent-cursor.spawning .ai-cursor-dot {
  animation: ai-cursor-spawn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* line 46, app/assets/stylesheets/components/_ai_agent.scss */
#ai-agent-cursor.ai-cursor-busy .ai-cursor-dot {
  animation: ai-cursor-pulse 1s ease-in-out infinite;
}

@keyframes ai-cursor-pulse {
  0%, 100% {
    box-shadow: 0 3px 12px rgba(99, 57, 220, 0.55);
  }
  50% {
    box-shadow: 0 3px 12px rgba(99, 57, 220, 0.55), 0 0 0 9px rgba(157, 213, 247, 0.22);
  }
}

@keyframes ai-cursor-spawn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 62, app/assets/stylesheets/components/_ai_agent.scss */
.ai-cursor-fragment {
  position: fixed;
  pointer-events: none;
  z-index: 9998;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid rgba(157, 213, 247, 0.85);
  border-bottom-color: transparent;
  border-left-color: transparent;
  opacity: 1;
  transition: left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.8s ease-out;
}

/* line 80, app/assets/stylesheets/components/_ai_agent.scss */
.ai-panel-header-cursor {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6339dc, #9DD5F7);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 12px rgba(99, 57, 220, 0.55);
  flex-shrink: 0;
  transition: opacity 0.25s ease;
}

/* line 92, app/assets/stylesheets/components/_ai_agent.scss */
.ai-panel-header-cursor i {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1;
}

/* line 98, app/assets/stylesheets/components/_ai_agent.scss */
.ai-panel-header-cursor.ai-panel-header-cursor--hidden {
  opacity: 0;
  pointer-events: none;
}

/* line 106, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-step-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background: rgba(18, 12, 36, 0.97);
  border-top: 2px solid #6339dc;
  transform: translateY(100%);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backdrop-filter: blur(8px);
}

/* line 118, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-step-banner.ai-agent-step-banner--visible {
  transform: translateY(0);
}

/* line 123, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-banner-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  max-width: 1400px;
  margin: 0 auto;
}

/* line 132, app/assets/stylesheets/components/_ai_agent.scss */
.ai-banner-wand {
  color: #9DD5F7;
  font-size: 14px;
  flex-shrink: 0;
}

/* line 138, app/assets/stylesheets/components/_ai_agent.scss */
#ai-agent-banner-text {
  flex: 1;
  color: #e0d8ff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 148, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-progress-bar {
  width: 140px;
  height: 4px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 156, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-progress-bar #ai-agent-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #6339dc, #9DD5F7);
  border-radius: 2px;
  transition: width 0.4s ease;
}

/* line 167, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: #9DD5F7;
  font-size: 12px;
}

/* line 175, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed i {
  font-size: 12px;
  opacity: 0.8;
}

/* line 178, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed-label {
  min-width: 26px;
  text-align: right;
  font-weight: 600;
  color: #e0d8ff;
}

/* line 185, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 96px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.18);
  outline: none;
  cursor: pointer;
}

/* line 195, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6339dc, #9DD5F7);
  box-shadow: 0 1px 4px rgba(99, 57, 220, 0.6);
  cursor: pointer;
  border: none;
}

/* line 207, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-speed-slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6339dc, #9DD5F7);
  box-shadow: 0 1px 4px rgba(99, 57, 220, 0.6);
  cursor: pointer;
  border: none;
}

/* line 218, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-controls {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* line 225, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-ctrl-btn {
  background: transparent;
  border: 1px solid rgba(157, 213, 247, 0.3);
  color: #9DD5F7;
  font-size: 11px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  padding: 0;
}

/* line 240, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-ctrl-btn:hover {
  background: rgba(157, 213, 247, 0.15);
  border-color: #9DD5F7;
}

/* line 245, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-ctrl-btn:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

/* line 251, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-ctrl-btn.ai-agent-stop-btn {
  color: #ff7b7b;
  border-color: rgba(255, 123, 123, 0.3);
}

/* line 254, app/assets/stylesheets/components/_ai_agent.scss */
.ai-agent-ctrl-btn.ai-agent-stop-btn:hover {
  background: rgba(255, 123, 123, 0.15);
  border-color: #ff7b7b;
}

/* line 263, app/assets/stylesheets/components/_ai_agent.scss */
.ai-highlight-ring {
  box-shadow: 0 0 0 3px #9DD5F7, 0 0 12px rgba(157, 213, 247, 0.4) !important;
  outline: none;
  border-radius: 4px;
  transition: box-shadow 0.15s ease !important;
}

/* line 3, app/assets/stylesheets/components/_accounts.scss */
.account-card {
  transition: box-shadow 0.15s ease, transform 0.15s ease;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 7, app/assets/stylesheets/components/_accounts.scss */
.account-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-1px);
  border-color: rgba(var(--bs-primary-rgb), 0.3);
}

/* line 14, app/assets/stylesheets/components/_accounts.scss */
.account-logo {
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 20, app/assets/stylesheets/components/_accounts.scss */
.account-search-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1050;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  max-height: 420px;
  overflow-y: auto;
}

/* line 33, app/assets/stylesheets/components/_accounts.scss */
.account-search-dropdown .dropdown-item {
  padding: .5rem .75rem;
  font-size: .875rem;
  white-space: normal;
  cursor: pointer;
}

/* line 39, app/assets/stylesheets/components/_accounts.scss */
.account-search-dropdown .dropdown-item:hover {
  background: rgba(var(--bs-primary-rgb), 0.06);
}

/* line 40, app/assets/stylesheets/components/_accounts.scss */
.account-search-dropdown .dropdown-item:disabled {
  opacity: .55;
  cursor: default;
}

/* line 43, app/assets/stylesheets/components/_accounts.scss */
.account-search-dropdown .dropdown-header {
  font-size: .7rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .6rem .75rem .25rem;
  color: #6c757d;
}

/* line 54, app/assets/stylesheets/components/_accounts.scss */
.enrichment-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* line 60, app/assets/stylesheets/components/_accounts.scss */
.enrichment-dot.enriched {
  background: var(--bs-success);
}

/* line 61, app/assets/stylesheets/components/_accounts.scss */
.enrichment-dot.pending {
  background: var(--bs-warning);
}

/* line 62, app/assets/stylesheets/components/_accounts.scss */
.enrichment-dot.failed {
  background: var(--bs-danger);
}

/* line 63, app/assets/stylesheets/components/_accounts.scss */
.enrichment-dot.none {
  background: #ced4da;
}

/* line 66, app/assets/stylesheets/components/_accounts.scss */
.verification-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

/* line 72, app/assets/stylesheets/components/_accounts.scss */
.verification-dot.active {
  background: var(--bs-success);
}

/* line 73, app/assets/stylesheets/components/_accounts.scss */
.verification-dot.stale {
  background: var(--bs-warning);
}

/* line 74, app/assets/stylesheets/components/_accounts.scss */
.verification-dot.departed {
  background: var(--bs-danger);
}

/* line 75, app/assets/stylesheets/components/_accounts.scss */
.verification-dot.unverified {
  background: #ced4da;
}

/* line 80, app/assets/stylesheets/components/_accounts.scss */
.tag-select-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: 38px;
  height: auto;
  cursor: text;
  padding: .375rem .5rem;
}

/* line 91, app/assets/stylesheets/components/_accounts.scss */
.tag-select-tags {
  display: contents;
}

/* line 95, app/assets/stylesheets/components/_accounts.scss */
.tag-select-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: rgba(var(--bs-primary-rgb), 0.12);
  color: var(--bs-primary);
  border-radius: 20px;
  font-size: .8rem;
  font-weight: 500;
  white-space: nowrap;
}

/* line 108, app/assets/stylesheets/components/_accounts.scss */
.tag-select-remove {
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
  font-size: 1rem;
  color: inherit;
  opacity: .6;
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/components/_accounts.scss */
.tag-select-remove:hover {
  opacity: 1;
}

/* line 120, app/assets/stylesheets/components/_accounts.scss */
.tag-select-input {
  border: none;
  outline: none;
  flex: 1;
  min-width: 120px;
  font-size: .875rem;
  background: transparent;
  padding: 0;
  color: inherit;
}

/* line 131, app/assets/stylesheets/components/_accounts.scss */
.tag-select-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  z-index: 1060;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  max-height: 240px;
  overflow-y: auto;
}

/* line 145, app/assets/stylesheets/components/_accounts.scss */
.tag-select-option {
  padding: .45rem .75rem;
  font-size: .875rem;
  cursor: pointer;
  color: #212529;
}

/* line 151, app/assets/stylesheets/components/_accounts.scss */
.tag-select-option:hover, .tag-select-option.highlighted {
  background: rgba(var(--bs-primary-rgb), 0.08);
}

/* line 152, app/assets/stylesheets/components/_accounts.scss */
.tag-select-option.tag-select-custom {
  color: var(--bs-primary);
  font-style: italic;
}

/* line 157, app/assets/stylesheets/components/_accounts.scss */
.icp-tag {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .2rem .5rem;
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 500;
}

/* line 168, app/assets/stylesheets/components/_accounts.scss */
.icp-tag .remove-tag {
  cursor: pointer;
  opacity: .6;
}

/* line 171, app/assets/stylesheets/components/_accounts.scss */
.icp-tag .remove-tag:hover {
  opacity: 1;
}

/* line 2, app/assets/stylesheets/components/_dashboard.scss */
.dsh-layout {
  display: flex;
  margin-top: -1.5rem;
  height: calc(100vh - 104px);
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/components/_dashboard.scss */
.dsh-sidebar {
  width: 240px;
  flex-shrink: 0;
  background: var(--bs-body-bg);
  border-right: 1px solid var(--bs-border-color);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

/* line 20, app/assets/stylesheets/components/_dashboard.scss */
.dsh-sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 0.75rem;
  border-bottom: 1px solid var(--bs-border-color);
}

/* line 28, app/assets/stylesheets/components/_dashboard.scss */
.dsh-sidebar-title {
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-secondary-color);
}

/* line 36, app/assets/stylesheets/components/_dashboard.scss */
.dsh-sidebar-actions {
  display: flex;
  gap: 0.25rem;
}

/* line 41, app/assets/stylesheets/components/_dashboard.scss */
.dsh-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
}

/* line 51, app/assets/stylesheets/components/_dashboard.scss */
.dsh-icon-btn:hover {
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* line 54, app/assets/stylesheets/components/_dashboard.scss */
.dsh-sidebar-nav {
  padding: 0.5rem 0;
}

/* line 58, app/assets/stylesheets/components/_dashboard.scss */
.dsh-nav-item {
  display: flex;
  align-items: center;
  padding: 0.45rem 1rem;
  font-size: 0.875rem;
  color: var(--bs-body-color);
  text-decoration: none;
  border-radius: 0;
  transition: background 0.1s;
}

/* line 67, app/assets/stylesheets/components/_dashboard.scss */
.dsh-nav-item:hover {
  background: var(--bs-secondary-bg);
}

/* line 68, app/assets/stylesheets/components/_dashboard.scss */
.dsh-nav-item.dsh-nav-item--active {
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  font-weight: 600;
}

/* line 75, app/assets/stylesheets/components/_dashboard.scss */
.dsh-nav-count {
  margin-left: auto;
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  background: var(--bs-secondary-bg);
  border-radius: 10px;
  padding: 0 0.4rem;
}

/* line 85, app/assets/stylesheets/components/_dashboard.scss */
.dsh-main {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}

/* line 91, app/assets/stylesheets/components/_dashboard.scss */
.dsh-main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

/* line 99, app/assets/stylesheets/components/_dashboard.scss */
.dsh-main-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.9rem;
}

/* line 106, app/assets/stylesheets/components/_dashboard.scss */
.dsh-breadcrumb-link {
  color: var(--bs-primary);
  text-decoration: none;
}

/* line 109, app/assets/stylesheets/components/_dashboard.scss */
.dsh-breadcrumb-link:hover {
  text-decoration: underline;
}

/* line 112, app/assets/stylesheets/components/_dashboard.scss */
.dsh-breadcrumb-sep {
  color: var(--bs-secondary-color);
  font-size: 0.7rem;
}

/* line 113, app/assets/stylesheets/components/_dashboard.scss */
.dsh-breadcrumb-current {
  font-weight: 600;
}

/* line 115, app/assets/stylesheets/components/_dashboard.scss */
.dsh-main-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 122, app/assets/stylesheets/components/_dashboard.scss */
.dsh-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

/* line 136, app/assets/stylesheets/components/_dashboard.scss */
.dsh-btn.dsh-btn--primary {
  background: var(--bs-primary);
  color: #fff;
  border-color: var(--bs-primary);
}

/* line 140, app/assets/stylesheets/components/_dashboard.scss */
.dsh-btn.dsh-btn--primary:hover {
  filter: brightness(1.1);
  color: #fff;
}

/* line 142, app/assets/stylesheets/components/_dashboard.scss */
.dsh-btn.dsh-btn--ghost {
  background: transparent;
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}

/* line 146, app/assets/stylesheets/components/_dashboard.scss */
.dsh-btn.dsh-btn--ghost:hover {
  background: var(--bs-secondary-bg);
}

/* line 151, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 158, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-card {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  transition: border-color 0.15s;
}

/* line 167, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-card:hover {
  border-color: var(--bs-primary);
}

/* line 170, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-card-link {
  flex: 1;
  text-decoration: none;
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

/* line 180, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-icon {
  color: #f5a623;
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* line 181, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-name {
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 182, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-count {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

/* line 184, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-card-actions {
  display: flex;
  gap: 0.35rem;
}

/* line 189, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-action {
  color: var(--bs-secondary-color);
  text-decoration: none;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.8rem;
}

/* line 195, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-action:hover {
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* line 196, app/assets/stylesheets/components/_dashboard.scss */
.dsh-folder-action.text-danger:hover {
  background: rgba(var(--bs-danger-rgb), 0.1);
}

/* line 200, app/assets/stylesheets/components/_dashboard.scss */
.dsh-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* line 206, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s, border-color 0.2s;
  display: flex;
  flex-direction: column;
}

/* line 214, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card:hover {
  border-color: var(--bs-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* line 217, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-preview {
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1), rgba(var(--bs-primary-rgb), 0.05));
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-bottom: 1px solid var(--bs-border-color);
}

/* line 228, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-preview-icon {
  font-size: 2rem;
  color: var(--bs-primary);
  opacity: 0.6;
}

/* line 234, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-widget-count {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
}

/* line 239, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-body {
  flex: 1;
  padding: 0.875rem 1rem;
}

/* line 244, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-title {
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

/* line 245, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-desc {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0.5rem;
}

/* line 247, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 254, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-link {
  color: var(--bs-body-color);
  text-decoration: none;
}

/* line 257, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-link:hover {
  color: var(--bs-primary);
}

/* line 260, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-date {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
}

/* line 262, app/assets/stylesheets/components/_dashboard.scss */
.dsh-card-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-top: 1px solid var(--bs-border-color);
}

/* line 270, app/assets/stylesheets/components/_dashboard.scss */
.dsh-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  color: var(--bs-secondary-color);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

/* line 283, app/assets/stylesheets/components/_dashboard.scss */
.dsh-action-btn:hover {
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* line 286, app/assets/stylesheets/components/_dashboard.scss */
.dsh-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  padding: 0.15rem 0.5rem;
  border-radius: 20px;
  font-weight: 500;
}

/* line 293, app/assets/stylesheets/components/_dashboard.scss */
.dsh-badge.dsh-badge--refresh {
  background: rgba(var(--bs-success-rgb), 0.15);
  color: var(--bs-success);
}

/* line 296, app/assets/stylesheets/components/_dashboard.scss */
.dsh-empty {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--bs-secondary-color);
}

/* line 302, app/assets/stylesheets/components/_dashboard.scss */
.dsh-empty-icon {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  opacity: 0.3;
  display: block;
}

/* line 310, app/assets/stylesheets/components/_dashboard.scss */
.dsh-builder {
  display: flex;
  flex-direction: column;
  margin-top: -1.5rem;
  height: calc(100vh - 104px);
  overflow: hidden;
}

/* line 318, app/assets/stylesheets/components/_dashboard.scss */
.dsh-builder-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
  height: 52px;
  background: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color);
  flex-shrink: 0;
  gap: 1rem;
}

/* line 330, app/assets/stylesheets/components/_dashboard.scss */
.dsh-builder-toolbar-left,
.dsh-builder-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 337, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-title {
  font-weight: 700;
  font-size: 0.95rem;
}

/* line 342, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-dirty {
  color: #f5a623;
  font-size: 1.2rem;
  line-height: 1;
}

/* line 348, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-name-wrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 354, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-name-input {
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--bs-primary);
  color: var(--bs-body-color);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 0.1rem 0.2rem;
  outline: none;
  min-width: 160px;
  max-width: 320px;
}

/* line 367, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-pencil {
  color: var(--bs-secondary-color);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.75rem;
  padding: 0.15rem 0.3rem;
  border-radius: 4px;
  transition: background 0.15s, color 0.15s;
}

/* line 376, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-pencil:hover {
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* line 379, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-title-wrap {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 385, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-name-input {
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--bs-primary);
  color: var(--bs-body-color);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 0.1rem 0.2rem;
  outline: none;
  min-width: 180px;
  max-width: 400px;
}

/* line 398, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.875rem;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

/* line 412, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn.dsh-tb-btn--ghost {
  background: transparent;
  color: var(--bs-body-color);
  border-color: var(--bs-border-color);
}

/* line 416, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn.dsh-tb-btn--ghost:hover {
  background: var(--bs-secondary-bg);
}

/* line 418, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn.dsh-tb-btn--primary {
  background: var(--bs-primary);
  color: #fff;
  border-color: var(--bs-primary);
}

/* line 422, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn.dsh-tb-btn--primary:hover {
  filter: brightness(1.1);
  color: #fff;
}

/* line 424, app/assets/stylesheets/components/_dashboard.scss */
.dsh-tb-btn.dsh-tb-btn--success {
  background: var(--bs-success);
  color: #fff;
  border-color: var(--bs-success);
}

/* line 431, app/assets/stylesheets/components/_dashboard.scss */
.dsh-builder-canvas-wrap {
  flex: 1;
  overflow: auto;
  background-color: var(--bs-secondary-bg);
  background-image: radial-gradient(circle, var(--bs-border-color) 1px, transparent 1px);
  background-size: 24px 24px;
  padding: 1rem;
}

/* line 440, app/assets/stylesheets/components/_dashboard.scss */
.dsh-builder-canvas.grid-stack {
  min-height: calc(100vh - 200px);
  background: transparent;
}

/* line 446, app/assets/stylesheets/components/_dashboard.scss */
.grid-stack-item-content {
  border-radius: 10px;
  overflow: hidden;
}

/* line 452, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-card {
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* line 463, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.875rem;
  border-bottom: 1px solid var(--bs-border-color);
  flex-shrink: 0;
  cursor: grab;
}

/* line 471, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-header:active {
  cursor: grabbing;
}

/* line 474, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-title {
  font-weight: 600;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 482, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-header-actions {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
}

/* line 488, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: none;
  color: var(--bs-secondary-color);
  cursor: pointer;
  font-size: 0.75rem;
  transition: background 0.15s, color 0.15s;
}

/* line 501, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-btn:hover {
  background: rgba(var(--bs-danger-rgb), 0.1);
  color: var(--bs-danger);
}

/* line 504, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-body {
  flex: 1;
  overflow: hidden;
  padding: 0.75rem;
  display: flex;
  align-items: stretch;
}

/* line 512, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-footer {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.875rem;
  border-top: 1px solid var(--bs-border-color);
  flex-shrink: 0;
}

/* line 521, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-type-badge,
.dsh-widget-obj-badge {
  font-size: 0.68rem;
  padding: 0.1rem 0.45rem;
  border-radius: 20px;
  font-weight: 500;
  background: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
}

/* line 532, app/assets/stylesheets/components/_dashboard.scss */
.dsh-number-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.4rem;
}

/* line 541, app/assets/stylesheets/components/_dashboard.scss */
.dsh-number-value {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
  color: var(--bs-primary);
}

/* line 548, app/assets/stylesheets/components/_dashboard.scss */
.dsh-number-label {
  font-size: 0.8rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 556, app/assets/stylesheets/components/_dashboard.scss */
.dsh-chart-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 562, app/assets/stylesheets/components/_dashboard.scss */
.dsh-chart-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* line 568, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table-wrap {
  width: 100%;
  overflow: auto;
}

/* line 573, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table {
  width: 100%;
  font-size: 0.8rem;
  border-collapse: collapse;
}

/* line 578, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table th, .dsh-table td {
  padding: 0.35rem 0.6rem;
  border-bottom: 1px solid var(--bs-border-color);
  text-align: left;
  white-space: nowrap;
}

/* line 585, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table th {
  font-weight: 600;
  color: var(--bs-secondary-color);
  background: var(--bs-secondary-bg);
  position: sticky;
  top: 0;
}

/* line 593, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 594, app/assets/stylesheets/components/_dashboard.scss */
.dsh-table tbody tr:hover {
  background: var(--bs-secondary-bg);
}

/* line 597, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

/* line 606, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-empty i {
  font-size: 1.5rem;
  opacity: 0.4;
}

/* line 609, app/assets/stylesheets/components/_dashboard.scss */
.dsh-widget-error {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  background: rgba(var(--bs-danger-rgb), 0.08);
  border-radius: 6px;
  color: var(--bs-danger);
  font-size: 0.8rem;
}

/* line 621, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer {
  display: flex;
  flex-direction: column;
  margin-top: -1.5rem;
  height: calc(100vh - 104px);
  overflow: hidden;
}

/* line 629, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
  height: 56px;
  background: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color);
  flex-shrink: 0;
  gap: 1rem;
}

/* line 641, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-toolbar-left,
.dsh-viewer-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 648, app/assets/stylesheets/components/_dashboard.scss */
.dsh-toolbar-back {
  color: var(--bs-secondary-color);
  text-decoration: none;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background 0.15s;
}

/* line 658, app/assets/stylesheets/components/_dashboard.scss */
.dsh-toolbar-back:hover {
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* line 661, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0;
}

/* line 667, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-desc {
  font-size: 0.82rem;
  color: var(--bs-secondary-color);
}

/* line 672, app/assets/stylesheets/components/_dashboard.scss */
.dsh-refresh-badge {
  font-size: 0.75rem;
  padding: 0.2rem 0.6rem;
  border-radius: 20px;
  background: rgba(var(--bs-success-rgb), 0.1);
  color: var(--bs-success);
}

/* line 680, app/assets/stylesheets/components/_dashboard.scss */
.dsh-viewer-canvas {
  flex: 1;
  overflow: auto;
  background-color: var(--bs-secondary-bg);
  background-image: radial-gradient(circle, var(--bs-border-color) 1px, transparent 1px);
  background-size: 24px 24px;
  padding: 1rem;
}

/* line 689, app/assets/stylesheets/components/_dashboard.scss */
.dsh-canvas-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 1rem;
  color: var(--bs-secondary-color);
}

/* line 697, app/assets/stylesheets/components/_dashboard.scss */
.dsh-canvas-empty i {
  font-size: 3rem;
  opacity: 0.3;
}

/* line 701, app/assets/stylesheets/components/_dashboard.scss */
.dsh-static-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 80px;
  gap: 8px;
  min-height: calc(100vh - 200px);
}

/* line 709, app/assets/stylesheets/components/_dashboard.scss */
.dsh-static-item {
  grid-column: var(--gs-x, 1)/span var(--gs-w, 4);
  grid-row: var(--gs-y, 1)/span var(--gs-h, 3);
}

/* line 715, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-content {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--bs-border-color);
}

/* line 721, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-header {
  background: var(--bs-primary);
  color: #fff;
  padding: 1rem 1.25rem;
  border-bottom: none;
}

/* line 728, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-body {
  padding: 1.5rem;
  min-height: 320px;
}

/* line 733, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-footer {
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--bs-border-color);
  background: var(--bs-secondary-bg);
  gap: 0.5rem;
}

/* line 740, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-hint {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

/* line 746, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.875rem;
}

/* line 752, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.25rem 0.75rem;
  border: 2px solid var(--bs-border-color);
  border-radius: 12px;
  background: var(--bs-body-bg);
  cursor: pointer;
  transition: all 0.15s;
  gap: 0.5rem;
}

/* line 765, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-card:hover {
  border-color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), 0.05);
}

/* line 771, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-icon {
  font-size: 1.75rem;
  color: var(--bs-primary);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--bs-primary-rgb), 0.1);
  border-radius: 12px;
}

/* line 783, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-name {
  font-weight: 700;
  font-size: 0.875rem;
}

/* line 788, app/assets/stylesheets/components/_dashboard.scss */
.dsh-type-desc {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  line-height: 1.3;
}

/* line 794, app/assets/stylesheets/components/_dashboard.scss */
.dsh-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--bs-secondary-color);
  background: none;
  border: none;
  padding: 0;
  font-size: 0.85rem;
  cursor: pointer;
  margin-bottom: 1rem;
}

/* line 805, app/assets/stylesheets/components/_dashboard.scss */
.dsh-back-btn:hover {
  color: var(--bs-body-color);
}

/* line 808, app/assets/stylesheets/components/_dashboard.scss */
.dsh-step2-header {
  margin-bottom: 1.25rem;
}

/* line 812, app/assets/stylesheets/components/_dashboard.scss */
.dsh-selected-type-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.875rem;
  background: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 823, app/assets/stylesheets/components/_dashboard.scss */
.dsh-form-group {
  margin-bottom: 1.25rem;
}

/* line 827, app/assets/stylesheets/components/_dashboard.scss */
.dsh-label {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.4rem;
}

/* line 834, app/assets/stylesheets/components/_dashboard.scss */
.dsh-input,
.dsh-textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: 0.9rem;
  transition: border-color 0.15s;
}

/* line 844, app/assets/stylesheets/components/_dashboard.scss */
.dsh-input:focus,
.dsh-textarea:focus {
  outline: none;
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.15);
}

/* line 847, app/assets/stylesheets/components/_dashboard.scss */
.dsh-textarea {
  resize: vertical;
  font-family: inherit;
}

/* line 849, app/assets/stylesheets/components/_dashboard.scss */
.dsh-hint {
  font-size: 0.78rem;
  color: var(--bs-secondary-color);
  margin-top: 0.35rem;
}

/* line 855, app/assets/stylesheets/components/_dashboard.scss */
.dsh-modal-error {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.6rem 0.875rem;
  background: rgba(var(--bs-danger-rgb), 0.08);
  border: 1px solid rgba(var(--bs-danger-rgb), 0.2);
  border-radius: 8px;
  color: var(--bs-danger);
  font-size: 0.875rem;
  margin-top: 0.75rem;
}

/* Basic container for the post, optional styling */
/* line 4, app/assets/stylesheets/views/posts.scss */
#feed-container {
  max-width: 830px;
  /* Restrict feed width */
  margin: 0 auto;
  /* Center the feed */
  padding: 16px;
  background-color: #f3f4f6;
  /* Subtle background */
  border-radius: 8px;
  /* Rounded edges */
}

/* line 12, app/assets/stylesheets/views/posts.scss */
.post {
  background: #fff;
  /* White background for posts */
  border: 1px solid #ddd;
  /* Light border for separation */
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  /* Spacing between posts */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Slight shadow for depth */
}

/* line 21, app/assets/stylesheets/views/posts.scss */
.post-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

/* line 28, app/assets/stylesheets/views/posts.scss */
.post-header strong {
  font-size: 16px;
  color: #333;
}

/* line 33, app/assets/stylesheets/views/posts.scss */
.post-header span {
  font-size: 12px;
  color: #666;
}

/* line 38, app/assets/stylesheets/views/posts.scss */
.post-body {
  margin-bottom: 12px;
  font-size: 14px;
  color: #444;
}

/* line 44, app/assets/stylesheets/views/posts.scss */
.post-images {
  margin-top: 12px;
}

/* Reaction buttons */
/* line 49, app/assets/stylesheets/views/posts.scss */
.reaction-button {
  background-color: #f4f4f4;
  border: none;
  padding: 8px 14px;
  margin-right: 6px;
  margin-bottom: 6px;
  /* for wrapping nicely if narrow screen */
  border-radius: 16px;
  cursor: pointer;
  display: inline-flex;
  /* so icon + text can align horizontally */
  align-items: center;
  font-size: 14px;
  color: #444;
  transition: background-color 0.2s, box-shadow 0.2s;
  /* Icon spacing */
  /* "Active" or "pressed" style */
  /* If user selected this reaction, highlight it */
}

/* line 64, app/assets/stylesheets/views/posts.scss */
.reaction-button i {
  margin-right: 6px;
}

/* line 68, app/assets/stylesheets/views/posts.scss */
.reaction-button:hover {
  background-color: #e7e7e7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

/* line 74, app/assets/stylesheets/views/posts.scss */
.reaction-button:active {
  background-color: #ddd;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 80, app/assets/stylesheets/views/posts.scss */
.reaction-button.selected {
  background-color: #ffc107;
  /* Slightly golden highlight */
  color: #212529;
  /* Dark text on highlight */
  font-weight: 500;
  /* Slightly bolder text */
}

/* If you use a container for all buttons (e.g. .post-reactions) */
/* line 88, app/assets/stylesheets/views/posts.scss */
.post-reactions {
  margin-top: 12px;
}

/* line 3, app/assets/stylesheets/views/_profile.scss */
.profile-sidebar {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  position: sticky;
  top: 100px;
}

/* line 11, app/assets/stylesheets/views/_profile.scss */
.sidebar-section {
  padding: 12px 16px;
  margin-bottom: 8px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}

/* line 20, app/assets/stylesheets/views/_profile.scss */
.sidebar-section:hover {
  background-color: #e9ecef;
}

/* line 24, app/assets/stylesheets/views/_profile.scss */
.sidebar-section.active {
  background-color: #007bff;
  color: white;
}

/* line 28, app/assets/stylesheets/views/_profile.scss */
.sidebar-section.active i {
  color: white;
}

/* line 33, app/assets/stylesheets/views/_profile.scss */
.sidebar-section i {
  margin-right: 8px;
  color: #6c757d;
}

/* line 39, app/assets/stylesheets/views/_profile.scss */
.profile-section {
  background-color: white;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 46, app/assets/stylesheets/views/_profile.scss */
.profile-section h2 {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e9ecef;
}

/* line 53, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px;
  border-bottom: 1px solid #e9ecef;
}

/* line 60, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container strong {
  min-width: 150px;
  margin-right: 15px;
  font-weight: 600;
}

/* line 66, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .value {
  flex: 1;
  margin-right: 10px;
}

/* line 71, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-button {
  background: transparent;
  border: none;
  padding: 5px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

/* line 81, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-button i {
  font-size: 12px;
  color: #6c757d;
  pointer-events: none;
}

/* line 87, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-button:hover i {
  color: #007bff;
}

/* line 92, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-input {
  flex: 1;
  padding: 6px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
  margin-right: 10px;
}

/* line 100, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 107, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-input-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  margin-right: 10px;
}

/* line 114, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container .edit-input-group .edit-input {
  margin-right: 0;
}

/* line 119, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container select.edit-input {
  min-width: 200px;
}

/* line 123, app/assets/stylesheets/views/_profile.scss */
.profile-section .field-container textarea.edit-input {
  min-height: 100px;
  resize: vertical;
}

/* line 133, app/assets/stylesheets/views/_profile.scss */
.ai-memory-add-form {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 14px 16px;
  margin-top: 14px;
}

/* line 141, app/assets/stylesheets/views/_profile.scss */
.ai-memory-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 147, app/assets/stylesheets/views/_profile.scss */
.ai-memory-item {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 0.15s;
}

/* line 157, app/assets/stylesheets/views/_profile.scss */
.ai-memory-item:hover {
  border-color: #adb5bd;
}

/* line 159, app/assets/stylesheets/views/_profile.scss */
.ai-memory-item.ai-memory-inactive {
  opacity: 0.5;
}

/* line 164, app/assets/stylesheets/views/_profile.scss */
.ai-memory-item-body {
  flex: 1;
}

/* line 168, app/assets/stylesheets/views/_profile.scss */
.ai-memory-text {
  font-size: 0.88rem;
  line-height: 1.5;
  color: #333;
  white-space: pre-wrap;
}

/* line 175, app/assets/stylesheets/views/_profile.scss */
.ai-memory-item-actions {
  display: flex;
  align-items: center;
  gap: 2px;
}

/* line 181, app/assets/stylesheets/views/_profile.scss */
.ai-memory-edit-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

/* line 6, app/assets/stylesheets/views/organization_fields.scss */
.lv-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fff;
  color: #706e6b;
  text-decoration: none !important;
  font-size: 0.75rem;
  flex-shrink: 0;
  transition: background 0.1s, color 0.1s, border-color 0.1s;
}

/* line 21, app/assets/stylesheets/views/organization_fields.scss */
.lv-back-link:hover {
  background: #f3f2f2;
  color: var(--org-primary, #0070d2);
  border-color: var(--org-primary, #0070d2);
}

/* line 32, app/assets/stylesheets/views/organization_fields.scss */
.cf-page {
  background: #f3f2f2;
  min-height: calc(100vh - 104px);
  display: flex;
  flex-direction: column;
}

/* line 39, app/assets/stylesheets/views/organization_fields.scss */
.cf-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* line 47, app/assets/stylesheets/views/organization_fields.scss */
.cf-header {
  background: #fff;
  border-bottom: 1px solid #dddbda;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  flex-shrink: 0;
}

/* line 57, app/assets/stylesheets/views/organization_fields.scss */
.cf-back-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  background: #fff;
  color: #706e6b;
  text-decoration: none !important;
  font-size: 0.75rem;
  flex-shrink: 0;
  margin-top: 4px;
  transition: background 0.1s, color 0.1s, border-color 0.1s;
}

/* line 73, app/assets/stylesheets/views/organization_fields.scss */
.cf-back-btn:hover {
  background: #f3f2f2;
  color: var(--org-primary, #0070d2);
  border-color: var(--org-primary, #0070d2);
}

/* line 80, app/assets/stylesheets/views/organization_fields.scss */
.cf-header-text {
  flex: 1;
  min-width: 0;
}

/* line 82, app/assets/stylesheets/views/organization_fields.scss */
.cf-breadcrumb {
  font-size: 0.78rem;
  color: #706e6b;
  margin-bottom: 0.15rem;
}

/* line 87, app/assets/stylesheets/views/organization_fields.scss */
.cf-breadcrumb a {
  color: var(--org-primary, #0070d2);
  text-decoration: none;
}

/* line 90, app/assets/stylesheets/views/organization_fields.scss */
.cf-breadcrumb a:hover {
  text-decoration: underline;
}

/* line 94, app/assets/stylesheets/views/organization_fields.scss */
.cf-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #080707;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 105, app/assets/stylesheets/views/organization_fields.scss */
.cf-body {
  flex: 1;
  padding: 1.5rem;
  padding-bottom: 5rem;
  max-width: 1100px;
  width: 100%;
  margin-inline: auto;
}

/* line 115, app/assets/stylesheets/views/organization_fields.scss */
.cf-card {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 6px;
  margin-bottom: 1rem;
}

/* line 122, app/assets/stylesheets/views/organization_fields.scss */
.cf-card-hd {
  padding: 0.55rem 1rem;
  border-bottom: 1px solid #f3f2f2;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #514f4d;
  background: #fafaf9;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 138, app/assets/stylesheets/views/organization_fields.scss */
.cf-card-note {
  font-size: 0.72rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  color: #706e6b;
}

/* line 146, app/assets/stylesheets/views/organization_fields.scss */
.cf-card-bd {
  padding: 1rem;
}

/* line 151, app/assets/stylesheets/views/organization_fields.scss */
.cf-lbl {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #3e3e3c;
  margin-bottom: 0.3rem;
}

/* line 159, app/assets/stylesheets/views/organization_fields.scss */
.cf-inp {
  display: block;
  width: 100%;
  height: 34px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.625rem;
  font-size: 0.875rem;
  background: #fff;
  color: #3e3e3c;
  transition: border-color 0.15s;
}

/* line 171, app/assets/stylesheets/views/organization_fields.scss */
.cf-inp:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.12);
}

/* line 177, app/assets/stylesheets/views/organization_fields.scss */
.cf-inp--ro {
  background: #f3f2f2;
  color: #706e6b;
  cursor: not-allowed;
}

/* line 184, app/assets/stylesheets/views/organization_fields.scss */
.cf-textarea {
  height: auto;
  padding: 0.45rem 0.625rem;
  resize: vertical;
}

/* line 190, app/assets/stylesheets/views/organization_fields.scss */
.cf-hint {
  font-size: 0.74rem;
  color: #9faab5;
  margin-top: 0.2rem;
}

/* line 195, app/assets/stylesheets/views/organization_fields.scss */
.cf-hint--warn {
  color: #c5960b;
}

/* line 199, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 0.45rem;
}

/* line 204, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-grid--ro {
  pointer-events: none;
  opacity: 0.8;
}

/* line 210, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 0.4rem;
  border: 2px solid #dddbda;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  transition: border-color 0.12s, background 0.12s;
  gap: 0.3rem;
  user-select: none;
}

/* line 225, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-card:hover {
  border-color: var(--org-primary, #0070d2);
  background: #f0f8ff;
}

/* line 230, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-card.selected {
  border-color: var(--org-primary, #0070d2);
  background: #e8f4fd;
}

/* line 234, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-card.selected .cf-type-icon {
  color: var(--org-primary, #0070d2);
}

/* line 235, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-card.selected .cf-type-name {
  color: var(--org-primary, #0070d2);
  font-weight: 700;
}

/* line 239, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-icon {
  font-size: 1.05rem;
  color: #706e6b;
}

/* line 244, app/assets/stylesheets/views/organization_fields.scss */
.cf-type-name {
  font-size: 0.71rem;
  font-weight: 600;
  color: #3e3e3c;
  white-space: nowrap;
}

/* line 252, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}

/* line 259, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-input {
  flex: 1;
  height: 32px;
  border: 1px solid #dddbda;
  border-radius: 4px;
  padding: 0 0.5rem;
  font-size: 0.875rem;
}

/* line 267, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-input:focus {
  outline: none;
  border-color: var(--org-primary, #0070d2);
  box-shadow: 0 0 0 3px rgba(0, 112, 210, 0.1);
}

/* line 274, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-remove {
  width: 32px;
  height: 32px;
  border: 1px solid #f1c2c2;
  border-radius: 4px;
  background: #fff;
  color: #c23934;
  font-size: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.1s;
}

/* line 289, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-remove:hover {
  background: #fef1f1;
}

/* line 292, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-add {
  height: 30px;
  padding: 0 0.75rem;
  border: 1px dashed var(--org-primary, #0070d2);
  border-radius: 4px;
  background: none;
  color: var(--org-primary, #0070d2);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-top: 0.25rem;
  transition: background 0.1s;
}

/* line 307, app/assets/stylesheets/views/organization_fields.scss */
.cf-pl-add:hover {
  background: #f0f8ff;
}

/* line 311, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh {
  display: flex;
  align-items: flex-start;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #f3f2f2;
  cursor: pointer;
  background: #fff;
  gap: 0.75rem;
  transition: background 0.1s;
  margin: 0;
}

/* line 322, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh--last {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

/* line 323, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh:hover {
  background: #f8fbfe;
}

/* line 324, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh--on {
  background: #f0f8ff;
}

/* line 327, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh-chk {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  accent-color: var(--org-primary, #0070d2);
  cursor: pointer;
}

/* line 336, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh-txt {
  flex: 1;
}

/* line 338, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh-lbl {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #3e3e3c;
}

/* line 345, app/assets/stylesheets/views/organization_fields.scss */
.cf-beh-desc {
  display: block;
  font-size: 0.77rem;
  color: #706e6b;
  margin-top: 1px;
}

/* line 353, app/assets/stylesheets/views/organization_fields.scss */
.cf-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  border-top: 1px solid #dddbda;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* line 7, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  padding: 0.65rem 0.25rem;
  border-bottom: 1px solid #f0f0f0;
}

/* line 15, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display:last-child {
  border-bottom: none;
}

/* line 22, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields .edit-button {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

/* line 23, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields .record-field-display:hover .edit-button,
.record-layout-render .record-header-fields .record-field-placeholder:hover .edit-button {
  opacity: 1 !important;
  pointer-events: auto;
}

/* line 36, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tabs-body {
  padding: 1rem 1rem 0.75rem !important;
}

/* line 37, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tab-section.active {
  padding-bottom: 0;
}

/* line 38, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tabs-body .pf-section-container:last-child .pf-section {
  margin-bottom: 0;
}

/* line 41, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .field-label {
  font-weight: 600;
  color: #495057;
  min-width: fit-content;
  flex-shrink: 0;
  margin: 0;
}

/* line 50, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .field-value {
  color: #212529;
  flex: 0 1 auto;
  min-width: 0;
  word-break: break-word;
}

/* line 57, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .field-value:empty::before, .record-layout-render .field-value[data-value=""]::before {
  content: "Not Set";
  color: #6c757d;
  font-style: italic;
}

/* line 66, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-button {
  background: transparent !important;
  border: none !important;
  padding: 0.25rem 0.25rem !important;
  margin-left: 0.125rem !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.7 !important;
  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  color: #6c757d !important;
  border-radius: 4px;
  line-height: 1;
  vertical-align: middle;
  visibility: visible !important;
}

/* line 84, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-button i {
  font-size: 0.8125rem;
  pointer-events: none;
  display: inline-block !important;
}

/* line 90, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-button:hover {
  opacity: 1 !important;
  color: #007bff !important;
  background-color: #f0f7ff !important;
}

/* line 96, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-button:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  opacity: 1 !important;
}

/* line 103, app/assets/stylesheets/views/_record_display.scss */
.record-field-display:hover .record-layout-render .edit-button {
  opacity: 1 !important;
}

/* line 109, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-body {
  gap: 1rem !important;
  padding: 1rem !important;
}

/* line 114, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column {
  padding: 0.75rem !important;
  gap: 0;
}

/* line 120, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-placeholder {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

/* line 128, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-placeholder:hover {
  background: transparent !important;
}

/* line 134, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem;
}

/* line 143, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0.7rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  border-bottom: 1px solid #e9ecef;
  border-radius: 8px 8px 0 0;
  letter-spacing: 0.01em;
}

/* line 157, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-chevron {
  font-size: 0.78em;
  transition: transform 0.2s ease;
  opacity: 0.7;
}

/* line 158, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-header[data-role="pf-section-toggle"] {
  cursor: pointer;
  user-select: none;
}

/* line 159, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section--collapsed > .pf-section-header .pf-section-chevron {
  transform: rotate(-90deg);
}

/* line 162, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-embed {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--bs-border-color, #e9ecef);
  border-radius: 8px;
  background: var(--bs-body-bg, #fff);
}

/* line 172, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-image {
  flex: 0 0 120px;
}

/* line 173, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-wrap {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
}

/* line 174, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 175, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bs-tertiary-bg, #f1f3f5);
  color: var(--bs-secondary-color, #9aa1ab);
}

/* line 180, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-placeholder i {
  font-size: 1.6rem;
}

/* line 182, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-edit {
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 187, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-edit:hover {
  background: rgba(0, 0, 0, 0.82);
}

/* line 189, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px 20px;
  align-items: center;
}

/* line 193, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > * {
  min-width: 0;
}

/* line 195, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-content: flex-start;
  flex: 0 0 auto;
  max-width: 200px;
}

/* line 196, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-flag-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.78rem;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(13, 110, 253, 0.12);
  color: #0d6efd;
}

/* line 203, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-embed {
  align-items: center;
  flex-wrap: wrap;
}

/* line 204, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-image {
  flex: 0 0 128px;
}

/* line 205, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-wrap {
  width: 128px;
  height: 128px;
  border-radius: 50%;
}

/* line 208, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-body {
  flex: 1 1 300px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 215, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-flags:empty {
  display: none;
}

/* line 223, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields .record-field-display,
.record-layout-render .record-header-fields .record-field-display:hover,
.record-layout-render .record-header-fields .record-field-placeholder,
.record-layout-render .record-header-fields .record-field-placeholder:hover {
  padding: 2px 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* line 239, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields {
  align-items: flex-start;
}

/* line 241, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > * {
  flex: 0 0 auto;
}

/* line 242, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > :first-child {
  flex: 0 0 100%;
}

/* line 244, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > :first-child .field-label {
  display: none;
}

/* line 245, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > :first-child .field-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

/* line 246, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields > :first-child .edit-button {
  vertical-align: middle;
}

/* line 251, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-flags {
  max-width: none;
  margin-top: 2px;
}

/* line 253, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-embed > .record-header-flags {
  flex-basis: 100%;
}

/* line 256, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-embed {
  position: relative;
}

/* line 257, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-clickable {
  cursor: pointer;
}

/* line 258, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 1.4rem;
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* line 264, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rh-image-wrap:hover .rh-image-overlay {
  opacity: 1;
}

/* line 267, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

/* line 275, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render [data-theme="dark"] .record-header-embed {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

/* line 280, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render [data-theme="dark"] .rh-image-placeholder {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.4);
}

/* line 284, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render [data-theme="dark"] .rh-flag-chip {
  background: rgba(13, 110, 253, 0.22);
  color: #6ea8fe;
}

/* line 288, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-frame {
  display: block;
  margin-bottom: 1.5rem;
}

/* line 290, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed {
  border: 1px solid var(--bs-border-color, #e9ecef);
  border-radius: 8px;
  background: var(--bs-body-bg, #fff);
  overflow: hidden;
}

/* line 296, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  font-weight: 600;
  font-size: 0.9rem;
  border-bottom: 1px solid var(--bs-border-color, #e9ecef);
}

/* line 304, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-header i {
  color: var(--bs-primary, #4a90d9);
}

/* line 306, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-form {
  padding: 1rem;
}

/* line 307, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-title {
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

/* line 308, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-text {
  margin-bottom: 0.5rem;
}

/* line 309, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-section-label {
  font-weight: 600;
  font-size: 0.85rem;
  margin: 0.5rem 0 0.25rem;
  opacity: 0.8;
}

/* line 310, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-actions {
  padding: 0 1rem 1rem;
  display: flex;
  gap: 0.5rem;
}

/* line 311, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-result {
  margin: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
}

/* line 316, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-result--ok {
  background: rgba(25, 135, 84, 0.12);
  color: #198754;
}

/* line 317, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-result--err {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

/* line 321, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1080;
}

/* line 330, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-modal {
  position: relative;
  width: min(560px, 92vw);
  max-height: 88vh;
  overflow: auto;
  background: var(--bs-body-bg, #fff);
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
  padding: 8px;
}

/* line 340, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .flow-embed-modal-close {
  position: absolute;
  top: 8px;
  right: 12px;
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: var(--bs-secondary-color, #888);
  z-index: 1;
}

/* line 353, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-body {
  background: transparent;
  border: none;
  padding: 1.25rem !important;
}

/* line 359, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
}

/* line 366, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column:hover {
  background: transparent !important;
  border: none !important;
}

/* line 373, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tab-section {
  background: transparent !important;
  border: none !important;
  padding: 1rem 0 !important;
  margin: 0 !important;
  min-height: auto !important;
}

/* line 380, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tab-section:hover {
  background: transparent !important;
}

/* line 386, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-input {
  display: none !important;
  margin-left: 0.5rem;
  margin-top: 0 !important;
  padding: 0.375rem 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 0.9375rem;
  min-width: 200px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: baseline;
}

/* line 399, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-input[style*="inline-block"], .record-layout-render .edit-input[style*="block"] {
  display: inline-block !important;
}

/* line 404, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .edit-input:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 412, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render textarea.edit-input {
  display: none !important;
  margin-left: 0;
  margin-top: 0.5rem;
  width: 100%;
  min-height: 80px;
}

/* line 419, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render textarea.edit-input[style*="inline-block"], .record-layout-render textarea.edit-input[style*="block"] {
  display: block !important;
}

/* line 426, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .form-check {
  display: none !important;
  margin-left: 0.5rem;
}

/* line 430, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .form-check[style*="inline-block"], .record-layout-render .form-check[style*="block"], .record-layout-render .form-check[style*="flex"] {
  display: inline-flex !important;
  align-items: center;
}

/* line 444, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display:has(.edit-input[style*="inline-block"]) .edit-button,
.record-layout-render .record-field-display:has(.edit-input[style*="block"]) .edit-button,
.record-layout-render .record-field-display:has(.form-check[style*="inline-block"]) .edit-button,
.record-layout-render .record-field-display:has(.form-check[style*="block"]) .edit-button,
.record-layout-render .record-field-display:has(.form-check[style*="flex"]) .edit-button {
  display: none !important;
}

/* line 448, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display:has(.edit-input[style*="inline-block"]) .field-value,
.record-layout-render .record-field-display:has(.edit-input[style*="block"]) .field-value,
.record-layout-render .record-field-display:has(.form-check[style*="inline-block"]) .field-value,
.record-layout-render .record-field-display:has(.form-check[style*="block"]) .field-value,
.record-layout-render .record-field-display:has(.form-check[style*="flex"]) .field-value {
  display: none !important;
}

/* line 452, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display:has(.edit-input[style*="inline-block"]) .rl-read-icon,
.record-layout-render .record-field-display:has(.edit-input[style*="block"]) .rl-read-icon,
.record-layout-render .record-field-display:has(.form-check[style*="inline-block"]) .rl-read-icon,
.record-layout-render .record-field-display:has(.form-check[style*="block"]) .rl-read-icon,
.record-layout-render .record-field-display:has(.form-check[style*="flex"]) .rl-read-icon {
  display: none !important;
}

/* line 460, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .field-required {
  display: none;
}

/* line 471, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-display:has(.edit-input[style*="inline-block"]) .field-required,
.record-layout-render .record-field-display:has(.edit-input[style*="block"]) .field-required,
.record-layout-render .record-field-display:has(.form-check[style*="inline-block"]) .field-required,
.record-layout-render .record-field-display:has(.form-check[style*="block"]) .field-required,
.record-layout-render .record-field-display:has(.form-check[style*="flex"]) .field-required,
.record-layout-render .record-field-display:has(.rl-picker[style*="block"]) .field-required,
.record-layout-render .record-field-create .field-required {
  display: inline !important;
}

/* line 479, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-create {
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
}

/* line 484, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-create .edit-input:not([type="checkbox"]),
.record-layout-render .record-field-create .form-select,
.record-layout-render .record-field-create .form-control {
  margin-left: 0 !important;
  width: 100%;
  max-width: 100%;
}

/* line 493, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-create .form-check {
  margin-left: 0;
}

/* line 496, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-field-create .lookup-field,
.record-layout-render .record-field-create .related-to-combo {
  max-width: 100% !important;
}

/* line 502, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rl-empty-component {
  padding: 0;
}

/* line 503, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .rl-no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 1.25rem;
  color: var(--bs-secondary-color, #8a8a8a);
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  /* line 515, app/assets/stylesheets/views/_record_display.scss */
  .record-layout-render .pf-section-body {
    flex-direction: column;
    gap: 0 !important;
  }
  /* line 520, app/assets/stylesheets/views/_record_display.scss */
  .record-layout-render .pf-section-column {
    width: 100%;
    margin-bottom: 1rem;
  }
  /* line 524, app/assets/stylesheets/views/_record_display.scss */
  .record-layout-render .pf-section-column:last-child {
    margin-bottom: 0;
  }
  /* line 529, app/assets/stylesheets/views/_record_display.scss */
  .record-layout-render .record-field-display {
    padding: 0.625rem 0;
  }
  /* line 533, app/assets/stylesheets/views/_record_display.scss */
  .record-layout-render .edit-button {
    opacity: 1;
  }
}

/* line 544, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render .record-header-fields .record-field-placeholder,
[data-theme="dark"] .record-layout-render .record-header-fields .record-field-placeholder:hover,
[data-theme="dark"] .record-layout-render .record-header-fields .record-field-display,
[data-theme="dark"] .record-layout-render .record-header-fields .record-field-display:hover {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* line 557, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render > .record-field-placeholder {
  background: var(--bs-tertiary-bg, #f8f9fa) !important;
  border: 1px solid var(--bs-border-color, #e9ecef) !important;
  border-radius: 8px !important;
  padding: 0.6rem 1rem !important;
  margin-bottom: 0.75rem !important;
}

/* line 564, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render > .record-field-placeholder {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 575, app/assets/stylesheets/views/_record_display.scss */
.record-page {
  margin: 0 4rem;
  padding: 1.25rem 0 2rem;
}

@media (max-width: 768px) {
  /* line 580, app/assets/stylesheets/views/_record_display.scss */
  .record-page {
    margin: 0 1rem;
  }
}

/* line 588, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section {
  background: var(--bs-body-bg, #fff) !important;
  border: 1px solid var(--bs-border-color, #e9ecef) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 1.25rem;
  overflow: hidden;
}

/* line 596, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-header {
  background: var(--bs-tertiary-bg, #f8f9fa) !important;
  border: none !important;
  border-bottom: 1px solid var(--bs-border-color, #e9ecef) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0.7rem 1.25rem !important;
  font-weight: 600;
}

/* line 605, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-body {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
  padding: 0.75rem 1.25rem !important;
  background: transparent !important;
  border: none !important;
}

/* line 613, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* line 623, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column .record-field-display {
  padding: 0.6rem 0;
  border-radius: 0;
  border-bottom: 1px solid var(--bs-border-color, #eef0f2);
}

/* line 628, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section-column .record-field-display:last-child {
  border-bottom: none;
}

/* line 631, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section--collapsed .pf-section-body {
  display: none !important;
}

/* line 632, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-section--collapsed .pf-section-header {
  border-bottom: none !important;
}

/* line 644, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render .pf-section {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 648, app/assets/stylesheets/views/_record_display.scss */
[data-theme="light"] .record-layout-render .pf-section {
  background: var(--bs-body-bg, #fff) !important;
  border-color: var(--bs-border-color, #e9ecef) !important;
}

/* line 652, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render .pf-section-header {
  background: #23272e !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 658, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render .pf-section-column,
[data-theme="light"] .record-layout-render .pf-section-column,
[data-theme="dark"] .record-layout-render .pf-section-column:hover,
[data-theme="light"] .record-layout-render .pf-section-column:hover,
[data-theme="dark"] .record-layout-render .record-field-placeholder,
[data-theme="light"] .record-layout-render .record-field-placeholder {
  background: transparent !important;
  border-color: transparent !important;
}

/* line 667, app/assets/stylesheets/views/_record_display.scss */
[data-theme="dark"] .record-layout-render .pf-section-column .record-field-display {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 673, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .pf-tabs-container,
.record-layout-render .pf-tabs {
  margin-bottom: 1.25rem;
}

/* line 677, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields {
  gap: 8px 28px;
}

/* line 679, app/assets/stylesheets/views/_record_display.scss */
.record-layout-render .record-header-fields .edit-button {
  margin-right: 0.35rem;
}

/* line 1, app/assets/stylesheets/feed.scss */
.comment-form .input-group {
  display: flex;
  align-items: center;
}

/* line 6, app/assets/stylesheets/feed.scss */
.comment-input {
  border-radius: 20px;
  border: 1px solid #ddd;
  padding: 8px 16px;
  margin-right: 8px;
  flex: 1 1 auto;
  min-height: 38px;
  max-height: 80px;
  background: #fafafa;
}

/* line 17, app/assets/stylesheets/feed.scss */
.comment-submit {
  border-radius: 20px;
  padding: 6px 18px;
  font-weight: bold;
}

/* line 23, app/assets/stylesheets/feed.scss */
.comments-list {
  margin-top: 10px;
}

/* line 27, app/assets/stylesheets/feed.scss */
.comment {
  background: #f7f7f7;
  border-radius: 16px;
  padding: 10px 16px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* line 37, app/assets/stylesheets/feed.scss */
.comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}

/* line 45, app/assets/stylesheets/feed.scss */
.comment strong {
  font-size: 0.95em;
  font-weight: 600;
  color: #555;
  margin-right: 10px;
}

/* line 52, app/assets/stylesheets/feed.scss */
.comment-body {
  font-size: 1.08em;
  color: #222;
  margin-bottom: 8px;
  word-break: break-word;
}

/* line 59, app/assets/stylesheets/feed.scss */
.delete-comment {
  background: #fff0f0;
  color: #d33;
  border: 1px solid #f5c2c7;
  border-radius: 12px;
  padding: 2px 12px;
  font-size: 0.95em;
  margin-left: 8px;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}

/* line 71, app/assets/stylesheets/feed.scss */
.delete-comment:hover {
  background: #d33;
  color: #fff;
  border-color: #d33;
}

/* line 77, app/assets/stylesheets/feed.scss */
.comment-reactions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

/* line 84, app/assets/stylesheets/feed.scss */
.reaction-btn {
  background: #f0f0ff;
  color: #333;
  border: 1px solid #b3b3e6;
  border-radius: 12px;
  padding: 2px 10px;
  font-size: 0.95em;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/feed.scss */
.reaction-btn.selected, .reaction-btn:active {
  background: #4f8cff;
  color: #fff;
  border-color: #4f8cff;
}

/* line 101, app/assets/stylesheets/feed.scss */
.reaction-count {
  font-size: 0.95em;
  color: #666;
  margin-right: 8px;
  margin-left: 2px;
}

/* line 108, app/assets/stylesheets/feed.scss */
.comment-reactions-bar.centered {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  width: 100%;
}

/* line 117, app/assets/stylesheets/feed.scss */
.reaction-icon-btn {
  background: #fff;
  border: none;
  border-radius: 30%;
  width: 36px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  padding: 0;
  margin: 0;
}

/* line 131, app/assets/stylesheets/feed.scss */
.reaction-icon-btn.selected {
  background: #fff;
}

/* line 135, app/assets/stylesheets/feed.scss */
.reaction-icon-btn i {
  font-size: 1.25em;
  color: #bbb;
  background: none;
  border: none;
  padding: 0;
  transition: color 0.2s, -webkit-text-stroke 0.2s;
}

/* line 144, app/assets/stylesheets/feed.scss */
.reaction-icon-btn.selected i {
  -webkit-text-stroke: 1px #222;
  text-stroke: 1px #222;
}

/* line 149, app/assets/stylesheets/feed.scss */
.post-reactions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  width: 100%;
}

/* line 2, app/assets/stylesheets/calendar.scss */
.calendar-container {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/calendar.scss */
.calendar-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 20px;
  text-align: center;
}

/* line 16, app/assets/stylesheets/calendar.scss */
.calendar-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

/* line 23, app/assets/stylesheets/calendar.scss */
.calendar-nav-btn {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* line 33, app/assets/stylesheets/calendar.scss */
.calendar-nav-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* line 37, app/assets/stylesheets/calendar.scss */
.calendar-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}

/* line 44, app/assets/stylesheets/calendar.scss */
.calendar-table-container {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  /* Fallback height; calendar_controller#fit sets the exact px so the grid fills
     to the bottom of the viewport (no dead space, no page scroll). */
  height: calc(100vh - 190px);
}

/* line 54, app/assets/stylesheets/calendar.scss */
.calendar-table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* line 61, app/assets/stylesheets/calendar.scss */
.calendar-header-row {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

/* line 66, app/assets/stylesheets/calendar.scss */
.calendar-header-cell {
  padding: 15px 8px;
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  border: none;
  transition: all 0.3s ease;
  position: relative;
  background: transparent;
  /* Remove individual cell backgrounds */
}

/* line 77, app/assets/stylesheets/calendar.scss */
.calendar-week-row {
  border-bottom: 1px solid #e9ecef;
}

/* line 81, app/assets/stylesheets/calendar.scss */
.calendar-week-row:last-child {
  border-bottom: none;
}

/* line 85, app/assets/stylesheets/calendar.scss */
.calendar-day-cell {
  background: white;
  min-height: 80px;
  height: auto;
  /* rows distribute the table's full height to fill the page */
  padding: 8px;
  border: 1px solid #e9ecef;
  position: relative;
  transition: all 0.2s ease;
  cursor: pointer;
  vertical-align: top;
  overflow: hidden;
}

/* line 98, app/assets/stylesheets/calendar.scss */
.calendar-day-cell:hover {
  background: #f8f9fa;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 104, app/assets/stylesheets/calendar.scss */
.calendar-day-cell.today {
  background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
  border-color: #ffc107;
}

/* line 109, app/assets/stylesheets/calendar.scss */
.calendar-day-cell.other-month {
  background: #f8f9fa;
  color: #adb5bd;
}

/* line 114, app/assets/stylesheets/calendar.scss */
.calendar-day-number {
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
  font-size: 0.9rem;
  position: relative;
}

/* line 122, app/assets/stylesheets/calendar.scss */
.calendar-day-number::after {
  content: '+';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
  background: #007bff;
  color: white;
  border-radius: 50%;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* line 140, app/assets/stylesheets/calendar.scss */
.calendar-day-cell:hover .calendar-day-number::after {
  opacity: 1;
}

/* line 144, app/assets/stylesheets/calendar.scss */
.calendar-day-cell.other-month .calendar-day-number {
  color: #adb5bd;
}

/* line 148, app/assets/stylesheets/calendar.scss */
.calendar-day-cell.today .calendar-day-number {
  color: #856404;
  font-weight: 700;
}

/* line 153, app/assets/stylesheets/calendar.scss */
.calendar-day-events {
  min-height: 60px;
}

/* line 157, app/assets/stylesheets/calendar.scss */
.event-item {
  border-left: 4px solid;
  padding: 6px 8px;
  margin-bottom: 4px;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 171, app/assets/stylesheets/calendar.scss */
.event-item:hover {
  background: #e9ecef;
  transform: translateX(2px);
  text-decoration: none;
  color: inherit;
}

/* line 178, app/assets/stylesheets/calendar.scss */
.event-item .event-title {
  font-weight: 600;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 186, app/assets/stylesheets/calendar.scss */
.event-item .event-time {
  font-size: 0.75rem;
  color: #6c757d;
}

/* line 191, app/assets/stylesheets/calendar.scss */
.add-event-hint {
  padding: 8px;
  border: 1px dashed #dee2e6;
  border-radius: 4px;
  background: #f8f9fa;
  margin-top: 4px;
}

/* line 201, app/assets/stylesheets/calendar.scss */
.cal-tg {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 190px);
  /* fallback; calendar_controller#fit sets exact px */
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  overflow: hidden;
}

/* line 211, app/assets/stylesheets/calendar.scss */
.cal-tg-head {
  display: grid;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--bs-border-color);
  padding-right: 12px;
}

/* line 219, app/assets/stylesheets/calendar.scss */
.cal-tg-corner {
  border-right: 1px solid var(--bs-border-color);
}

/* line 221, app/assets/stylesheets/calendar.scss */
.cal-tg-dayhead {
  text-align: center;
  padding: 6px 4px 8px;
  border-left: 1px solid var(--bs-border-color);
}

/* line 227, app/assets/stylesheets/calendar.scss */
.cal-tg-dayname {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
}

/* line 234, app/assets/stylesheets/calendar.scss */
.cal-tg-dayhead.today .cal-tg-dayname {
  color: var(--bs-primary);
}

/* line 236, app/assets/stylesheets/calendar.scss */
.cal-tg-daynum {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--bs-body-color);
  line-height: 1.3;
}

/* line 242, app/assets/stylesheets/calendar.scss */
.cal-tg-daynum.today {
  background: var(--bs-primary);
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 50%;
  margin: 0 auto;
}

/* line 252, app/assets/stylesheets/calendar.scss */
.cal-tg-allday {
  display: grid;
  flex: 0 0 auto;
  border-bottom: 1px solid var(--bs-border-color);
  padding-right: 12px;
  max-height: 90px;
  overflow-y: auto;
}

/* line 260, app/assets/stylesheets/calendar.scss */
.cal-tg-allday-label {
  font-size: 0.65rem;
  color: var(--bs-secondary-color);
  text-align: right;
  padding: 4px 6px;
  text-transform: uppercase;
}

/* line 267, app/assets/stylesheets/calendar.scss */
.cal-tg-allday-col {
  border-left: 1px solid var(--bs-border-color);
  padding: 3px;
  min-height: 28px;
}

/* line 272, app/assets/stylesheets/calendar.scss */
.cal-event-allday {
  display: block;
  font-size: 0.72rem;
  padding: 2px 6px;
  margin-bottom: 2px;
  border-radius: 4px;
  border-left: 3px solid;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

/* line 283, app/assets/stylesheets/calendar.scss */
.cal-tg-body {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
}

/* line 289, app/assets/stylesheets/calendar.scss */
.cal-tg-grid {
  display: grid;
}

/* line 291, app/assets/stylesheets/calendar.scss */
.cal-tg-axis {
  position: relative;
}

/* line 292, app/assets/stylesheets/calendar.scss */
.cal-tg-hour-label {
  position: relative;
  text-align: right;
  padding-right: 8px;
  border-right: 1px solid var(--bs-border-color);
  box-sizing: border-box;
}

/* line 299, app/assets/stylesheets/calendar.scss */
.cal-tg-hour-label span {
  position: absolute;
  top: -8px;
  right: 8px;
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
  background: var(--bs-body-bg);
  padding: 0 2px;
}

/* line 309, app/assets/stylesheets/calendar.scss */
.cal-tg-daycol {
  position: relative;
}

/* line 310, app/assets/stylesheets/calendar.scss */
.cal-tg-hour-cell {
  border-left: 1px solid var(--bs-border-color);
  border-top: 1px solid var(--bs-border-color);
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.12s ease;
}

/* line 317, app/assets/stylesheets/calendar.scss */
.cal-tg-hour-cell:hover {
  background: var(--bs-tertiary-bg);
}

/* line 318, app/assets/stylesheets/calendar.scss */
.cal-tg-daycol.today {
  background: rgba(var(--bs-primary-rgb), 0.04);
}

/* line 321, app/assets/stylesheets/calendar.scss */
.cal-tg-now {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #ea4335;
  z-index: 4;
  pointer-events: none;
}

/* line 330, app/assets/stylesheets/calendar.scss */
.cal-tg-now::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ea4335;
}

/* line 342, app/assets/stylesheets/calendar.scss */
.cal-event {
  position: absolute;
  left: 2px;
  right: 4px;
  z-index: 3;
  padding: 2px 6px;
  border-radius: 5px;
  border-left: 3px solid;
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: filter 0.12s ease;
}

/* line 356, app/assets/stylesheets/calendar.scss */
.cal-event:hover {
  filter: brightness(1.06);
  z-index: 5;
  color: var(--bs-body-color);
}

/* line 357, app/assets/stylesheets/calendar.scss */
.cal-event-title {
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.2;
}

/* line 358, app/assets/stylesheets/calendar.scss */
.cal-event-time {
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
}

/* line 360, app/assets/stylesheets/calendar.scss */
.cal-event.pending {
  background: repeating-linear-gradient(45deg, var(--bs-tertiary-bg), var(--bs-tertiary-bg) 6px, transparent 6px, transparent 12px);
  border: 1px dashed var(--bs-secondary-color);
  border-left: 3px solid;
}

/* line 365, app/assets/stylesheets/calendar.scss */
.cal-event.pending .cal-event-title {
  font-style: italic;
}

/* line 366, app/assets/stylesheets/calendar.scss */
.cal-event.declined {
  opacity: 0.5;
}

/* line 367, app/assets/stylesheets/calendar.scss */
.cal-event.declined .cal-event-title {
  text-decoration: line-through;
}

/* line 370, app/assets/stylesheets/calendar.scss */
.cal-month {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 150px);
  /* fallback; calendar_controller#fit sets exact px */
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  overflow: hidden;
}

/* line 379, app/assets/stylesheets/calendar.scss */
.cal-month-head {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  flex: 0 0 auto;
  border-bottom: 1px solid var(--bs-border-color);
}

/* line 385, app/assets/stylesheets/calendar.scss */
.cal-month-dow {
  padding: 8px 6px;
  text-align: center;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  border-left: 1px solid var(--bs-border-color);
}

/* line 395, app/assets/stylesheets/calendar.scss */
.cal-month-dow:first-child {
  border-left: none;
}

/* line 396, app/assets/stylesheets/calendar.scss */
.cal-month-grid {
  display: grid;
  grid-template-columns: 1fr;
  flex: 1 1 auto;
  min-height: 0;
}

/* line 402, app/assets/stylesheets/calendar.scss */
.cal-week-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid var(--bs-border-color);
  min-height: 0;
}

/* line 409, app/assets/stylesheets/calendar.scss */
.cal-week-row:last-child {
  border-bottom: none;
}

/* line 410, app/assets/stylesheets/calendar.scss */
.cal-month-cell {
  border-right: 1px solid var(--bs-border-color);
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  cursor: pointer;
  overflow: hidden;
}

/* line 419, app/assets/stylesheets/calendar.scss */
.cal-month-cell:nth-child(7n) {
  border-right: none;
}

/* line 420, app/assets/stylesheets/calendar.scss */
.cal-month-cell.other-month {
  background: var(--bs-tertiary-bg);
}

/* line 421, app/assets/stylesheets/calendar.scss */
.cal-month-cell.today {
  background: rgba(var(--bs-primary-rgb), 0.06);
}

/* line 422, app/assets/stylesheets/calendar.scss */
.cal-month-cell-head {
  height: 22px;
  padding: 2px 4px 0;
  flex: 0 0 auto;
}

/* line 423, app/assets/stylesheets/calendar.scss */
.cal-month-bar-space {
  flex: 0 0 auto;
}

/* line 426, app/assets/stylesheets/calendar.scss */
.cal-week-bars {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}

/* line 434, app/assets/stylesheets/calendar.scss */
.cal-bar {
  position: absolute;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 500;
  pointer-events: auto;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 449, app/assets/stylesheets/calendar.scss */
.cal-bar:hover {
  filter: brightness(1.08);
  color: #fff;
}

/* line 450, app/assets/stylesheets/calendar.scss */
.cal-bar.continues-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 451, app/assets/stylesheets/calendar.scss */
.cal-bar.continues-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 452, app/assets/stylesheets/calendar.scss */
.cal-bar-time {
  opacity: 0.85;
}

/* line 453, app/assets/stylesheets/calendar.scss */
.cal-bar.pending {
  background: var(--bs-body-bg) !important;
  border: 1px dashed var(--bs-secondary-color);
  color: var(--bs-body-color);
}

/* line 458, app/assets/stylesheets/calendar.scss */
.cal-bar.declined {
  opacity: 0.5;
  text-decoration: line-through;
}

/* line 459, app/assets/stylesheets/calendar.scss */
.cal-month-daynum {
  font-size: 0.78rem;
  color: var(--bs-secondary-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
}

/* line 468, app/assets/stylesheets/calendar.scss */
.cal-month-cell.other-month .cal-month-daynum {
  opacity: 0.5;
}

/* line 469, app/assets/stylesheets/calendar.scss */
.cal-month-daynum.today {
  background: var(--bs-primary);
  color: #fff;
  border-radius: 50%;
}

/* line 470, app/assets/stylesheets/calendar.scss */
.cal-month-events {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 3px 3px;
}

/* line 476, app/assets/stylesheets/calendar.scss */
.cal-month-events::-webkit-scrollbar {
  width: 6px;
}

/* line 477, app/assets/stylesheets/calendar.scss */
.cal-month-events::-webkit-scrollbar-thumb {
  background: var(--bs-border-color);
  border-radius: 3px;
}

/* line 480, app/assets/stylesheets/calendar.scss */
.cal-chip {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1px 4px;
  margin-bottom: 1px;
  border-radius: 4px;
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--bs-body-color);
  cursor: pointer;
}

/* line 492, app/assets/stylesheets/calendar.scss */
.cal-chip:hover {
  background: var(--bs-tertiary-bg);
}

/* line 493, app/assets/stylesheets/calendar.scss */
.cal-chip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}

/* line 494, app/assets/stylesheets/calendar.scss */
.cal-chip-time {
  color: var(--bs-secondary-color);
  flex: 0 0 auto;
}

/* line 495, app/assets/stylesheets/calendar.scss */
.cal-chip-title {
  font-weight: 500;
  min-width: 0;
}

/* line 496, app/assets/stylesheets/calendar.scss */
.cal-chip.pending .cal-chip-title {
  font-style: italic;
}

/* line 497, app/assets/stylesheets/calendar.scss */
.cal-chip.pending .cal-chip-dot {
  background: transparent !important;
  border: 2px solid var(--bs-secondary-color);
}

/* line 498, app/assets/stylesheets/calendar.scss */
.cal-chip.declined .cal-chip-title {
  text-decoration: line-through;
  opacity: 0.55;
}

/* line 501, app/assets/stylesheets/calendar.scss */
.calendar-item .cal-kebab {
  margin-left: auto;
}

/* line 502, app/assets/stylesheets/calendar.scss */
.cal-kebab .dropdown-menu {
  font-size: 0.85rem;
  min-width: 175px;
}

/* line 503, app/assets/stylesheets/calendar.scss */
.cal-invite {
  border: 1px solid var(--bs-border-color);
  border-left: 3px solid var(--bs-warning);
  border-radius: 6px;
  padding: 6px 8px;
  background: var(--bs-tertiary-bg);
}

/* line 510, app/assets/stylesheets/calendar.scss */
.cal-invite-title {
  font-weight: 600;
  font-size: 0.82rem;
}

/* line 513, app/assets/stylesheets/calendar.scss */
.cal-title {
  font-size: 1.35rem;
  font-weight: 400;
  color: var(--bs-body-color);
  white-space: nowrap;
}

/* line 514, app/assets/stylesheets/calendar.scss */
.cal-nav-btn {
  border: none;
  background: transparent;
  color: var(--bs-secondary-color);
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0;
}

/* line 523, app/assets/stylesheets/calendar.scss */
.cal-nav-btn:hover {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

/* line 524, app/assets/stylesheets/calendar.scss */
.cal-view-switch .btn {
  min-width: 58px;
}

/* line 527, app/assets/stylesheets/calendar.scss */
.cal-card-dialog {
  max-width: 440px;
}

/* line 528, app/assets/stylesheets/calendar.scss */
#eventModal .modal-content {
  border: none;
  border-radius: 10px;
  overflow: hidden;
}

/* line 529, app/assets/stylesheets/calendar.scss */
.cal-card-strip {
  height: 8px;
  width: 100%;
  border-radius: 10px 10px 0 0;
}

/* line 530, app/assets/stylesheets/calendar.scss */
.cal-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 2px;
  padding: 6px 8px 0;
}

/* line 536, app/assets/stylesheets/calendar.scss */
.cal-card-btn {
  border: none;
  background: transparent;
  color: var(--bs-secondary-color);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* line 545, app/assets/stylesheets/calendar.scss */
.cal-card-btn:hover {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

/* line 546, app/assets/stylesheets/calendar.scss */
.cal-card-actions form {
  margin: 0;
}

/* line 547, app/assets/stylesheets/calendar.scss */
.cal-card-body {
  padding: 4px 22px 22px;
}

/* line 548, app/assets/stylesheets/calendar.scss */
.cal-card-title-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

/* line 549, app/assets/stylesheets/calendar.scss */
.cal-card-square {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  margin-top: 6px;
  flex: 0 0 auto;
}

/* line 550, app/assets/stylesheets/calendar.scss */
.cal-card-title {
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0;
  color: var(--bs-body-color);
}

/* line 551, app/assets/stylesheets/calendar.scss */
.cal-card-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 6px 0;
  color: var(--bs-body-color);
}

/* line 552, app/assets/stylesheets/calendar.scss */
.cal-card-ico {
  color: var(--bs-secondary-color);
  width: 18px;
  text-align: center;
  margin-top: 3px;
  flex: 0 0 auto;
}

/* line 553, app/assets/stylesheets/calendar.scss */
.cal-card-desc {
  font-size: 0.9rem;
  color: var(--bs-secondary-color);
}

/* line 554, app/assets/stylesheets/calendar.scss */
.cal-card-desc p {
  margin-bottom: 0.3rem;
}

/* line 555, app/assets/stylesheets/calendar.scss */
.cal-card-rsvp {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--bs-border-color);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* line 561, app/assets/stylesheets/calendar.scss */
.cal-card-rsvp form {
  margin: 0;
}

/* line 564, app/assets/stylesheets/calendar.scss */
.calendar-color-indicator {
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

/* line 575, app/assets/stylesheets/calendar.scss */
.calendar-color-indicator:hover {
  transform: scale(1.2);
}

/* line 580, app/assets/stylesheets/calendar.scss */
.calendar-selection {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

/* line 587, app/assets/stylesheets/calendar.scss */
.calendar-checkbox:checked + .form-check-label {
  font-weight: 600;
  background: rgba(0, 123, 255, 0.1);
  border-radius: 4px;
  padding: 0px 0px 0px 5px;
  margin: -4px -8px;
}

/* line 595, app/assets/stylesheets/calendar.scss */
.calendar-checkbox:checked + .form-check-label .badge {
  transform: scale(1.1);
}

/* line 599, app/assets/stylesheets/calendar.scss */
.calendar-selection-header {
  background: #f8f9fa;
  padding: 15px 20px;
  border-bottom: 1px solid #dee2e6;
  border-radius: 8px 8px 0 0;
}

/* line 606, app/assets/stylesheets/calendar.scss */
.calendar-selection-body {
  padding: 20px;
}

/* line 610, app/assets/stylesheets/calendar.scss */
.calendar-checkbox {
  margin-right: 8px;
}

/* line 614, app/assets/stylesheets/calendar.scss */
.calendar-checkbox:checked + .form-check-label {
  font-weight: 600;
}

/* line 619, app/assets/stylesheets/calendar.scss */
.event-form {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

/* line 626, app/assets/stylesheets/calendar.scss */
.event-form .form-label {
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
}

/* line 632, app/assets/stylesheets/calendar.scss */
.event-form .form-control {
  border-radius: 6px;
  border: 2px solid #e9ecef;
  transition: border-color 0.2s ease;
}

/* line 638, app/assets/stylesheets/calendar.scss */
.event-form .form-control:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* line 644, app/assets/stylesheets/calendar.scss */
.event-details {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* line 650, app/assets/stylesheets/calendar.scss */
.event-details-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 20px;
  border-radius: 8px 8px 0 0;
}

/* line 657, app/assets/stylesheets/calendar.scss */
.event-details-body {
  padding: 30px;
}

/* line 662, app/assets/stylesheets/calendar.scss */
.avatar-placeholder {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1rem;
}

/* line 675, app/assets/stylesheets/calendar.scss */
.avatar-placeholder.small {
  width: 30px;
  height: 30px;
  font-size: 0.9rem;
}

/* line 682, app/assets/stylesheets/calendar.scss */
.badge {
  font-size: 0.75rem;
  padding: 4px 8px;
  border-radius: 12px;
}

@media (max-width: 768px) {
  /* line 690, app/assets/stylesheets/calendar.scss */
  .calendar-grid {
    grid-template-columns: 1fr;
  }
  /* line 694, app/assets/stylesheets/calendar.scss */
  .calendar-day {
    min-height: 80px;
  }
  /* line 698, app/assets/stylesheets/calendar.scss */
  .event-item {
    font-size: 0.75rem;
    padding: 4px 6px;
  }
  /* line 703, app/assets/stylesheets/calendar.scss */
  .calendar-nav {
    flex-direction: column;
    gap: 10px;
  }
  /* line 708, app/assets/stylesheets/calendar.scss */
  .calendar-title {
    font-size: 1.2rem;
  }
}

/* line 714, app/assets/stylesheets/calendar.scss */
.calendar-day {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 730, app/assets/stylesheets/calendar.scss */
.calendar-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  color: #6c757d;
}

/* line 738, app/assets/stylesheets/calendar.scss */
.calendar-loading::after {
  content: '';
  width: 20px;
  height: 20px;
  border: 2px solid #e9ecef;
  border-top: 2px solid #667eea;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-left: 10px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 755, app/assets/stylesheets/calendar.scss */
.calendar-share-item {
  border-left: 3px solid #007bff;
  padding-left: 10px;
  margin-bottom: 10px;
}

/* line 761, app/assets/stylesheets/calendar.scss */
.calendar-share-item.pending {
  border-left-color: #ffc107;
}

/* line 765, app/assets/stylesheets/calendar.scss */
.calendar-share-item.accepted {
  border-left-color: #28a745;
}

/* line 769, app/assets/stylesheets/calendar.scss */
.calendar-share-item.declined {
  border-left-color: #dc3545;
}

/* line 773, app/assets/stylesheets/calendar.scss */
.share-permission-badge {
  font-size: 0.75em;
  padding: 2px 6px;
}

/* line 778, app/assets/stylesheets/calendar.scss */
.share-status-badge {
  font-size: 0.75em;
  padding: 2px 6px;
}

/* line 783, app/assets/stylesheets/calendar.scss */
.calendar-sharing-form {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px;
}

/* line 790, app/assets/stylesheets/calendar.scss */
.user-select-container {
  position: relative;
}

/* line 794, app/assets/stylesheets/calendar.scss */
.user-select-container .form-select {
  padding-right: 30px;
}

/* line 798, app/assets/stylesheets/calendar.scss */
.email-input-container {
  position: relative;
}

/* line 802, app/assets/stylesheets/calendar.scss */
.email-input-container .form-control {
  padding-right: 30px;
}

/* line 806, app/assets/stylesheets/calendar.scss */
.share-btn {
  transition: all 0.2s ease;
}

/* line 810, app/assets/stylesheets/calendar.scss */
.share-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 815, app/assets/stylesheets/calendar.scss */
.calendar-shares-list {
  max-height: 300px;
  overflow-y: auto;
}

/* line 820, app/assets/stylesheets/calendar.scss */
.calendar-share-entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 8px;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  transition: all 0.2s ease;
}

/* line 832, app/assets/stylesheets/calendar.scss */
.calendar-share-entry:hover {
  background: #e9ecef;
  border-color: #ced4da;
}

/* line 837, app/assets/stylesheets/calendar.scss */
.calendar-share-info {
  flex: 1;
}

/* line 841, app/assets/stylesheets/calendar.scss */
.calendar-share-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* line 847, app/assets/stylesheets/calendar.scss */
.calendar-share-remove {
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 0.8em;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* line 858, app/assets/stylesheets/calendar.scss */
.calendar-share-remove:hover {
  background: #c82333;
}

/* line 863, app/assets/stylesheets/calendar.scss */
.calendar-selection-container {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 10px;
  background: #f8f9fa;
}

/* line 872, app/assets/stylesheets/calendar.scss */
.calendar-selection-container .form-check {
  margin-bottom: 8px;
  padding-left: 25px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

/* line 879, app/assets/stylesheets/calendar.scss */
.calendar-selection-container .form-check:last-child {
  margin-bottom: 0;
}

/* line 883, app/assets/stylesheets/calendar.scss */
.calendar-selection-container .form-check-label {
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
}

/* line 889, app/assets/stylesheets/calendar.scss */
.calendar-selection-container .calendar-checkbox:checked + .form-check-label {
  font-weight: 600;
  color: #495057;
}

/* line 894, app/assets/stylesheets/calendar.scss */
.calendar-color-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

/* Site Builder custom styles */
/* line 2, app/assets/stylesheets/views/_site_builder.scss */
.builder-body {
  margin-left: 180px;
  transition: margin-left 0.2s;
  height: calc(100vh - 91px) !important;
  overflow: hidden;
  display: flex;
}

/* line 10, app/assets/stylesheets/views/_site_builder.scss */
#site-pages-sidebar {
  position: fixed;
  left: 0;
  top: 104px;
  width: 180px;
  height: calc(100vh - 104px);
  background: #181b1f;
  color: #fff;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  transition: left 0.2s;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* line 28, app/assets/stylesheets/views/_site_builder.scss */
html, body {
  overflow-x: hidden;
}

/* line 32, app/assets/stylesheets/views/_site_builder.scss */
body.sidebar-collapsed #site-pages-sidebar {
  left: -180px !important;
}

/* line 35, app/assets/stylesheets/views/_site_builder.scss */
body.sidebar-collapsed .builder-body {
  margin-left: 0 !important;
}

/* line 8, app/assets/stylesheets/base/_theme.scss */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 0.35s ease, background 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, opacity 0.35s ease !important;
}

/* line 24, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* line 28, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-logo-col {
  border-right: 1px solid #e2e8f0 !important;
}

/* line 31, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-top-row {
  border-bottom: 1px solid #e2e8f0 !important;
}

/* line 36, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-icon-btn {
  color: #374151 !important;
}

/* line 38, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-icon-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #111827 !important;
}

/* line 45, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-nav-current {
  color: #374151 !important;
}

/* line 47, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-nav-current:hover {
  color: #111827 !important;
}

/* line 48, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-nav-current i {
  color: #9ca3af !important;
}

/* line 50, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-nav-caret {
  color: #9ca3af !important;
  border-left-color: #e2e8f0 !important;
}

/* line 53, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-nav-caret:hover {
  color: #374151 !important;
}

/* line 57, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-strip-sep {
  background: #e2e8f0 !important;
}

/* line 58, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-strip-end {
  border-left: 1px solid #e2e8f0 !important;
}

/* line 59, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-more-btn {
  color: #9ca3af !important;
}

/* line 61, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-more-btn:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #374151 !important;
}

/* line 68, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tab-content {
  background: rgba(0, 0, 0, 0.04) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.07) !important;
  color: rgba(0, 0, 0, 0.55) !important;
  box-shadow: none !important;
}

/* line 73, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tab-content:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.85) !important;
  box-shadow: inset 0 2px 0 rgba(59, 130, 246, 0.45) !important;
}

/* line 78, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tab-content.active {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #111827 !important;
  box-shadow: inset 0 2px 0 #3b82f6 !important;
}

/* line 86, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tab-pin:hover,
[data-theme="light"] .nav-tab-close:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.8) !important;
}

/* line 91, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tab-close:hover {
  background: rgba(220, 38, 38, 0.12) !important;
  color: #dc2626 !important;
}

/* line 95, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tabs-actions .btn {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* line 97, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-tabs-actions .btn:hover {
  color: #111827 !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

/* line 101, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

/* line 106, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item {
  color: #374151 !important;
}

/* line 108, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item i {
  color: #6b7280 !important;
}

/* line 109, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item:hover {
  background: #f9fafb !important;
  color: #111827 !important;
}

/* line 112, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item:hover i {
  color: #374151 !important;
}

/* line 114, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item.active {
  background: #f1f5f9 !important;
  color: #111827 !important;
}

/* line 117, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item.active i {
  color: #374151 !important;
}

/* line 119, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item.text-danger {
  color: #dc2626 !important;
}

/* line 121, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item.text-danger i {
  color: rgba(220, 38, 38, 0.6) !important;
}

/* line 122, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown .dropdown-item.text-danger:hover {
  background: rgba(220, 38, 38, 0.06) !important;
  color: #dc2626 !important;
}

/* line 129, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-dropdown-header {
  color: #9ca3af !important;
}

/* line 130, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .app-divider {
  border-color: #e5e7eb !important;
}

/* line 133, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-search-input {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  color: #111827 !important;
}

/* line 137, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-search-input::placeholder {
  color: rgba(0, 0, 0, 0.38) !important;
}

/* line 138, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-search-input:focus {
  background: rgba(0, 0, 0, 0.09) !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

/* line 143, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-search-icon {
  color: rgba(0, 0, 0, 0.38) !important;
}

/* line 145, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-search-fixed {
  background: #ffffff !important;
  border-bottom-color: #e5e7eb !important;
}

/* line 149, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-edit-fixed {
  border-top-color: #e5e7eb !important;
}

/* line 150, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-edit-btn {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* line 152, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-edit-btn i {
  color: rgba(0, 0, 0, 0.3) !important;
}

/* line 153, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-edit-btn:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}

/* line 155, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .nav-edit-btn:hover i {
  color: rgba(0, 0, 0, 0.55) !important;
}

/* line 160, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #e2e8f0 !important;
}

/* line 164, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .modal-header, [data-theme="light"] .edit-nav-modal-content .modal-footer {
  border-color: #e2e8f0 !important;
}

/* line 165, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .modal-title {
  color: #111827 !important;
}

/* line 166, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .btn-close-white {
  filter: none !important;
}

/* line 167, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-mid-divider {
  background: #e2e8f0 !important;
}

/* line 168, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-panel-label {
  color: #9ca3af !important;
}

/* line 169, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-panel-hint {
  color: #c4c9d4 !important;
}

/* line 170, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-active-row {
  border-color: #f1f5f9 !important;
}

/* line 172, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-active-row:hover {
  background: #f8fafc !important;
}

/* line 173, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-active-row.en-drag-over-top {
  border-top-color: #3b82f6 !important;
}

/* line 174, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-active-row.en-drag-over-bottom {
  border-bottom-color: #3b82f6 !important;
}

/* line 176, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-lib-row {
  border-color: #f1f5f9 !important;
}

/* line 176, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-lib-row:hover {
  background: #f8fafc !important;
}

/* line 177, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-item-label {
  color: #374151 !important;
}

/* line 178, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-lib-row .en-item-label {
  color: #6b7280 !important;
}

/* line 179, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-item-icon {
  color: #9ca3af !important;
}

/* line 180, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-handle {
  color: #cbd5e1 !important;
}

/* line 180, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-handle:hover {
  color: #94a3b8 !important;
}

/* line 181, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-remove-btn {
  color: #cbd5e1 !important;
}

/* line 182, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-add-btn {
  color: #94a3b8 !important;
}

/* line 183, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-move-btn {
  color: #cbd5e1 !important;
}

/* line 183, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .en-move-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #374151 !important;
}

/* line 184, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-empty-hint {
  color: #cbd5e1 !important;
}

/* line 185, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-search {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #111827 !important;
}

/* line 189, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-search::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* line 190, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-search:focus {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

/* line 192, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .edit-nav-search-icon {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* line 193, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .edit-nav-modal-content .btn-secondary {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #374151 !important;
}

/* line 197, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .search-input-group {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

/* line 200, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .search-input-group:focus-within {
  background: rgba(0, 0, 0, 0.09) !important;
  border-color: rgba(0, 0, 0, 0.22) !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06) !important;
}

/* line 206, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .search-icon,
[data-theme="light"] .search-loading {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* line 208, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .search-input {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* line 210, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .search-input::placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* line 214, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] body {
  background-color: #f8fafc;
}

/* line 217, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .lv-row-menu {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

/* line 224, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel {
  background: #ffffff;
  border-left-color: #e2e8f0;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.08);
}

/* line 230, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-header {
  background: linear-gradient(135deg, #ede9fe, #dbeafe);
  border-bottom-color: rgba(124, 58, 237, 0.15);
}

/* line 235, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-title {
  color: #1e1b4b;
}

/* line 237, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-title i {
  color: #7c3aed;
}

/* line 238, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-title .ai-panel-badge {
  background: rgba(124, 58, 237, 0.1);
  border-color: rgba(124, 58, 237, 0.3);
  color: #7c3aed;
}

/* line 245, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-close {
  color: rgba(0, 0, 0, 0.4);
}

/* line 247, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-close:hover {
  color: #111827;
  background: rgba(0, 0, 0, 0.06);
}

/* line 251, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-messages::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
}

/* line 255, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-msg--user .ai-msg-bubble {
  background: rgba(99, 57, 220, 0.1);
  border-color: rgba(99, 57, 220, 0.2);
  color: #2d1b69;
}

/* line 260, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-msg--assistant .ai-msg-bubble {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #1e293b;
}

/* line 267, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-typing {
  background: #f8fafc;
  border-color: #e2e8f0;
}

/* line 270, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-typing span {
  background: rgba(99, 57, 220, 0.4);
}

/* line 273, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-suggestion-chip {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.6);
}

/* line 277, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-suggestion-chip:hover {
  background: rgba(99, 57, 220, 0.08);
  border-color: rgba(99, 57, 220, 0.3);
  color: #6339dc;
}

/* line 284, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-footer {
  background: #ffffff;
  border-top-color: #e2e8f0;
}

/* line 289, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-input-wrap {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.12);
}

/* line 292, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-input-wrap:focus-within {
  border-color: rgba(99, 57, 220, 0.4);
  background: rgba(0, 0, 0, 0.06);
}

/* line 298, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-input {
  color: rgba(0, 0, 0, 0.85);
}

/* line 300, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

/* line 301, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-input::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
}

/* line 304, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-attach {
  color: rgba(0, 0, 0, 0.35);
}

/* line 306, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-attach:hover {
  color: #6339dc;
  background: rgba(99, 57, 220, 0.08);
}

/* line 309, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-attachment-badge {
  background: rgba(99, 57, 220, 0.08);
  border-color: rgba(99, 57, 220, 0.2);
  color: #6339dc;
}

/* line 315, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-attachment-remove {
  color: rgba(0, 0, 0, 0.35);
}

/* line 317, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-attachment-remove:hover {
  color: #dc2626;
}

/* line 320, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-msg-file-badge {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.6);
}

/* line 326, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .ai-panel-messages.drag-over {
  background: rgba(99, 57, 220, 0.04);
}

/* line 331, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-wrapper {
  background: #f0f0f0 !important;
}

/* line 332, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-topbar {
  background: #f3f3f3 !important;
  border-bottom-color: #d4d4d4 !important;
}

/* line 336, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-topbar-title {
  color: #333333 !important;
}

/* line 337, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-dirty-indicator {
  color: #b07800 !important;
}

/* line 338, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-btn--ghost {
  background: transparent !important;
  color: #444 !important;
  border-color: #bbb !important;
}

/* line 342, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-btn--ghost:hover {
  background: #e0e0e0 !important;
  color: #111 !important;
}

/* line 344, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-btn--primary {
  background: #007acc !important;
  color: #fff !important;
}

/* line 345, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-filetree {
  background: #f5f5f5 !important;
  border-right-color: #d4d4d4 !important;
}

/* line 349, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-section-header {
  color: #6f6f6f !important;
}

/* line 351, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-section-header:hover {
  background: #e8e8e8 !important;
}

/* line 353, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-item {
  color: #333333 !important;
}

/* line 355, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-item:hover {
  background: #e8e8e8 !important;
}

/* line 356, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-item.active {
  background: #cce5ff !important;
  color: #003d7a !important;
}

/* line 358, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-action {
  color: #888 !important;
}

/* line 358, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-action:hover {
  color: #333 !important;
  background: #ddd !important;
}

/* line 359, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ft-action--delete:hover {
  color: #cc3300 !important;
}

/* line 360, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-editor-header {
  background: #f3f3f3 !important;
  border-bottom-color: #d4d4d4 !important;
}

/* line 364, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-editor-filename {
  color: #333333 !important;
}

/* line 365, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-editor-empty-label {
  color: #888 !important;
}

/* line 366, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-mode-toggle {
  border-color: #bbb !important;
}

/* line 367, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-mode-btn {
  color: #666 !important;
}

/* line 367, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-mode-btn:hover:not(.active) {
  background: #e0e0e0 !important;
  color: #333 !important;
}

/* line 368, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-mode-btn.active {
  background: #007acc !important;
  color: #fff !important;
}

/* line 369, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-empty-state {
  color: #888 !important;
}

/* line 369, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-empty-state small {
  color: #aaa !important;
}

/* line 370, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-aipanel {
  background: #f5f5f5 !important;
  border-left-color: #d4d4d4 !important;
}

/* line 374, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-header {
  background: #ebebeb !important;
  border-bottom-color: #d4d4d4 !important;
}

/* line 378, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-title {
  color: #333 !important;
}

/* line 379, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-badge {
  color: #666 !important;
  border-color: #ccc !important;
}

/* line 380, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-context-row {
  background: #f0f0f0 !important;
  border-bottom-color: #d4d4d4 !important;
}

/* line 384, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-context-label {
  color: #888 !important;
}

/* line 385, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-bubble {
  background: #e8e8e8 !important;
  color: #333 !important;
}

/* line 389, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .sb-ai-msg--user .sb-ai-bubble {
  background: #d0e8ff !important;
  color: #003d7a !important;
}

/* line 392, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] #site-pages-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e2e8f0 !important;
  color: #374151 !important;
}

/* line 396, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] #site-pages-sidebar button, [data-theme="light"] #site-pages-sidebar a {
  color: #374151 !important;
}

/* line 400, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .builder-sidebar {
  background: #ffffff !important;
  border-right-color: #e2e8f0 !important;
  color: #374151 !important;
}

/* line 405, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .builder-canvas,
[data-theme="light"] #canvas-wrapper,
[data-theme="light"] #flow-canvas {
  background: #f4f6f9 !important;
  background-image: radial-gradient(circle, #c8d0dc 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}

/* line 412, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .canvas-zoom-btn {
  background: #ffffff !important;
  border-color: #ccc !important;
  color: #495057 !important;
}

/* line 416, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .canvas-zoom-btn:hover {
  background: #f0f0f0 !important;
}

/* line 418, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .block-category {
  border-bottom-color: #e9ecef !important;
}

/* line 419, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .category-header {
  background: #f4f6f9 !important;
  color: #374151 !important;
}

/* line 423, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .block-item {
  color: #374151 !important;
}

/* line 423, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .block-item:hover {
  background: #e3f2fd !important;
}

/* line 426, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .record-builder-canvas {
  background: #f8f9fa !important;
}

/* line 427, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] #record-leftbar {
  background: #ffffff !important;
  border-right-color: #dee2e6 !important;
}

/* line 430, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] #record-leftbar .leftbar-item:hover {
  background: #f8f9fa !important;
  border-color: #dee2e6 !important;
}

/* line 431, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] #record-leftbar .builder-title {
  color: #495057 !important;
}

/* line 433, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .record-field-placeholder {
  background: #ffffff !important;
  border-color: #dee2e6 !important;
}

/* line 434, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .record-partial-placeholder {
  background: #f8f9fa !important;
  border-color: #dee2e6 !important;
}

/* line 435, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-section {
  background: #ffffff !important;
  border-color: #dee2e6 !important;
}

/* line 436, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-section-column {
  background: #f8f9fa !important;
  border-color: #dee2e6 !important;
}

/* line 439, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-section-column:hover {
  background: #f0f7ff !important;
  border-color: #007bff !important;
}

/* line 441, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tabs {
  background: #ffffff !important;
  border-color: #dee2e6 !important;
}

/* line 442, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tabs-header {
  background: #f8f9fa !important;
  border-bottom-color: #dee2e6 !important;
}

/* line 443, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tab-btn {
  color: #495057 !important;
  border-right-color: #dee2e6 !important;
}

/* line 446, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tab-btn:hover {
  background: #e9ecef !important;
}

/* line 447, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tab-btn.active {
  background: #ffffff !important;
  border-bottom-color: #007bff !important;
}

/* line 449, app/assets/stylesheets/base/_theme.scss */
[data-theme="light"] .pf-tab-section {
  border-color: #ced4da !important;
}

/* line 454, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] body {
  background-color: #16181d;
  color: rgba(255, 255, 255, 0.9);
}

/* line 460, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-container {
  background: #1e2124;
  border-top-color: #4a90d9;
}

/* line 464, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-toolbar {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 468, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-name-btn {
  color: rgba(255, 255, 255, 0.9);
}

/* line 470, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-name-btn:hover {
  color: #fff;
}

/* line 471, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-name-btn .lv-caret {
  color: rgba(255, 255, 255, 0.4);
}

/* line 473, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-meta {
  color: rgba(255, 255, 255, 0.5);
}

/* line 474, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-meta-sep {
  color: rgba(255, 255, 255, 0.2);
}

/* line 475, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-dropdown {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* line 480, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-search-wrap {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 481, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-search-input {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 485, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-search-input:focus {
  border-color: #4a90d9;
}

/* line 486, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-search-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 488, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-item {
  color: rgba(255, 255, 255, 0.8);
}

/* line 490, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 492, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-dropdown-footer {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 493, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-new-btn {
  color: #9DD5F7;
}

/* line 495, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-new-btn:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #9DD5F7;
}

/* line 497, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-dropdown-empty {
  color: rgba(255, 255, 255, 0.4);
}

/* line 498, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-pin {
  color: rgba(255, 255, 255, 0.3);
}

/* line 500, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-pin:hover {
  color: #9DD5F7;
  background: #2a3a50;
}

/* line 501, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-view-pin.is-pinned {
  color: #9DD5F7;
}

/* line 504, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-search-wrap .lv-search-icon {
  color: rgba(255, 255, 255, 0.4);
}

/* line 505, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-search-wrap .lv-search-input {
  background: #2a2d33;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 509, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-search-wrap .lv-search-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 510, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-search-wrap .lv-search-input:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
}

/* line 516, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-icon-btn {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
}

/* line 520, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-icon-btn:hover {
  background: #2a3a50;
  border-color: #4a90d9;
  color: #9DD5F7;
}

/* line 525, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-icon-btn--active {
  background: #2a3a50;
  border-color: #4a90d9;
  color: #9DD5F7;
}

/* line 531, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-panel {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 535, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-row {
  color: rgba(255, 255, 255, 0.8);
}

/* line 536, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-logic-label {
  color: rgba(255, 255, 255, 0.6);
}

/* line 537, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-logic-hint {
  color: rgba(255, 255, 255, 0.35);
}

/* line 538, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-logic-input,
[data-theme="dark"] .lv-filter-select,
[data-theme="dark"] .lv-filter-value,
[data-theme="dark"] .lv-filter-picklist {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 545, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-logic-input:focus,
[data-theme="dark"] .lv-filter-select:focus,
[data-theme="dark"] .lv-filter-value:focus,
[data-theme="dark"] .lv-filter-picklist:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
}

/* line 546, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-logic-input::placeholder,
[data-theme="dark"] .lv-filter-select::placeholder,
[data-theme="dark"] .lv-filter-value::placeholder,
[data-theme="dark"] .lv-filter-picklist::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 548, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-filter-empty {
  color: rgba(255, 255, 255, 0.35);
}

/* line 549, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-chip {
  background: rgba(74, 144, 217, 0.15);
  border-color: rgba(74, 144, 217, 0.3);
  color: #9DD5F7;
}

/* line 553, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-chip .lv-chip-op {
  color: rgba(255, 255, 255, 0.45);
}

/* line 554, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-chip .lv-chip-remove {
  color: rgba(255, 255, 255, 0.4);
}

/* line 554, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-chip .lv-chip-remove:hover {
  color: #ff7b7b;
}

/* line 558, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-table thead tr {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* line 559, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-th {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

/* line 563, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-th--sorted {
  color: #9DD5F7;
}

/* line 565, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-th-link:hover {
  color: #9DD5F7;
}

/* line 567, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-table-wrap::-webkit-scrollbar-track {
  background: #1e2124;
}

/* line 568, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-table-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

/* line 572, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* line 574, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 575, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row.lv-row--selected {
  background: rgba(74, 144, 217, 0.15);
}

/* line 577, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-td {
  color: rgba(255, 255, 255, 0.85);
}

/* line 579, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-td a:not(.btn) {
  color: #9DD5F7;
}

/* line 579, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-td a:not(.btn):hover {
  color: #bae6fd;
}

/* line 581, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-view-name-link {
  color: #9DD5F7;
}

/* line 581, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-view-name-link:hover {
  color: #bae6fd;
}

/* line 582, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-view-text {
  color: rgba(255, 255, 255, 0.85);
}

/* line 583, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-view-text-muted {
  color: rgba(255, 255, 255, 0.45);
}

/* line 586, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-action-btn {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}

/* line 590, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-action-btn:hover {
  background: #2a2d33;
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.9);
}

/* line 594, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-column-panel {
  background: #1e2124;
  border-left-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  box-shadow: -4px 4px 16px rgba(0, 0, 0, 0.4);
}

/* line 600, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-column-panel-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.8);
}

/* line 605, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-panel-close {
  color: rgba(255, 255, 255, 0.5);
}

/* line 605, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-panel-close:hover {
  color: #ff7b7b;
}

/* line 608, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-drawer {
  background: #1a1d21;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5);
}

/* line 612, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-drawer-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
}

/* line 617, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-drawer-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

/* line 618, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-drawer-section-title {
  color: rgba(255, 255, 255, 0.5);
}

/* line 620, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-drawer-section-title .lv-col-hint {
  color: rgba(255, 255, 255, 0.3);
}

/* line 622, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-search {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 626, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-search:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
}

/* line 627, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-search::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 629, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-available {
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 630, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-item {
  color: rgba(255, 255, 255, 0.8);
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* line 633, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-item .lv-col-item-icon {
  color: rgba(255, 255, 255, 0.35);
}

/* line 634, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-item:hover {
  background: #2a3a50;
  color: #9DD5F7;
}

/* line 634, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-item:hover .lv-col-item-icon {
  color: #9DD5F7;
}

/* line 636, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-selected-item {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.85);
}

/* line 640, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-selected-item.lv-col-drag-over {
  border-color: #4a90d9;
  box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.3);
}

/* line 641, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-selected-item .lv-col-grip {
  color: rgba(255, 255, 255, 0.3);
}

/* line 642, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-selected-item .lv-col-remove {
  color: rgba(255, 255, 255, 0.4);
}

/* line 642, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-col-selected-item .lv-col-remove:hover {
  color: #ff7b7b;
}

/* line 646, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-editor-popover {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* line 651, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-editor-input {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 655, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-editor-input:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
}

/* line 657, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-cell-edit {
  color: rgba(255, 255, 255, 0.35);
}

/* line 657, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-cell-edit:hover {
  color: #9DD5F7;
}

/* line 658, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-bulk-field {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
}

/* line 659, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-menu {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 660, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-row {
  border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* line 662, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-row:hover {
  background: #2a3a50;
}

/* line 663, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-row .lv-lookup-row-label {
  color: #cfe8fb;
}

/* line 664, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-row .lv-lookup-row-sub {
  color: rgba(255, 255, 255, 0.45);
}

/* line 666, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-lookup-empty {
  color: rgba(255, 255, 255, 0.45);
}

/* line 669, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-layout {
  background: #16181d;
}

/* line 670, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-sidebar {
  background: #1a1d21;
  border-right-color: rgba(255, 255, 255, 0.06);
}

/* line 674, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-sidebar-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 678, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-sidebar-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 679, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-icon-btn {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
}

/* line 683, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-icon-btn:hover {
  background: #2a2d33;
  color: rgba(255, 255, 255, 0.9);
}

/* line 685, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-nav-item {
  color: rgba(255, 255, 255, 0.7);
}

/* line 687, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-nav-item:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
}

/* line 688, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-nav-item--active {
  background: rgba(74, 144, 217, 0.15);
  color: #9DD5F7;
  border-left-color: #4a90d9;
}

/* line 693, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-nav-item .rpt-nav-count {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

/* line 698, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-main {
  background: #16181d;
}

/* line 699, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-breadcrumb-current {
  color: rgba(255, 255, 255, 0.9);
}

/* line 700, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-folder-card {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 703, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-folder-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* line 705, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-folder-card-link {
  color: rgba(255, 255, 255, 0.9);
}

/* line 706, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-folder-name {
  color: rgba(255, 255, 255, 0.9);
}

/* line 707, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-folder-count {
  color: rgba(255, 255, 255, 0.45);
}

/* line 708, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-table {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 711, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-table th {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5);
}

/* line 717, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-row {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* line 719, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-row td {
  color: rgba(255, 255, 255, 0.8);
}

/* line 720, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 722, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-report-link {
  color: #9DD5F7;
}

/* line 723, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-report-desc {
  color: rgba(255, 255, 255, 0.45);
}

/* line 724, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-action-btn {
  color: rgba(255, 255, 255, 0.4);
}

/* line 726, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-action-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
}

/* line 728, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-empty {
  color: rgba(255, 255, 255, 0.4);
}

/* line 730, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-empty h4 {
  color: rgba(255, 255, 255, 0.7);
}

/* line 733, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-btn--ghost, [data-theme="dark"] .rpt-btn--ghost-sm {
  background: #252830;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 737, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-btn--ghost:hover, [data-theme="dark"] .rpt-btn--ghost-sm:hover {
  background: #2a2d33;
}

/* line 742, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-topbar {
  background: #1e2124;
  border-bottom-color: #4a90d9;
}

/* line 746, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 747, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-name-input {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

/* line 751, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-name-input:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.2);
}

/* line 753, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-object-badge {
  background: rgba(74, 144, 217, 0.15);
  color: #9DD5F7;
}

/* line 759, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-new-body {
  background: #16181d;
}

/* line 760, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-new-card {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}

/* line 765, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-new-card-desc {
  color: rgba(255, 255, 255, 0.5);
}

/* line 766, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-new-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 767, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-section-label {
  color: rgba(255, 255, 255, 0.45);
}

/* line 770, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-combobox-dropdown {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* line 775, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-combobox-option {
  color: rgba(255, 255, 255, 0.85);
}

/* line 777, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-combobox-option:hover {
  background: rgba(74, 144, 217, 0.15);
  color: #9DD5F7;
}

/* line 779, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-combobox-divider {
  border-top-color: rgba(255, 255, 255, 0.08);
}

/* line 782, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-label {
  color: rgba(255, 255, 255, 0.5);
}

/* line 783, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-input, [data-theme="dark"] .rpt-select {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

/* line 787, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-input:focus, [data-theme="dark"] .rpt-select:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.2);
}

/* line 789, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-select {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

/* line 793, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-select:focus {
  border-color: #4a90d9;
}

/* line 795, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-optional {
  color: rgba(255, 255, 255, 0.45);
}

/* line 796, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-subsection-title {
  color: rgba(255, 255, 255, 0.5);
}

/* line 799, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-card {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 802, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-card:hover {
  border-color: #4a90d9;
  box-shadow: 0 2px 8px rgba(74, 144, 217, 0.2);
}

/* line 803, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-card--selected {
  border-color: #4a90d9;
  background: rgba(74, 144, 217, 0.12);
}

/* line 806, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-card--selected .rpt-object-icon {
  color: #9DD5F7;
}

/* line 807, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-card--selected .rpt-object-label {
  color: #9DD5F7;
}

/* line 810, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-icon {
  color: rgba(255, 255, 255, 0.45);
}

/* line 811, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-object-label {
  color: rgba(255, 255, 255, 0.8);
}

/* line 814, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-split-sidebar {
  background: #1a1d21;
  border-right-color: rgba(255, 255, 255, 0.06);
}

/* line 818, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-sidebar-section {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 819, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-sidebar-section-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}

/* line 826, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-builder-body {
  background: #16181d;
}

/* line 827, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-section {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 831, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-section-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 835, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-section-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 838, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-tab-bar {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 839, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-tab-btn {
  background: #1e2124;
  color: rgba(255, 255, 255, 0.55);
}

/* line 842, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-tab-btn:hover {
  background: #252830;
  color: rgba(255, 255, 255, 0.85);
}

/* line 843, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-tab-btn--active {
  background: #1a1d21;
  color: #9DD5F7;
  border-bottom-color: #4a90d9;
}

/* line 847, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-search-wrap {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 848, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-columns-search {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

/* line 852, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-columns-search:focus {
  border-color: #4a90d9;
}

/* line 854, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-dropdown {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}

/* line 859, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-item {
  color: rgba(255, 255, 255, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* line 862, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-item:hover {
  background: rgba(74, 144, 217, 0.12);
  color: #9DD5F7;
}

/* line 863, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-item .rpt-field-add-icon {
  color: rgba(255, 255, 255, 0.4);
}

/* line 864, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-item--added {
  background: rgba(74, 144, 217, 0.08);
}

/* line 866, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-field-item--added .rpt-field-item-label {
  color: #9DD5F7;
}

/* line 869, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-fields-empty {
  color: rgba(255, 255, 255, 0.4);
}

/* line 870, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-type-icon {
  color: rgba(255, 255, 255, 0.4);
}

/* line 873, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-section {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 874, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-section-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}

/* line 879, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-item {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 883, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-item:hover {
  border-color: #4a90d9;
}

/* line 884, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-item.rpt-drag-over {
  border-color: #4a90d9;
  background: rgba(74, 144, 217, 0.12);
}

/* line 886, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-item--grouped {
  border-color: #4a90d9;
  background: rgba(74, 144, 217, 0.1);
}

/* line 889, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-item--grouped .rpt-drag-handle {
  color: #9DD5F7;
}

/* line 891, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-group-badge {
  background: rgba(74, 144, 217, 0.2);
  color: #9DD5F7;
}

/* line 892, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-drag-handle {
  color: rgba(255, 255, 255, 0.35);
}

/* line 895, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-two-panel {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 896, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-available-wrap, [data-theme="dark"] .rpt-col-selected-wrap {
  border-right-color: rgba(255, 255, 255, 0.06);
}

/* line 897, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-panel-label {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.45);
}

/* line 902, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-add-btn {
  background: #252830;
  border-top-color: rgba(255, 255, 255, 0.06);
  color: #9DD5F7;
}

/* line 906, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-add-btn:hover {
  background: rgba(74, 144, 217, 0.1);
}

/* line 907, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-add-btn--ghost {
  color: rgba(255, 255, 255, 0.5);
}

/* line 907, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-add-btn--ghost:hover {
  background: #2a2d33;
  color: rgba(255, 255, 255, 0.8);
}

/* line 909, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-item {
  color: rgba(255, 255, 255, 0.85);
}

/* line 911, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-item:hover {
  background: rgba(74, 144, 217, 0.12);
}

/* line 912, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-item--selected {
  background: rgba(74, 144, 217, 0.2);
  color: #9DD5F7;
}

/* line 916, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-toolbar {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 920, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-label {
  color: rgba(255, 255, 255, 0.5);
}

/* line 921, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-status {
  color: rgba(255, 255, 255, 0.45);
}

/* line 922, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-panel {
  background: #1e2124;
}

/* line 923, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* line 924, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-count {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}

/* line 929, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-preview-error {
  background: rgba(192, 57, 43, 0.15);
  border-color: rgba(192, 57, 43, 0.3);
  color: #ff7b7b;
}

/* line 936, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-card {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 940, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-card-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 943, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-card-header .rpt-filter-num {
  background: #2a2d33;
  color: rgba(255, 255, 255, 0.5);
}

/* line 945, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-num {
  background: #2a2d33;
  color: rgba(255, 255, 255, 0.5);
}

/* line 946, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-logic-section {
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 947, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-filter-logic-hint {
  color: rgba(255, 255, 255, 0.4);
}

/* line 950, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-logic-btn {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.55);
}

/* line 954, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-logic-btn:hover {
  border-color: #4a90d9;
  color: #9DD5F7;
}

/* line 955, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-logic-btn--active {
  background: #4a90d9;
  color: #fff;
  border-color: #4a90d9;
}

/* line 959, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-remove-btn {
  color: rgba(255, 255, 255, 0.4);
}

/* line 961, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-remove-btn:hover {
  color: #ff7b7b;
  background: rgba(255, 123, 123, 0.1);
}

/* line 963, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-clear-btn {
  color: rgba(255, 255, 255, 0.4);
}

/* line 965, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-clear-btn:hover {
  color: #ff7b7b;
}

/* line 967, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-col-remove {
  color: rgba(255, 255, 255, 0.4);
}

/* line 969, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-col-remove:hover {
  color: #ff7b7b;
}

/* line 973, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-formula-bar {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 977, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-formula-add-btn {
  color: #9DD5F7;
}

/* line 978, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-formula-tag {
  background: rgba(139, 90, 166, 0.3);
  color: #d4a8e8;
}

/* line 981, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-chart-config-card {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 985, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-chart-config-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.85);
}

/* line 990, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-chart-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 993, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-show-header {
  background: #1e2124;
  border-bottom-color: #4a90d9;
  color: rgba(255, 255, 255, 0.9);
}

/* line 998, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-show-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 999, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-charts-row {
  background: #1a1d21;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1003, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-chart-card {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 1007, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-results-toolbar {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}

/* line 1014, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-data-table {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.06);
}

/* line 1018, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-th {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
}

/* line 1023, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-th--sorted {
  background: rgba(74, 144, 217, 0.2) !important;
  color: #9DD5F7;
}

/* line 1025, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-th-link {
  color: inherit;
}

/* line 1025, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-th-link:hover {
  color: #9DD5F7;
}

/* line 1026, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-data-row {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* line 1028, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-data-row:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 1030, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-td {
  color: rgba(255, 255, 255, 0.85);
  border-right-color: rgba(255, 255, 255, 0.04);
}

/* line 1034, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-pagination {
  background: #1e2124;
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 1040, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* line 1045, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1047, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item:hover {
  background: rgba(74, 144, 217, 0.12);
  color: #9DD5F7;
}

/* line 1048, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item--active {
  color: #9DD5F7;
}

/* line 1049, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item--disabled {
  color: rgba(255, 255, 255, 0.2);
}

/* line 1050, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item--danger {
  color: #ff7b7b;
}

/* line 1050, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-item--danger:hover {
  background: rgba(255, 123, 123, 0.1);
  color: #ff7b7b;
}

/* line 1052, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-col-menu-btn {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1055, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-form-card {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1062, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-col {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1066, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-col:hover {
  border-color: #4a90d9;
}

/* line 1067, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-col.rpt-col-drag-over {
  border-color: #4a90d9;
  background: rgba(74, 144, 217, 0.12);
}

/* line 1069, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-selected-empty {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1070, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .rpt-columns-hint {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1074, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .record-field-display {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1076, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .record-field-display:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

/* line 1078, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .field-label {
  color: rgba(255, 255, 255, 0.55);
}

/* line 1079, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .field-value {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1080, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .edit-button {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* line 1082, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .edit-button:hover {
  color: #9DD5F7 !important;
  background-color: rgba(157, 213, 247, 0.1) !important;
}

/* line 1090, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .button-container {
  background-color: #1e2124;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.4);
}

/* line 1096, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu.notif-dropdown {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* line 1100, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-dropdown-header {
  background: #252830 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* line 1103, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-dropdown-header .fw-semibold {
  color: rgba(255, 255, 255, 0.8);
}

/* line 1104, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-dropdown-header .text-muted {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* line 1106, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* line 1107, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-unread {
  background: rgba(59, 130, 246, 0.1) !important;
}

/* line 1109, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-unread:hover {
  background: rgba(59, 130, 246, 0.15) !important;
}

/* line 1111, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .notif-dropdown-footer {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1116, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-results-dropdown {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

/* line 1121, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-results-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1124, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-results-header .search-results-title {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1126, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-item {
  border-bottom-color: rgba(255, 255, 255, 0.04);
}

/* line 1128, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-item:hover, [data-theme="dark"] .search-result-item.selected {
  background-color: rgba(255, 255, 255, 0.05);
}

/* line 1130, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-icon {
  background: rgba(255, 255, 255, 0.08);
}

/* line 1132, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-icon i {
  color: rgba(255, 255, 255, 0.5);
}

/* line 1134, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1135, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-result-subtitle {
  color: rgba(255, 255, 255, 0.5);
}

/* line 1136, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .search-results-footer {
  background: #252830;
  border-top-color: rgba(255, 255, 255, 0.06);
}

/* line 1142, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .account-search-dropdown {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* line 1146, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .account-search-dropdown .dropdown-item {
  color: rgba(255, 255, 255, 0.8);
}

/* line 1148, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .account-search-dropdown .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 1150, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .account-search-dropdown .dropdown-header {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1154, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-main {
  background: #1a1d23;
  color: rgba(255, 255, 255, 0.85);
}

/* line 1158, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-main-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.9);
}

/* line 1163, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-feed {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 1167, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-feed-header {
  background: #252830;
}

/* line 1168, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-feed-compose {
  background: #1e2124;
}

/* line 1169, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-item:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 1170, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-item-text {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1171, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-options-dropdown, [data-theme="dark"] .msg-action-menu {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1176, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-card .msg-email-header {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 1177, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-card .msg-email-attachments {
  background: #1e2124;
  border-top-color: rgba(255, 255, 255, 0.08);
}

/* line 1179, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-body-wrap, [data-theme="dark"] .msg-email-iframe {
  background: #fff;
}

/* line 1180, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-attach-chip {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.65);
}

/* line 1184, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-attach-chip i {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1185, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-email-attach-chip[href]:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* line 1187, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .msg-item-email:not(:last-child) {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1191, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-toolbar {
  background: #1e2124 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1195, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-toolbar h4, [data-theme="dark"] .builder-toolbar h5, [data-theme="dark"] .builder-toolbar h6 {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1196, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-toolbar .badge {
  filter: brightness(0.85);
}

/* line 1198, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-sidebar {
  background: #1e2124 !important;
  border-right-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1202, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-sidebar h6 {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1204, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .builder-canvas,
[data-theme="dark"] #canvas-wrapper,
[data-theme="dark"] #flow-canvas {
  background: #1a1d21 !important;
  background-image: radial-gradient(circle, #2e3340 1px, transparent 1px) !important;
  background-size: 24px 24px !important;
}

/* line 1211, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .canvas-zoom-btn {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

/* line 1215, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .canvas-zoom-btn:hover {
  background: #2a2d33 !important;
}

/* line 1217, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .block-category {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* line 1218, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .category-header {
  background: #252830 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* line 1222, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .block-item {
  color: rgba(255, 255, 255, 0.75);
}

/* line 1224, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .block-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* line 1229, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tabs {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1230, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tabs-header {
  background: #1e2124 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1231, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tab-btn {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.65) !important;
  border-right-color: rgba(255, 255, 255, 0.06) !important;
}

/* line 1235, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tab-btn.active {
  background: #252830 !important;
  color: #fff !important;
  border-bottom-color: #9DD5F7 !important;
}

/* line 1240, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tab-btn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* line 1242, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tabs-body {
  background: #1e2124 !important;
}

/* line 1243, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-tab-section {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1244, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-section {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1245, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-section-body {
  background: transparent !important;
}

/* line 1246, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-layout-render .pf-section-header {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1250, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-builder-canvas {
  background: #16181d !important;
}

/* line 1251, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar {
  background: #1e2124 !important;
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1254, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .leftbar-item:hover {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1255, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .builder-title {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1256, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .rb-toolbar-btn--ghost {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1259, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .rb-toolbar-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* line 1261, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .rb-sidebar-search {
  background: #16181d !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1265, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .rb-sidebar-search::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* line 1266, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #record-leftbar .rb-sidebar-search:focus {
  border-color: #0d6efd !important;
}

/* line 1269, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-field-placeholder {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1273, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .record-partial-placeholder {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1277, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-section {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1281, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-section-column {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* line 1284, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-section-column:hover {
  background: #252830 !important;
  border-color: rgba(157, 213, 247, 0.5) !important;
}

/* line 1286, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tabs {
  background: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1290, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tabs-header {
  background: #1e2124 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1294, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tab-btn {
  color: rgba(255, 255, 255, 0.7) !important;
  border-right-color: rgba(255, 255, 255, 0.06) !important;
}

/* line 1297, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tab-btn:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* line 1298, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tab-btn.active {
  background: #252830 !important;
  border-bottom-color: #9DD5F7 !important;
}

/* line 1300, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tab-section {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1303, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-tab-section.dragover {
  border-color: #9DD5F7 !important;
  background: rgba(157, 213, 247, 0.08) !important;
}

/* line 1304, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-section-column.dragover {
  border-color: #9DD5F7 !important;
  background: rgba(157, 213, 247, 0.08) !important;
}

/* line 1307, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .card {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1311, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .card .card-header {
  background-color: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 1315, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .card .card-footer {
  background-color: #252830;
  border-top-color: rgba(255, 255, 255, 0.08);
}

/* line 1319, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .card .card-title, [data-theme="dark"] .card .card-text {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1320, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .card .card-subtitle, [data-theme="dark"] .card .text-muted {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 1323, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .modal-content {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1328, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .modal-header {
  background-color: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 1331, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .modal-header .modal-title {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1332, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .modal-header .btn-close {
  filter: invert(1);
}

/* line 1334, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .modal-footer {
  background-color: #252830;
  border-top-color: rgba(255, 255, 255, 0.08);
}

/* line 1339, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: #2a2d33;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1344, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-select::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 1345, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: #2e3138;
  border-color: rgba(157, 213, 247, 0.4);
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 0 0.25rem rgba(157, 213, 247, 0.1);
}

/* line 1351, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-select:disabled {
  background-color: #22252a;
  color: rgba(255, 255, 255, 0.3);
}

/* line 1356, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-label {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1357, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-text {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1358, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-check-input {
  background-color: #2a2d33;
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 1361, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-check-input:checked {
  background-color: #4a90d9;
  border-color: #4a90d9;
}

/* line 1364, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .input-group-text {
  background-color: #252830;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
}

/* line 1370, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .table {
  color: rgba(255, 255, 255, 0.85);
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(255, 255, 255, 0.05);
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
}

/* line 1377, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .table > :not(caption) > * {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1378, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .table thead th {
  background-color: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
}

/* line 1384, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 1387, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) .dropdown-item {
  color: rgba(255, 255, 255, 0.8);
}

/* line 1389, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) .dropdown-item:hover, [data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.07);
  color: #fff;
}

/* line 1394, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 1395, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .dropdown-menu:not(.app-dropdown):not(.notif-dropdown) .dropdown-header {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1398, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-pills .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1399, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-pills .nav-link.active {
  background-color: #4a90d9;
}

/* line 1402, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .alert.alert-info {
  background-color: rgba(74, 144, 217, 0.15);
  border-color: rgba(74, 144, 217, 0.3);
  color: #9DD5F7;
}

/* line 1403, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .alert.alert-warning {
  background-color: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.3);
  color: #fbbf24;
}

/* line 1404, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .alert.alert-success {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #86efac;
}

/* line 1405, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .alert.alert-danger {
  background-color: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.3);
  color: #fca5a5;
}

/* line 1408, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .badge.bg-light {
  background-color: #252830 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* line 1410, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .text-dark {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1411, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .text-body {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1412, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .text-muted {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* line 1413, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .text-secondary {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 1415, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] hr {
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 1416, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .border {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1417, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .border-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1418, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .border-top {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1420, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1423, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-group-item {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1427, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-group-item.active {
  background-color: #4a90d9;
  border-color: #4a90d9;
}

/* line 1428, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .list-group-item:hover:not(.active) {
  background-color: #252830;
}

/* line 1432, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .breadcrumb-item {
  color: rgba(255, 255, 255, 0.5);
}

/* line 1433, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1434, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.3);
}

/* line 1437, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .page-link {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.7);
}

/* line 1441, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .page-link:hover {
  background-color: #252830;
  color: #fff;
}

/* line 1443, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .page-item.active .page-link {
  background-color: #4a90d9;
  border-color: #4a90d9;
}

/* line 1444, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .page-item.disabled .page-link {
  background-color: #1a1d21;
  color: rgba(255, 255, 255, 0.3);
}

/* line 1447, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .progress {
  background-color: #252830;
}

/* line 1450, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 1452, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.6);
}

/* line 1454, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-tabs .nav-link:hover {
  color: rgba(255, 255, 255, 0.9);
  border-color: transparent;
}

/* line 1455, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: #1e2124;
  border-color: rgba(255, 255, 255, 0.08) rgba(255, 255, 255, 0.08) #1e2124;
  color: #fff;
}

/* line 1462, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-content {
  background: transparent;
}

/* line 1465, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .pf-section {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.06);
}

/* line 1471, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row-menu {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* line 1475, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row-menu li a, [data-theme="dark"] .lv-row-menu li button {
  color: rgba(255, 255, 255, 0.8);
}

/* line 1477, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .lv-row-menu li a:hover, [data-theme="dark"] .lv-row-menu li button:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* line 1482, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tabs {
  border-bottom: none;
}

/* line 1485, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-link {
  background-color: #252830 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

/* line 1489, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-link.active {
  background-color: #1e2124 !important;
  border-bottom-color: transparent !important;
  color: #fff !important;
}

/* line 1494, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-link:hover:not(.active) {
  background-color: #2a2d33 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1499, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-content {
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: inherit;
}

/* line 1503, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .tab-content h2 {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 1505, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .turbo-frame-loading {
  background: #252830 !important;
}

/* line 1508, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-sidebar {
  background-color: #1e2124;
}

/* line 1511, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-section {
  color: rgba(255, 255, 255, 0.75);
}

/* line 1513, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-section i {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1514, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-section:hover {
  background-color: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1518, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-section.active {
  background-color: #4a90d9;
  color: #fff;
}

/* line 1521, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-section.active i {
  color: #fff;
}

/* line 1524, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section {
  background-color: #1e2124;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1528, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section h2 {
  color: rgba(255, 255, 255, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* line 1532, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

/* line 1534, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container strong {
  color: rgba(255, 255, 255, 0.55);
}

/* line 1535, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container .value {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1536, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container .edit-button {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1538, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container .edit-button:hover i {
  color: #9DD5F7;
}

/* line 1540, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container .edit-input {
  background-color: #252830;
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1544, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .profile-section .field-container .edit-input:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 0.2rem rgba(74, 144, 217, 0.25);
}

/* line 1551, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .ai-memory-add-form {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 1555, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .ai-memory-item {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.08);
}

/* line 1558, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .ai-memory-item:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 1560, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .ai-memory-text {
  color: rgba(255, 255, 255, 0.8);
}

/* line 1563, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .flow-builder-container .bg-light,
[data-theme="dark"] .flow-builder-container .bg-white {
  background-color: #1e2124 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* line 1579, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-page {
  background: #13151a;
}

/* line 1580, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* line 1581, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-title {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1582, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-breadcrumb {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1582, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-breadcrumb a {
  color: #4a90d9;
}

/* line 1583, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-back-btn, [data-theme="dark"] .lv-back-link {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.45);
}

/* line 1585, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-back-btn:hover, [data-theme="dark"] .lv-back-link:hover {
  background: #252830;
  color: #4a90d9;
  border-color: #4a90d9;
}

/* line 1588, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 1589, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card-hd {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.45);
}

/* line 1590, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card-note {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1591, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card-bd {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1593, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-lbl {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1594, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-hint {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1595, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-inp {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1597, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-inp:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.2);
}

/* line 1598, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-inp--ro {
  background: #13151a;
  color: rgba(255, 255, 255, 0.45);
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 1600, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-textarea {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1602, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-type-card {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1604, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-type-card:hover {
  background: #252830;
  border-color: #4a90d9;
}

/* line 1605, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-type-card.selected {
  background: rgba(74, 144, 217, 0.15);
  border-color: #4a90d9;
}

/* line 1607, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-type-icon {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1608, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-type-name {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1610, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-beh {
  background: #252830;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1612, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-beh:hover {
  background: #2c2f39;
}

/* line 1613, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-beh--on {
  background: rgba(74, 144, 217, 0.12);
}

/* line 1615, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-beh-lbl {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1616, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-beh-desc {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1618, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-input {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1620, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-input:focus {
  border-color: #4a90d9;
}

/* line 1622, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-remove {
  background: #1e2124;
  border-color: rgba(239, 68, 68, 0.3);
  color: #f87171;
}

/* line 1622, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-remove:hover {
  background: rgba(239, 68, 68, 0.1);
}

/* line 1623, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-add {
  border-color: #4a90d9;
  color: #4a90d9;
}

/* line 1623, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-pl-add:hover {
  background: rgba(74, 144, 217, 0.1);
}

/* line 1625, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-footer {
  background: #1e2124;
  border-top-color: rgba(255, 255, 255, 0.1);
}

/* line 1631, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card[style*="border-color:#f8d7da"] {
  border-color: rgba(220, 53, 69, 0.35) !important;
}

/* line 1633, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card[style*="border-color:#f8d7da"] .cf-card-hd {
  background: rgba(220, 53, 69, 0.12) !important;
  color: #f87171 !important;
  border-color: rgba(220, 53, 69, 0.25) !important;
}

/* line 1637, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .cf-card-bd div[style*="border:1px solid #dddbda"] {
  background: #1e2124 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* line 1648, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-container,
[data-theme="dark"] .calendar-table-container,
[data-theme="dark"] .calendar-selection,
[data-theme="dark"] .event-form,
[data-theme="dark"] .event-details {
  background: #252830;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

/* line 1657, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-week-row {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* line 1659, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1663, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell:hover {
  background: #1e2124;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* line 1665, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell.today {
  background: rgba(255, 193, 7, 0.12);
  border-color: rgba(255, 193, 7, 0.4);
}

/* line 1668, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell.today .calendar-day-number {
  color: #ffd451;
}

/* line 1670, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell.other-month {
  background: #1e2124;
  color: rgba(255, 255, 255, 0.45);
}

/* line 1673, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-cell.other-month .calendar-day-number {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1675, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-day-number {
  color: rgba(255, 255, 255, 0.85);
}

/* line 1678, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .event-item {
  background: #1e2124;
  color: rgba(255, 255, 255, 0.85);
}

/* line 1681, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .event-item:hover {
  background: #2a2d35;
  color: rgba(255, 255, 255, 0.85);
}

/* line 1682, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .event-item .event-time, [data-theme="dark"] .event-item .event-time.text-muted {
  color: rgba(255, 255, 255, 0.45);
}

/* line 1684, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .add-event-hint {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 1690, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-selection-header,
[data-theme="dark"] .calendar-sharing-form,
[data-theme="dark"] .calendar-selection-container,
[data-theme="dark"] .calendar-share-entry {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1698, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-share-entry:hover {
  background: #252830;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 1699, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-checkbox:checked + .form-check-label {
  background: rgba(74, 144, 217, 0.18);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1702, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-sidebar,
[data-theme="dark"] .sidebar-content,
[data-theme="dark"] .sidebar-container {
  background: #252830;
  color: rgba(255, 255, 255, 0.85);
}

/* line 1705, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .sidebar-header {
  background: #1e2124;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* line 1706, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .resizer-handle {
  background: rgba(255, 255, 255, 0.1);
}

/* line 1707, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .form-check-label:hover {
  background: #1e2124;
}

/* line 1708, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .calendar-color-indicator {
  border-color: #252830;
}

/* line 1711, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] #custom-confirm-modal > div {
  background: #252830 !important;
  color: rgba(255, 255, 255, 0.85);
}

/* line 1719, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button-group {
  border-color: rgba(255, 255, 255, 0.18);
  background: #252830;
}

/* line 1723, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.85);
}

/* line 1727, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.12);
}

/* line 1728, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button.trix-active {
  background: #4a90d9;
  color: #fff;
}

/* line 1729, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button:not(:disabled):hover {
  background: rgba(255, 255, 255, 0.08);
}

/* line 1730, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button:disabled {
  opacity: 0.35;
}

/* line 1734, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button--icon::before {
  filter: invert(1) brightness(1.6);
  opacity: 0.85;
}

/* line 1735, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 1738, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 0 0 6px 6px;
}

/* line 1743, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor:empty:not(:focus)::before {
  color: rgba(255, 255, 255, 0.4);
}

/* line 1744, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor:focus {
  border-color: #4a90d9;
  outline: none;
}

/* line 1745, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor a {
  color: #9DD5F7;
}

/* line 1746, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor h1, [data-theme="dark"] trix-editor h2, [data-theme="dark"] trix-editor h3, [data-theme="dark"] trix-editor h4, [data-theme="dark"] trix-editor h5, [data-theme="dark"] trix-editor h6 {
  color: #fff;
}

/* line 1747, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
}

/* line 1748, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor pre {
  background: #13151a;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
}

/* line 1749, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-editor hr {
  border-color: rgba(255, 255, 255, 0.18);
}

/* line 1753, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-dialog {
  background: #252830;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 1758, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-dialog .trix-input--dialog {
  background: #1e2124;
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1762, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-dialog .trix-input--dialog:focus {
  border-color: #4a90d9;
}

/* line 1764, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] trix-toolbar .trix-dialog .trix-button--dialog {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.06);
}

/* line 1768, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content {
  color: rgba(255, 255, 255, 0.9);
}

/* line 1770, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content a {
  color: #9DD5F7;
}

/* line 1771, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content h1, [data-theme="dark"] .trix-content h2, [data-theme="dark"] .trix-content h3, [data-theme="dark"] .trix-content h4, [data-theme="dark"] .trix-content h5, [data-theme="dark"] .trix-content h6 {
  color: #fff;
}

/* line 1772, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content blockquote {
  border-left-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
}

/* line 1773, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content pre {
  background: #13151a;
  color: rgba(255, 255, 255, 0.9);
}

/* line 1774, app/assets/stylesheets/base/_theme.scss */
[data-theme="dark"] .trix-content hr {
  border-color: rgba(255, 255, 255, 0.18);
}

/* General App Styling */
/* line 27, app/assets/stylesheets/application.scss */
.main-content {
  margin-top: 104px;
  padding-top: 1.5rem;
  padding-right: 0;
  transition: padding-right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 34, app/assets/stylesheets/application.scss */
body.ai-panel-open .main-content {
  padding-right: 420px;
}

/* line 38, app/assets/stylesheets/application.scss */
.record-container {
  margin-left: 4rem;
  margin-right: 4rem;
}

/* line 44, app/assets/stylesheets/application.scss */
.builder-container,
.builder-body,
.flow-builder-container,
.sb-wrapper,
.cf-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* line 54, app/assets/stylesheets/application.scss */
.main-content:has(.builder-container),
.main-content:has(.builder-body),
.main-content:has(.flow-builder-container),
.main-content:has(.sb-wrapper),
.main-content:has(.rpt-layout),
.main-content:has(.rpt-builder-page),
.main-content:has(.rpt-show-page),
.main-content:has(.messaging-home),
.main-content:has(.cf-page) {
  padding-top: 0;
}

/* line 69, app/assets/stylesheets/application.scss */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 100% !important;
  margin: 0px !important;
}

/* line 75, app/assets/stylesheets/application.scss */
#page-loading-overlay {
  position: fixed;
  top: 104px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1049;
  background: #121214;
  display: none;
  align-items: center;
  justify-content: center;
}

/* line 87, app/assets/stylesheets/application.scss */
#page-loading-overlay.is-loading {
  display: flex;
  animation: overlayFadeIn 0.1s ease forwards;
}

/* line 92, app/assets/stylesheets/application.scss */
#page-loading-overlay .page-loading-spinner {
  width: 2.5rem;
  height: 2.5rem;
  color: #9DD5F7;
}

/* line 99, app/assets/stylesheets/application.scss */
[data-theme="light"] #page-loading-overlay {
  background: #f0f2f7;
}

@keyframes overlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 113, app/assets/stylesheets/application.scss */
.carousel {
  border-radius: 8px;
  /* Rounded edges for carousel */
  overflow: hidden;
}

/* line 118, app/assets/stylesheets/application.scss */
.carousel-item img {
  object-fit: cover;
  height: 300px;
  width: 100%;
}

/* line 124, app/assets/stylesheets/application.scss */
#loading-indicator {
  text-align: center;
  font-size: 16px;
  color: #666;
  padding: 16px;
}

/* line 133, app/assets/stylesheets/application.scss */
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 139, app/assets/stylesheets/application.scss */
.gallery-item {
  position: relative;
  width: 150px;
  height: 150px;
}

/* line 145, app/assets/stylesheets/application.scss */
.gallery-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* line 152, app/assets/stylesheets/application.scss */
.gallery-item .btn-danger {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 6px;
  font-size: 12px;
}

/* Gallery Section */
/* line 163, app/assets/stylesheets/application.scss */
.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* line 170, app/assets/stylesheets/application.scss */
.gallery-item {
  display: inline-block;
  margin: 10px;
  text-align: center;
  vertical-align: middle;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
}

/* line 180, app/assets/stylesheets/application.scss */
.gallery-item.selected {
  border-color: #007bff;
  /* Highlight border for selected images */
}

/* line 184, app/assets/stylesheets/application.scss */
.gallery-thumbnail {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
}

/* Custom (non-Bootstrap) modal — used by gallery features */
/* line 192, app/assets/stylesheets/application.scss */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

/* line 205, app/assets/stylesheets/application.scss */
.modal-content {
  background: #fff;
  padding: 20px;
  width: 80%;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}

/* Bootstrap modal overrides — always vertically centered, correct content sizing */
/* line 216, app/assets/stylesheets/application.scss */
.modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
  margin: 1.75rem auto;
}

/* line 223, app/assets/stylesheets/application.scss */
.modal-dialog .modal-content {
  width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 0.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* line 231, app/assets/stylesheets/application.scss */
.modal-content h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
  text-align: center;
}

/* line 237, app/assets/stylesheets/application.scss */
.modal-content .close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
}

/* line 247, app/assets/stylesheets/application.scss */
.modal-content .close-button:hover {
  color: #dc3545;
}

/* line 251, app/assets/stylesheets/application.scss */
.modal-content .gallery {
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 5px;
}

/* line 260, app/assets/stylesheets/application.scss */
.modal-content input[type="file"] {
  margin: 10px 0;
}

/* line 264, app/assets/stylesheets/application.scss */
.modal-content .form-group {
  margin: 20px 0;
}

/* Selected Images Section */
/* line 269, app/assets/stylesheets/application.scss */
#selected-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

/* line 276, app/assets/stylesheets/application.scss */
.thumbnail {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #ddd;
}

/* line 284, app/assets/stylesheets/application.scss */
.thumbnail:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* line 290, app/assets/stylesheets/application.scss */
input[type="file"]::-webkit-file-upload-button + * {
  display: none;
}

/* line 294, app/assets/stylesheets/application.scss */
input[type="file"]::file-selector-button + * {
  display: none;
}

/* Task Status Badge Styles */
/* line 299, app/assets/stylesheets/application.scss */
.table .status .task-status-badge {
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  color: white;
}

/* line 312, app/assets/stylesheets/application.scss */
.table .status .task-status-badge.scheduled {
  background-color: #17a2b8;
}

/* line 316, app/assets/stylesheets/application.scss */
.table .status .task-status-badge.pending {
  background-color: #ffc107;
  color: #222222;
}

/* line 321, app/assets/stylesheets/application.scss */
.table .status .task-status-badge.overdue {
  background-color: #dc3545;
}

/* line 325, app/assets/stylesheets/application.scss */
.table .status .task-status-badge.completed {
  background-color: #28a745;
}

/* line 329, app/assets/stylesheets/application.scss */
.table .status .task-status-badge.cancelled {
  background-color: #6c757d;
}

/* Organization Tasks Page Styles */
/* line 334, app/assets/stylesheets/application.scss */
.badge.scheduled {
  background-color: #17a2b8;
}

/* line 338, app/assets/stylesheets/application.scss */
.badge.pending {
  background-color: #ffc107;
  color: #222222;
}

/* line 343, app/assets/stylesheets/application.scss */
.badge.overdue {
  background-color: #dc3545;
}

/* line 347, app/assets/stylesheets/application.scss */
.badge.completed {
  background-color: #28a745;
}

/* line 351, app/assets/stylesheets/application.scss */
.badge.on-hold {
  background-color: #6c757d;
}

/* Flag icon styles */
/* line 356, app/assets/stylesheets/application.scss */
.flag-icon {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 4px;
}

/* Task action buttons */
/* line 365, app/assets/stylesheets/application.scss */
.btn-group .btn {
  margin-right: 2px;
}

/* line 369, app/assets/stylesheets/application.scss */
.btn-group .btn:last-child {
  margin-right: 0;
}

/* Task header styles */
/* line 374, app/assets/stylesheets/application.scss */
.task-header {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid #dee2e6;
}

/* line 382, app/assets/stylesheets/application.scss */
.task-title {
  margin-bottom: 0.5rem;
  color: #495057;
}

/* line 387, app/assets/stylesheets/application.scss */
.task-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 394, app/assets/stylesheets/application.scss */
.task-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

/* Login Page Styles */
/* line 403, app/assets/stylesheets/application.scss */
.login-container {
  min-height: 100vh;
  background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%);
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  /* No negative margin needed with minimal layout */
}

/* line 414, app/assets/stylesheets/application.scss */
.login-wrapper {
  width: 100%;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 422, app/assets/stylesheets/application.scss */
.login-logo-container {
  text-align: center;
  margin-bottom: 2rem;
  padding-top: 1rem;
  min-height: 100px;
  /* Prevent layout shift while logo loads */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 432, app/assets/stylesheets/application.scss */
.login-logo {
  max-width: 220px;
  height: auto;
  display: block;
  /* Prevent layout shift */
  aspect-ratio: attr(width)/attr(height);
}

/* line 440, app/assets/stylesheets/application.scss */
.login-card {
  background-color: #222222 !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  width: 100%;
  max-width: 750px;
}

/* line 450, app/assets/stylesheets/application.scss */
.login-card .card-body {
  padding: 3rem 2.5rem;
}

/* line 454, app/assets/stylesheets/application.scss */
.login-title {
  color: #2d2d2d;
  font-weight: 600;
  margin-bottom: 2rem;
  font-size: 1.75rem;
}

/* line 461, app/assets/stylesheets/application.scss */
.login-card .form-group {
  margin-bottom: 1.5rem;
}

/* line 465, app/assets/stylesheets/application.scss */
.login-card .form-label {
  color: #ffffff !important;
  font-weight: 500;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

/* line 472, app/assets/stylesheets/application.scss */
.login-card .form-control,
.login-card .form-select {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 0.875rem;
  font-size: 1rem;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
  color: #000;
}

/* line 483, app/assets/stylesheets/application.scss */
.login-card .form-control:focus,
.login-card .form-select:focus {
  border-color: #9DD5F7;
  box-shadow: 0 0 0 0.2rem rgba(135, 206, 235, 0.25);
  outline: none;
}

/* line 490, app/assets/stylesheets/application.scss */
.login-btn {
  background-color: #9DD5F7 !important;
  border-color: #9DD5F7 !important;
  color: #000000 !important;
  font-weight: 600;
  padding: 0.875rem 1.5rem;
  border-radius: 6px;
  font-size: 1rem;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
  margin-top: 0.5rem;
}

/* line 502, app/assets/stylesheets/application.scss */
.login-btn:hover {
  background-color: #9DD5F7;
  border-color: #9DD5F7;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(135, 206, 235, 0.3);
}

/* line 509, app/assets/stylesheets/application.scss */
.login-btn:active {
  transform: translateY(0);
}

/* line 513, app/assets/stylesheets/application.scss */
.login-card .form-group .form-check {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 !important;
  margin-left: 0;
  background: transparent !important;
  border-radius: 0 !important;
}

/* line 526, app/assets/stylesheets/application.scss */
.login-card .form-group .form-check:hover {
  background: transparent !important;
}

/* line 531, app/assets/stylesheets/application.scss */
.login-card .form-check-input {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}

/* line 540, app/assets/stylesheets/application.scss */
.login-card .form-check-label {
  color: #ffffff;
  font-size: 0.95rem;
  margin-left: 0;
  cursor: pointer;
}

/* line 547, app/assets/stylesheets/application.scss */
.login-card .form-check-input:checked {
  background-color: #87CEEB;
  border-color: #87CEEB;
}

/* line 552, app/assets/stylesheets/application.scss */
.login-card .devise-links {
  text-align: center;
  margin-top: 1.5rem;
  padding-top: 1rem;
}

/* line 558, app/assets/stylesheets/application.scss */
.login-card .devise-links .btn-link {
  color: #87CEEB;
  text-decoration: none;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
}

/* line 565, app/assets/stylesheets/application.scss */
.login-card .devise-links .btn-link:hover {
  color: #6BB6D6;
  text-decoration: underline;
}

/* line 571, app/assets/stylesheets/application.scss */
.login-card #error_explanation {
  background-color: rgba(220, 53, 69, 0.2);
  border: 1px solid #dc3545;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  color: #ff6b6b;
}

/* line 579, app/assets/stylesheets/application.scss */
.login-card #error_explanation h2 {
  color: #ff6b6b;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 586, app/assets/stylesheets/application.scss */
.login-card #error_explanation ul {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}

/* line 591, app/assets/stylesheets/application.scss */
.login-card #error_explanation ul li {
  color: #ff6b6b;
  margin-bottom: 0.25rem;
}

@media (max-width: 768px) {
  /* line 599, app/assets/stylesheets/application.scss */
  .login-container {
    padding: 1.5rem 0;
  }
  /* line 603, app/assets/stylesheets/application.scss */
  .login-logo {
    max-width: 180px;
  }
  /* line 607, app/assets/stylesheets/application.scss */
  .login-card .card-body {
    padding: 2.5rem 2rem;
  }
  /* line 611, app/assets/stylesheets/application.scss */
  .login-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* Onboarding Welcome Page */
/* line 618, app/assets/stylesheets/application.scss */
.welcome-page {
  background: radial-gradient(1200px 600px at 50% -10%, rgba(157, 213, 247, 0.18), transparent 60%), linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%);
  padding: 3rem 1.25rem;
}

/* line 626, app/assets/stylesheets/application.scss */
.welcome-shell {
  width: 100%;
  max-width: 880px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 634, app/assets/stylesheets/application.scss */
.welcome-hero {
  text-align: center;
  margin-bottom: 2.75rem;
}

/* line 639, app/assets/stylesheets/application.scss */
.welcome-logo {
  max-width: 150px;
  height: auto;
  margin-bottom: 1.25rem;
}

/* line 645, app/assets/stylesheets/application.scss */
.welcome-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: -0.02em;
  margin: 0 0 0.5rem;
}

/* line 653, app/assets/stylesheets/application.scss */
.welcome-subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.05rem;
  margin: 0;
}

/* line 659, app/assets/stylesheets/application.scss */
.welcome-options {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  width: 100%;
}

/* line 666, app/assets/stylesheets/application.scss */
.welcome-card {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 2rem 1.75rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

/* line 680, app/assets/stylesheets/application.scss */
.welcome-card:hover, .welcome-card:focus-visible {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(157, 213, 247, 0.55);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  text-decoration: none;
  outline: none;
}

/* line 689, app/assets/stylesheets/application.scss */
.welcome-card:hover .welcome-card-cta, .welcome-card:focus-visible .welcome-card-cta {
  gap: 0.65rem;
  color: #c4e6fb;
}

/* line 693, app/assets/stylesheets/application.scss */
.welcome-card:hover .welcome-card-cta i, .welcome-card:focus-visible .welcome-card-cta i {
  transform: translateX(3px);
}

/* line 697, app/assets/stylesheets/application.scss */
.welcome-card--primary {
  background: rgba(157, 213, 247, 0.08);
  border-color: rgba(157, 213, 247, 0.4);
}

/* line 702, app/assets/stylesheets/application.scss */
.welcome-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  margin-bottom: 1.25rem;
  font-size: 1.35rem;
  color: #9DD5F7;
  background: rgba(157, 213, 247, 0.14);
}

/* line 715, app/assets/stylesheets/application.scss */
.welcome-card--primary .welcome-card-icon {
  color: #0d2533;
  background: #9DD5F7;
}

/* line 720, app/assets/stylesheets/application.scss */
.welcome-card-title {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 0.6rem;
}

/* line 727, app/assets/stylesheets/application.scss */
.welcome-card-text {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1.75rem;
  flex-grow: 1;
}

/* line 735, app/assets/stylesheets/application.scss */
.welcome-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #9DD5F7;
  font-weight: 600;
  font-size: 0.95rem;
  transition: gap 0.2s ease, color 0.2s ease;
}

/* line 744, app/assets/stylesheets/application.scss */
.welcome-card-cta i {
  transition: transform 0.2s ease;
}

/* line 747, app/assets/stylesheets/application.scss */
.welcome-shell--wide {
  max-width: 1000px;
}

/* Onboarding — plan picker */
/* line 752, app/assets/stylesheets/application.scss */
.plan-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
  align-items: stretch;
}

/* line 760, app/assets/stylesheets/application.scss */
.plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2rem 1.75rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

/* line 772, app/assets/stylesheets/application.scss */
.plan-card:hover {
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(157, 213, 247, 0.4);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

/* line 780, app/assets/stylesheets/application.scss */
.plan-card--featured {
  background: rgba(157, 213, 247, 0.08);
  border-color: rgba(157, 213, 247, 0.55);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

/* line 786, app/assets/stylesheets/application.scss */
.plan-badge {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0d2533;
  background: #9DD5F7;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  white-space: nowrap;
}

/* line 802, app/assets/stylesheets/application.scss */
.plan-name {
  color: rgba(255, 255, 255, 0.75);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0 0 0.5rem;
}

/* line 810, app/assets/stylesheets/application.scss */
.plan-price {
  color: #ffffff;
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 0.85rem;
}

/* line 819, app/assets/stylesheets/application.scss */
.plan-description {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 auto 1.5rem;
  max-width: 16rem;
}

/* line 827, app/assets/stylesheets/application.scss */
.plan-tagline {
  color: rgba(157, 213, 247, 0.85) !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.72rem !important;
  font-weight: 600;
}

/* line 835, app/assets/stylesheets/application.scss */
.plan-per-user {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.85rem !important;
}

/* line 839, app/assets/stylesheets/application.scss */
.plan-per-user i {
  color: #9DD5F7;
}

/* line 842, app/assets/stylesheets/application.scss */
.plan-ai-note,
.plan-nonprofit-note {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  max-width: 640px;
  margin: 1.75rem auto 0;
  padding: 0.85rem 1.1rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  line-height: 1.5;
}

/* line 857, app/assets/stylesheets/application.scss */
.plan-ai-note i,
.plan-nonprofit-note i {
  color: #9DD5F7;
  margin-top: 0.15rem;
}

/* line 858, app/assets/stylesheets/application.scss */
.plan-ai-note strong,
.plan-nonprofit-note strong {
  color: #ffffff;
}

/* line 859, app/assets/stylesheets/application.scss */
.plan-ai-note a,
.plan-nonprofit-note a {
  color: #9DD5F7;
}

/* line 862, app/assets/stylesheets/application.scss */
.plan-nonprofit-note {
  margin-top: 0.75rem;
  justify-content: center;
  align-items: center;
}

/* line 868, app/assets/stylesheets/application.scss */
.plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  text-align: left;
  flex-grow: 1;
}

/* line 875, app/assets/stylesheets/application.scss */
.plan-features li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 884, app/assets/stylesheets/application.scss */
.plan-features li:last-child {
  border-bottom: none;
}

/* line 886, app/assets/stylesheets/application.scss */
.plan-features li i {
  color: #9DD5F7;
  width: 1.1rem;
  text-align: center;
  flex-shrink: 0;
}

/* line 895, app/assets/stylesheets/application.scss */
.plan-btn {
  display: block;
  width: 100%;
  padding: 0.8rem 1rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  background: transparent;
  color: #9DD5F7;
  border: 1px solid rgba(157, 213, 247, 0.5);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

/* line 909, app/assets/stylesheets/application.scss */
.plan-btn:hover {
  background: rgba(157, 213, 247, 0.12);
  border-color: #9DD5F7;
  transform: translateY(-1px);
}

/* line 916, app/assets/stylesheets/application.scss */
.plan-btn--primary {
  background: #9DD5F7;
  color: #0d2533;
  border-color: #9DD5F7;
}

/* line 921, app/assets/stylesheets/application.scss */
.plan-btn--primary:hover {
  background: #b6e2fb;
  border-color: #b6e2fb;
}

/* line 927, app/assets/stylesheets/application.scss */
.welcome-footer {
  margin-top: 2rem;
  text-align: center;
}

/* line 932, app/assets/stylesheets/application.scss */
.welcome-nonprofit-line {
  margin-top: 1.5rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
}

/* line 938, app/assets/stylesheets/application.scss */
.welcome-nonprofit-line i {
  color: #f48fb1;
}

/* line 939, app/assets/stylesheets/application.scss */
.welcome-nonprofit-line a {
  color: #9DD5F7;
  font-weight: 600;
}

/* line 942, app/assets/stylesheets/application.scss */
.welcome-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 500;
  font-size: 0.95rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* line 952, app/assets/stylesheets/application.scss */
.welcome-back:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Onboarding — new organization form */
/* line 959, app/assets/stylesheets/application.scss */
.welcome-shell--form {
  max-width: 660px;
}

/* line 963, app/assets/stylesheets/application.scss */
.welcome-form-card {
  width: 100%;
  padding: 2.5rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

/* line 972, app/assets/stylesheets/application.scss */
.welcome-form-head {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 977, app/assets/stylesheets/application.scss */
.welcome-form-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  margin-bottom: 1rem;
  font-size: 1.35rem;
  color: #9DD5F7;
  background: rgba(157, 213, 247, 0.14);
}

/* line 990, app/assets/stylesheets/application.scss */
.welcome-form-title {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 0.85rem;
}

/* line 998, app/assets/stylesheets/application.scss */
.welcome-plan-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #9DD5F7;
  background: rgba(157, 213, 247, 0.12);
  border: 1px solid rgba(157, 213, 247, 0.3);
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
}

/* line 1011, app/assets/stylesheets/application.scss */
.welcome-form-alert {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #ffcf8f;
  background: rgba(255, 193, 7, 0.12);
  border: 1px solid rgba(255, 193, 7, 0.35);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* line 1024, app/assets/stylesheets/application.scss */
.welcome-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 1030, app/assets/stylesheets/application.scss */
.welcome-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

/* line 1036, app/assets/stylesheets/application.scss */
.welcome-field-row--thirds {
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 1040, app/assets/stylesheets/application.scss */
.welcome-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 1046, app/assets/stylesheets/application.scss */
.welcome-field--grow {
  grid-column: span 1;
}

/* line 1051, app/assets/stylesheets/application.scss */
.welcome-field-row:has(.welcome-field--grow) {
  grid-template-columns: 1.6fr 1fr;
}

/* line 1055, app/assets/stylesheets/application.scss */
.welcome-label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
}

/* line 1062, app/assets/stylesheets/application.scss */
.welcome-input {
  width: 100%;
  padding: 0.75rem 0.9rem;
  font-size: 0.95rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* line 1072, app/assets/stylesheets/application.scss */
.welcome-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 1074, app/assets/stylesheets/application.scss */
.welcome-input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.07);
  border-color: #9DD5F7;
  box-shadow: 0 0 0 3px rgba(157, 213, 247, 0.22);
}

/* line 1082, app/assets/stylesheets/application.scss */
textarea.welcome-input {
  resize: vertical;
  min-height: 5.5rem;
}

/* line 1087, app/assets/stylesheets/application.scss */
.welcome-hint {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.82rem;
  margin-top: 0.5rem;
}

/* line 1095, app/assets/stylesheets/application.scss */
.welcome-hint i {
  color: #9DD5F7;
}

/* line 1099, app/assets/stylesheets/application.scss */
.welcome-subdomain-status {
  font-weight: 600;
}

/* line 1102, app/assets/stylesheets/application.scss */
.welcome-subdomain-status[data-state="checking"] {
  color: rgba(127, 127, 127, 0.9);
}

/* line 1103, app/assets/stylesheets/application.scss */
.welcome-subdomain-status[data-state="ok"] {
  color: #1a9e5f;
}

/* line 1104, app/assets/stylesheets/application.scss */
.welcome-subdomain-status[data-state="error"] {
  color: #d6455d;
}

/* line 1107, app/assets/stylesheets/application.scss */
.welcome-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.9rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: #0d2533;
  background: #9DD5F7;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

/* line 1124, app/assets/stylesheets/application.scss */
.welcome-submit i {
  transition: transform 0.2s ease;
}

/* line 1126, app/assets/stylesheets/application.scss */
.welcome-submit:hover {
  background: #b6e2fb;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(157, 213, 247, 0.3);
}

/* line 1131, app/assets/stylesheets/application.scss */
.welcome-submit:hover i {
  transform: translateX(3px);
}

/* line 1136, app/assets/stylesheets/application.scss */
.welcome-form-card .devise-links {
  text-align: center;
  margin-top: 1.5rem;
}

/* line 1140, app/assets/stylesheets/application.scss */
.welcome-form-card .devise-links .btn-link {
  color: #9DD5F7;
  text-decoration: none;
  font-size: 0.9rem;
  padding: 0.3rem 0.5rem;
  display: inline-block;
}

/* line 1147, app/assets/stylesheets/application.scss */
.welcome-form-card .devise-links .btn-link:hover {
  color: #c4e6fb;
  text-decoration: underline;
}

/* line 1150, app/assets/stylesheets/application.scss */
.welcome-form-card .devise-links .btn-outline-primary {
  color: #9DD5F7;
  border-color: rgba(157, 213, 247, 0.5);
}

/* line 1154, app/assets/stylesheets/application.scss */
.welcome-form-card .devise-links .btn-outline-primary:hover {
  background: rgba(157, 213, 247, 0.12);
  border-color: #9DD5F7;
  color: #fff;
}

/* line 1159, app/assets/stylesheets/application.scss */
.welcome-form-card #error_explanation {
  background: rgba(220, 53, 69, 0.14);
  border: 1px solid rgba(220, 53, 69, 0.45);
  border-radius: 10px;
  padding: 0.9rem 1rem;
  margin-bottom: 1.25rem;
}

/* line 1166, app/assets/stylesheets/application.scss */
.welcome-form-card #error_explanation h2 {
  color: #ff8a8a;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
}

/* line 1167, app/assets/stylesheets/application.scss */
.welcome-form-card #error_explanation ul {
  margin: 0;
  padding-left: 1.1rem;
}

/* line 1168, app/assets/stylesheets/application.scss */
.welcome-form-card #error_explanation li {
  color: #ff8a8a;
  font-size: 0.88rem;
}

/* Onboarding — AI assistant chat */
/* line 1172, app/assets/stylesheets/application.scss */
.welcome-shell--chat {
  max-width: 760px;
}

/* line 1176, app/assets/stylesheets/application.scss */
.welcome-chat-card {
  width: 100%;
  padding: 1.5rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

/* line 1185, app/assets/stylesheets/application.scss */
.welcome-chat-messages {
  height: min(62vh, 560px);
  min-height: 340px;
  overflow-y: auto;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 1197, app/assets/stylesheets/application.scss */
.welcome-chat-messages:empty::before {
  content: "Say hello to get started…";
  display: block;
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.9rem;
  text-align: center;
  padding-top: 2.5rem;
}

/* line 1208, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-assistant > div {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

/* line 1214, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-user > div {
  background: #9DD5F7 !important;
  color: #0d2533 !important;
}

/* line 1220, app/assets/stylesheets/application.scss */
.welcome-chat-input-row {
  display: flex;
  align-items: flex-end;
  gap: 0.6rem;
}

/* line 1226, app/assets/stylesheets/application.scss */
.welcome-chat-input-row .welcome-input {
  flex: 1;
}

/* line 1232, app/assets/stylesheets/application.scss */
textarea.welcome-chat-input {
  min-height: 46px;
  max-height: 160px;
  resize: none;
  overflow-y: hidden;
  line-height: 1.4;
}

/* line 1240, app/assets/stylesheets/application.scss */
.welcome-chat-send {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.75rem 1.25rem;
  font-weight: 600;
  font-size: 0.95rem;
  color: #0d2533;
  background: #9DD5F7;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 1255, app/assets/stylesheets/application.scss */
.welcome-chat-send:hover {
  background: #b6e2fb;
  transform: translateY(-1px);
}

/* line 1256, app/assets/stylesheets/application.scss */
.welcome-chat-send:disabled {
  opacity: 0.6;
  cursor: default;
  transform: none;
}

/* line 1259, app/assets/stylesheets/application.scss */
.welcome-chat-build {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 12px;
  background: rgba(157, 213, 247, 0.08);
  border: 1px solid rgba(157, 213, 247, 0.25);
}

/* line 1267, app/assets/stylesheets/application.scss */
.welcome-chat-blueprint {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}

/* line 1275, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg p {
  margin: 0 0 0.4rem;
}

/* line 1276, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg :last-child {
  margin-bottom: 0;
}

/* line 1278, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg ul {
  margin: 0.35rem 0;
  padding-left: 1.15rem;
}

/* line 1282, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg li {
  margin: 0.15rem 0;
}

/* line 1284, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg h3,
.welcome-chat-messages .oc-msg h4,
.welcome-chat-messages .oc-msg h5 {
  font-size: 0.98rem;
  font-weight: 700;
  margin: 0.5rem 0 0.3rem;
}

/* line 1292, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  margin: 0.6rem 0;
}

/* line 1298, app/assets/stylesheets/application.scss */
.welcome-chat-messages .oc-msg code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.85em;
  padding: 0.1rem 0.3rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.25);
}

/* Assistant page: fit entirely in the viewport, only the message list scrolls. */
/* line 1308, app/assets/stylesheets/application.scss */
.welcome-page--fit {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* line 1317, app/assets/stylesheets/application.scss */
.welcome-page--fit .welcome-shell {
  height: 100%;
  justify-content: flex-start;
}

/* line 1322, app/assets/stylesheets/application.scss */
.welcome-page--fit .welcome-hero {
  flex: 0 0 auto;
  margin-bottom: 1.25rem;
}

/* line 1327, app/assets/stylesheets/application.scss */
.welcome-page--fit .welcome-chat-card {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 1334, app/assets/stylesheets/application.scss */
.welcome-page--fit .welcome-chat-messages {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

/* line 1340, app/assets/stylesheets/application.scss */
.welcome-page--fit .welcome-footer {
  flex: 0 0 auto;
  margin-top: 1rem;
  margin-bottom: 0;
}

/* line 1347, app/assets/stylesheets/application.scss */
.welcome-chat-build-info {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.92rem;
  margin-bottom: 0.85rem;
}

/* line 1355, app/assets/stylesheets/application.scss */
.welcome-chat-build-info i {
  color: #9DD5F7;
}

/* line 1358, app/assets/stylesheets/application.scss */
.welcome-chat-build-btn {
  width: auto;
  margin-top: 0;
}

/* Blueprint review modal */
/* line 1364, app/assets/stylesheets/application.scss */
.welcome-modal {
  position: fixed;
  inset: 0;
  z-index: 1080;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

/* line 1374, app/assets/stylesheets/application.scss */
.welcome-modal.is-open {
  display: flex;
}

/* line 1376, app/assets/stylesheets/application.scss */
.welcome-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(2px);
}

/* line 1383, app/assets/stylesheets/application.scss */
.welcome-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 660px;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  background: #23262f;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

/* line 1397, app/assets/stylesheets/application.scss */
.welcome-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem 0.75rem;
}

/* line 1405, app/assets/stylesheets/application.scss */
.welcome-modal__title {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}

/* line 1412, app/assets/stylesheets/application.scss */
.welcome-modal__subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  margin: 0.3rem 0 0;
}

/* line 1418, app/assets/stylesheets/application.scss */
.welcome-modal__close {
  flex-shrink: 0;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}

/* line 1427, app/assets/stylesheets/application.scss */
.welcome-modal__close:hover {
  color: #fff;
}

/* line 1430, app/assets/stylesheets/application.scss */
.welcome-modal__hint {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.8rem;
  padding: 0 1.5rem 0.5rem;
}

/* line 1436, app/assets/stylesheets/application.scss */
.welcome-modal__body {
  padding: 0.25rem 1.5rem 0.5rem;
  overflow-y: auto;
}

/* line 1441, app/assets/stylesheets/application.scss */
.welcome-modal__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 1449, app/assets/stylesheets/application.scss */
.welcome-modal__foot form {
  margin: 0;
}

/* line 1452, app/assets/stylesheets/application.scss */
.welcome-modal__cancel {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  padding: 0.7rem 1.1rem;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}

/* line 1461, app/assets/stylesheets/application.scss */
.welcome-modal__cancel:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

/* line 1464, app/assets/stylesheets/application.scss */
.welcome-modal__build {
  width: auto;
  margin-top: 0;
}

/* Blueprint selection tree */
/* line 1470, app/assets/stylesheets/application.scss */
.bp-object {
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 1474, app/assets/stylesheets/application.scss */
.bp-object:last-child {
  border-bottom: none;
}

/* line 1477, app/assets/stylesheets/application.scss */
.bp-object--off {
  opacity: 0.45;
}

/* line 1479, app/assets/stylesheets/application.scss */
.bp-object--off .bp-fields {
  opacity: 0.7;
}

/* line 1482, app/assets/stylesheets/application.scss */
.bp-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  cursor: pointer;
}

/* line 1490, app/assets/stylesheets/application.scss */
.bp-check {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  accent-color: #9DD5F7;
  cursor: pointer;
}

/* line 1498, app/assets/stylesheets/application.scss */
.bp-icon {
  color: #9DD5F7;
  width: 1.2rem;
  text-align: center;
  flex-shrink: 0;
}

/* line 1505, app/assets/stylesheets/application.scss */
.bp-name {
  color: #fff;
  font-weight: 600;
}

/* line 1510, app/assets/stylesheets/application.scss */
.bp-tag {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
}

/* line 1519, app/assets/stylesheets/application.scss */
.bp-tag--existing {
  color: #9DD5F7;
  background: rgba(157, 213, 247, 0.16);
}

/* line 1520, app/assets/stylesheets/application.scss */
.bp-tag--new {
  color: #0d2533;
  background: #9DD5F7;
}

/* line 1521, app/assets/stylesheets/application.scss */
.bp-tag--rename {
  color: #ffcf8f;
  background: rgba(255, 193, 7, 0.16);
}

/* line 1523, app/assets/stylesheets/application.scss */
.bp-desc {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
  margin: 0.3rem 0 0 1.6rem;
}

/* line 1529, app/assets/stylesheets/application.scss */
.bp-fields {
  margin: 0.55rem 0 0 1.6rem;
}

/* line 1531, app/assets/stylesheets/application.scss */
.bp-field {
  padding: 0.3rem 0;
}

/* line 1533, app/assets/stylesheets/application.scss */
.bp-field-name {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.9rem;
}

/* line 1535, app/assets/stylesheets/application.scss */
.bp-field-type {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 1542, app/assets/stylesheets/application.scss */
.bp-req {
  color: #ffcf8f;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 1549, app/assets/stylesheets/application.scss */
.bp-field-desc {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.78rem;
  margin: 0.15rem 0 0 1.55rem;
}

/* line 1555, app/assets/stylesheets/application.scss */
.bp-section-title {
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 1rem 0 0.4rem;
}

/* line 1562, app/assets/stylesheets/application.scss */
.bp-flow {
  padding: 0.6rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

@media (max-width: 560px) {
  /* line 1568, app/assets/stylesheets/application.scss */
  .welcome-form-card {
    padding: 1.75rem 1.35rem;
  }
  /* line 1570, app/assets/stylesheets/application.scss */
  .welcome-field-row,
.welcome-field-row--thirds,
.welcome-field-row:has(.welcome-field--grow) {
    grid-template-columns: 1fr;
  }
  /* line 1576, app/assets/stylesheets/application.scss */
  .welcome-chat-send span {
    display: none;
  }
}

@media (max-width: 860px) {
  /* line 1580, app/assets/stylesheets/application.scss */
  .plan-grid {
    grid-template-columns: 1fr;
    max-width: 26rem;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  /* line 1588, app/assets/stylesheets/application.scss */
  .welcome-options {
    grid-template-columns: 1fr;
  }
  /* line 1592, app/assets/stylesheets/application.scss */
  .welcome-title {
    font-size: 1.85rem;
  }
}