@charset "UTF-8";
/*
 *= require font-awesome
 */
/* line 7, app/assets/stylesheets/components/_header.scss */
header.position-absolute .navbar .nav-item.active .nav-link {
  color: #8f5926;
  position: relative;
}

/* line 11, app/assets/stylesheets/components/_header.scss */
header.position-absolute .navbar .nav-item.active .nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #8f5926;
}

/* line 26, app/assets/stylesheets/components/_header.scss */
header.position-absolute .navbar .offcanvas .nav-item {
  padding: 5px 0;
}

/* line 30, app/assets/stylesheets/components/_header.scss */
header.position-absolute .navbar .offcanvas .nav-item.active .nav-link {
  background-color: rgba(143, 89, 38, 0.1);
  border-left: 3px solid #8f5926;
  padding-left: 17px;
}

/* line 43, app/assets/stylesheets/components/_header.scss */
.vr {
  width: 1px;
  background-color: #dee2e6;
  opacity: 0.25;
  align-self: stretch;
}

@media (max-width: 768px) {
  /* line 4, app/assets/stylesheets/components/_footer.scss */
  .footer .container .row {
    text-align: center !important;
  }
  /* line 9, app/assets/stylesheets/components/_footer.scss */
  .footer .container .row .col-md-6.text-end {
    text-align: center !important;
    margin-top: 10px;
  }
}

/* line 18, app/assets/stylesheets/components/_footer.scss */
.footer .text-muted {
  font-size: 14px;
}

/* line 2, app/assets/stylesheets/components/_animations.scss */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

/* line 8, app/assets/stylesheets/components/_animations.scss */
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* line 23, app/assets/stylesheets/components/_animations.scss */
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 37, app/assets/stylesheets/components/_animations.scss */
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

/* line 52, app/assets/stylesheets/components/_animations.scss */
.transition-all {
  transition: all 0.3s ease;
}

/* line 2, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container {
  padding: 20px 0;
}

/* line 6, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .nav-tabs {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 25px;
}

/* line 10, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
  padding: 12px 24px;
  font-weight: 600;
  color: #64748b;
  background: transparent;
}

/* line 18, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .nav-tabs .nav-link:hover {
  color: #8f5926;
  border-color: transparent;
}

/* line 23, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .nav-tabs .nav-link.active {
  color: #8f5926;
  background: transparent;
  border: none;
  border-bottom: 2px solid #8f5926;
  margin-bottom: -2px;
}

/* line 34, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .charts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/components/_dashboard.scss */
  .dashboard-container .charts-grid {
    grid-template-columns: 1fr;
  }
}

/* line 43, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .charts-grid .chart-card {
  background: white;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  min-height: 350px;
}

/* line 50, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .charts-grid .chart-card .chart-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #343a40;
}

/* line 57, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .charts-grid .chart-card .chart-container {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 67, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .table-responsive {
  background: white;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* line 72, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .table-responsive .table {
  margin-bottom: 0;
}

/* line 75, app/assets/stylesheets/components/_dashboard.scss */
.dashboard-container .table-responsive .table thead {
  background-color: #f8f9fa;
}

/* Legacy brutalist helpers (softened for identity theme) */
/* line 82, app/assets/stylesheets/components/_dashboard.scss */
.brutalist-card {
  border: 1px solid #e5e7eb;
  /* gray-200 */
  border-radius: 0.5rem;
  /* 8px */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  background: #fff;
}

/* line 89, app/assets/stylesheets/components/_dashboard.scss */
.brutalist-tabs {
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  background: #fff;
}

/* line 95, app/assets/stylesheets/components/_dashboard.scss */
.brutalist-stats {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  background: #fff;
}

/* line 101, app/assets/stylesheets/components/_dashboard.scss */
.brutalist-stats .stat + .stat {
  border-left: 1px solid #e5e7eb;
}

/* line 106, app/assets/stylesheets/components/_dashboard.scss */
.kpi-icon {
  width: 44px;
  height: 44px;
  font-size: 18px;
}

/* line 112, app/assets/stylesheets/components/_dashboard.scss */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 50rem;
  background: #fff;
}

/* line 122, app/assets/stylesheets/components/_dashboard.scss */
.chip-success {
  border-color: #c3e6cb;
  background: #f0fff4;
}

/* line 123, app/assets/stylesheets/components/_dashboard.scss */
.chip-warning {
  border-color: #ffeeba;
  background: #fffaf0;
}

/* line 125, app/assets/stylesheets/components/_dashboard.scss */
.chip .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* line 132, app/assets/stylesheets/components/_dashboard.scss */
.goal-card .card-body {
  min-height: 160px;
}

/* line 9, app/assets/stylesheets/components/_auth.scss */
body.auth {
  padding: 40px 0 60px;
  background-color: #FAFAFA;
}

/* line 15, app/assets/stylesheets/components/_auth.scss */
.auth-container {
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
}

/* line 22, app/assets/stylesheets/components/_auth.scss */
body.auth input.auth-submit[type="submit"] {
  background: #8f5926 !important;
  color: #fff !important;
  border: 1.5px solid #8f5926 !important;
}

/* line 28, app/assets/stylesheets/components/_auth.scss */
.auth-container {
  max-width: 1100px;
}

/* line 32, app/assets/stylesheets/components/_auth.scss */
.auth-title {
  font-weight: 600;
}

/* line 4, app/assets/stylesheets/components/_recordings.scss */
.recording-visual .card {
  border-radius: 12px;
}

/* line 7, app/assets/stylesheets/components/_recordings.scss */
.chat-bubble {
  max-width: 85%;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #eee;
  background: #f9fafb;
}

/* line 14, app/assets/stylesheets/components/_recordings.scss */
.chat-bubble.left {
  align-self: flex-start;
}

/* line 15, app/assets/stylesheets/components/_recordings.scss */
.chat-bubble.right {
  align-self: flex-end;
  background: #fff7ed;
  border-color: #fde7cf;
}

/* line 21, app/assets/stylesheets/components/_recordings.scss */
.chat-bubble__author {
  font-weight: 600;
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 4px;
}

/* line 27, app/assets/stylesheets/components/_recordings.scss */
.chat-bubble__text {
  color: #111827;
  line-height: 1.5;
}

/* line 10, app/assets/stylesheets/components/_categories.scss */
.taxonomy-page__bar {
  gap: 1rem;
}

/* line 14, app/assets/stylesheets/components/_categories.scss */
.taxonomy-page__intro {
  max-width: 46rem;
  margin: 0 0 1.5rem;
}

/* line 18, app/assets/stylesheets/components/_categories.scss */
.taxonomy-page__intro h2 {
  margin: 0.15rem 0 0.4rem;
  color: #2D2D2D;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* line 26, app/assets/stylesheets/components/_categories.scss */
.taxonomy-page__intro p:last-child {
  margin: 0;
  color: #555555;
  line-height: 1.55;
}

/* line 33, app/assets/stylesheets/components/_categories.scss */
.taxonomy-page__eyebrow {
  margin: 0;
  color: #8f5926;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

/* line 42, app/assets/stylesheets/components/_categories.scss */
.taxonomy-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

/* line 49, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger {
  position: relative;
  border: 1px solid #dadada;
  border-radius: 0.9rem;
  background: #fcfaf7;
}

/* line 56, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid #dadada;
  border-radius: 0.9rem 0.9rem 0 0;
  background: #f5f5f5;
}

/* line 65, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger__heading h3 {
  margin: 0;
  color: #2D2D2D;
  font-size: 1rem;
  font-weight: 600;
}

/* line 72, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger__heading p {
  margin: 0.2rem 0 0;
  color: #555555;
  font-size: 0.78rem;
}

/* line 79, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger__tools {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #dadada;
}

/* line 87, app/assets/stylesheets/components/_categories.scss */
.taxonomy-search {
  display: flex;
  flex: 1;
  gap: 0.55rem;
  align-items: center;
  min-width: 12rem;
  min-height: 2.75rem;
  padding: 0 0.8rem;
  border: 1px solid #d4a574;
  border-radius: 999px;
  color: #858585;
  background: #fafafa;
}

/* line 100, app/assets/stylesheets/components/_categories.scss */
.taxonomy-search:focus-within {
  border-color: #8f5926;
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.12);
}

/* line 107, app/assets/stylesheets/components/_categories.scss */
.taxonomy-search input {
  width: 100%;
  min-width: 0;
  color: #2D2D2D;
  font: inherit;
  font-size: 0.875rem;
}

/* line 116, app/assets/stylesheets/components/_categories.scss */
.taxonomy-collapse-button {
  min-height: 2.75rem;
  padding: 0 0.9rem;
  border: 1px solid #dadada;
  border-radius: 999px;
  color: #8f5926;
  background: #fafafa;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}

/* line 128, app/assets/stylesheets/components/_categories.scss */
.taxonomy-collapse-button:hover {
  background: #f5e9dd;
}

/* line 132, app/assets/stylesheets/components/_categories.scss */
.taxonomy-collapse-button:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 2px;
}

/* line 138, app/assets/stylesheets/components/_categories.scss */
.taxonomy-search-status {
  min-height: 0;
  margin: 0;
  padding: 0 1rem;
  color: #555555;
  font-size: 0.75rem;
}

/* line 145, app/assets/stylesheets/components/_categories.scss */
.taxonomy-search-status:not(:empty) {
  padding-block: 0.55rem;
  border-bottom: 1px solid #dadada;
}

/* line 151, app/assets/stylesheets/components/_categories.scss */
.taxonomy-ledger__total {
  align-self: flex-start;
  color: #555555;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 159, app/assets/stylesheets/components/_categories.scss */
.taxonomy-sort-status {
  min-height: 0;
  padding: 0 1.25rem;
  color: #6b4219;
  font-size: 0.78rem;
}

/* line 165, app/assets/stylesheets/components/_categories.scss */
.taxonomy-sort-status:not(:empty) {
  padding-block: 0.55rem;
  border-bottom: 1px solid #dadada;
}

/* line 171, app/assets/stylesheets/components/_categories.scss */
.taxonomy-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 177, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item {
  border-bottom: 1px solid #dadada;
}

/* line 180, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item:last-child {
  border-bottom: 0;
}

/* line 184, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item.is-dragging > .taxonomy-row {
  background: #f2e6da;
  opacity: 0.72;
}

/* line 190, app/assets/stylesheets/components/_categories.scss */
.taxonomy-list--children {
  margin-left: 2.8rem;
  border-top: 1px solid #eee6de;
  border-left: 1px solid #d4a574;
}

/* line 195, app/assets/stylesheets/components/_categories.scss */
.taxonomy-list--children .taxonomy-item:last-child {
  border-bottom: 0;
}

/* line 200, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row {
  display: grid;
  grid-template-columns: 1.5rem 0.75rem minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: center;
  min-height: 4.8rem;
  padding: 0.8rem 0.85rem;
  transition: background-color 120ms ease;
}

/* line 209, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row:hover, .taxonomy-row:focus-within {
  background: #fbf4ed;
}

/* line 215, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item.is-selected > .taxonomy-row {
  background: #fbf2e9;
  box-shadow: inset 0 0 0 1px #8f5926;
}

/* line 220, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item--child > .taxonomy-row {
  min-height: 4.25rem;
  padding-left: 1rem;
}

/* line 225, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__handle {
  display: inline-flex;
  justify-content: center;
  color: #a09285;
  cursor: grab;
}

/* line 232, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__leading {
  display: grid;
  place-items: center;
  width: 2.75rem;
  margin-left: -0.65rem;
}

/* line 239, app/assets/stylesheets/components/_categories.scss */
.taxonomy-disclosure {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 0.6rem;
  color: #555555;
  background: transparent;
  cursor: pointer;
}

/* line 251, app/assets/stylesheets/components/_categories.scss */
.taxonomy-disclosure:hover {
  color: #8f5926;
  background: #f5e9dd;
}

/* line 256, app/assets/stylesheets/components/_categories.scss */
.taxonomy-disclosure:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 2px;
}

/* line 263, app/assets/stylesheets/components/_categories.scss */
.taxonomy-workspace.is-ordering .taxonomy-row {
  background: #fafafa;
}

/* line 267, app/assets/stylesheets/components/_categories.scss */
.taxonomy-workspace.is-ordering .taxonomy-row__handle {
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
}

/* line 273, app/assets/stylesheets/components/_categories.scss */
.taxonomy-workspace.is-ordering .taxonomy-row__actions {
  gap: 0.35rem;
}

/* line 278, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__marker,
.cat-form__parent-dot,
.cat-form__preview-dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--taxonomy-color);
  box-shadow: 0 0 0 2px #fffaf5, 0 0 0 3px #d8cec4;
}

/* line 288, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__body {
  min-width: 0;
}

/* line 292, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__title-line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

/* line 299, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__name {
  overflow: hidden;
  color: #2D2D2D;
  font-size: 0.94rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 308, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__description {
  overflow: hidden;
  margin: 0.2rem 0 0;
  color: #555555;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 317, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 0.35rem;
  color: #858585;
  font-size: 0.75rem;
}

/* line 325, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__metrics strong {
  color: #4a433c;
}

/* line 330, app/assets/stylesheets/components/_categories.scss */
.taxonomy-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.25rem;
  padding: 0.08rem 0.45rem;
  border: 1px solid #d7cec4;
  border-radius: 999px;
  color: #555555;
  background: #f5f5f5;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 342, app/assets/stylesheets/components/_categories.scss */
.taxonomy-status.is-active {
  border-color: #bbd9c8;
  color: #2f6849;
  background: #eef8f2;
}

/* line 348, app/assets/stylesheets/components/_categories.scss */
.taxonomy-status.is-draft {
  border-color: #e6cf9d;
  color: #775616;
  background: #fff8e7;
}

/* line 354, app/assets/stylesheets/components/_categories.scss */
.taxonomy-status.is-standalone {
  border-color: #c9c5dc;
  color: #554d79;
  background: #f4f2fa;
}

/* line 361, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__actions {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}

/* line 366, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__actions form {
  margin: 0;
}

/* line 371, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__order {
  display: flex;
  align-items: center;
}

/* line 375, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__order form {
  margin: 0;
}

/* line 380, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 0.6rem;
  color: #725235;
  background: transparent;
  cursor: pointer;
}

/* line 393, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button:hover, .taxonomy-icon-button:focus-visible {
  color: #4f321a;
  background: #efe2d5;
  outline: 2px solid transparent;
}

/* line 400, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.28);
}

/* line 404, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button:disabled {
  color: #c2b8ae;
  cursor: not-allowed;
  background: transparent;
}

/* line 410, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button--add {
  color: #35664a;
}

/* line 414, app/assets/stylesheets/components/_categories.scss */
.taxonomy-icon-button--danger {
  color: #a5453f;
}

/* line 419, app/assets/stylesheets/components/_categories.scss */
.taxonomy-action-button,
.taxonomy-menu-button {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0 0.65rem;
  border: 0;
  border-radius: 0.6rem;
  color: #8f5926;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 435, app/assets/stylesheets/components/_categories.scss */
.taxonomy-action-button:hover,
.taxonomy-menu-button:hover {
  color: #6b4219;
  background: #f5e9dd;
}

/* line 440, app/assets/stylesheets/components/_categories.scss */
.taxonomy-action-button:focus-visible,
.taxonomy-menu-button:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 2px;
}

/* line 446, app/assets/stylesheets/components/_categories.scss */
.taxonomy-action-button--add {
  color: #35664a;
}

/* line 450, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__more {
  position: relative;
}

/* line 453, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__more > summary {
  list-style: none;
}

/* line 456, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__more > summary::-webkit-details-marker {
  display: none;
}

/* line 462, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.25rem);
  right: 0;
  display: grid;
  width: 12.5rem;
  padding: 0.35rem;
  border: 1px solid #dadada;
  border-radius: 0.75rem;
  background: #fafafa;
  box-shadow: 0 16px 40px rgba(45, 45, 45, 0.14), 0 2px 6px rgba(45, 45, 45, 0.06);
}

/* line 475, app/assets/stylesheets/components/_categories.scss */
.taxonomy-row__menu form {
  width: 100%;
}

/* line 480, app/assets/stylesheets/components/_categories.scss */
.taxonomy-menu-button {
  justify-content: flex-start;
  width: 100%;
}

/* line 484, app/assets/stylesheets/components/_categories.scss */
.taxonomy-menu-button--danger {
  color: #ef4444;
}

/* line 488, app/assets/stylesheets/components/_categories.scss */
.taxonomy-menu-button.is-disabled {
  color: #858585;
  cursor: not-allowed;
  opacity: 0.75;
}

/* line 495, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item__draft {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-left: 2.8rem;
  padding: 0.65rem 1rem 0.75rem 2.35rem;
  border-top: 1px solid #eee6de;
  border-left: 1px solid #d4a574;
  color: #858585;
  font-size: 0.75rem;
}

/* line 506, app/assets/stylesheets/components/_categories.scss */
.taxonomy-item__draft a {
  color: #8f5926;
  font-weight: 600;
}

/* line 512, app/assets/stylesheets/components/_categories.scss */
.taxonomy-empty {
  display: grid;
  justify-items: center;
  padding: 4rem 2rem;
  color: #555555;
  text-align: center;
}

/* line 519, app/assets/stylesheets/components/_categories.scss */
.taxonomy-empty h3 {
  max-width: 27rem;
  margin: 0.9rem 0 0.35rem;
  color: #39332e;
  font-size: 1.05rem;
}

/* line 526, app/assets/stylesheets/components/_categories.scss */
.taxonomy-empty p {
  margin: 0 0 1.25rem;
}

/* line 531, app/assets/stylesheets/components/_categories.scss */
.taxonomy-empty__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  color: #8f5926;
  background: #efe2d5;
}

/* line 541, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-page {
  max-width: 64rem;
}

/* line 544, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-page > .ps-back-title {
  margin-bottom: 1.375rem;
}

/* line 549, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-shell {
  padding: 1.5rem 1.75rem;
  border: 1px solid #dadada;
  border-radius: 0.875rem;
  background: #fcfaf7;
}

/* line 556, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-shell__header {
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #dadada;
}

/* line 560, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-shell__header h2 {
  margin: 0.1875rem 0 0.375rem;
  color: #2D2D2D;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* line 568, app/assets/stylesheets/components/_categories.scss */
.taxonomy-form-shell__header p:last-child {
  margin: 0;
  color: #555555;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 576, app/assets/stylesheets/components/_categories.scss */
.cat-form {
  padding-top: 1.375rem;
}

/* line 580, app/assets/stylesheets/components/_categories.scss */
.cat-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 2rem;
  align-items: start;
}

/* line 587, app/assets/stylesheets/components/_categories.scss */
.cat-form__main {
  min-width: 0;
}

/* line 591, app/assets/stylesheets/components/_categories.scss */
.cat-form__aside {
  min-width: 0;
}

/* line 594, app/assets/stylesheets/components/_categories.scss */
.cat-form__aside > * + * {
  margin-top: 1rem;
}

/* line 599, app/assets/stylesheets/components/_categories.scss */
.cat-form__errors {
  margin-bottom: 1rem;
  padding: 0.8rem 0.9rem;
  border: 1px solid #e6b4ae;
  border-radius: 0.65rem;
  color: #843934;
  background: #fff0ee;
  font-size: 0.8rem;
}

/* line 608, app/assets/stylesheets/components/_categories.scss */
.cat-form__errors ul {
  margin: 0.35rem 0 0 1.15rem;
  padding: 0;
}

/* line 614, app/assets/stylesheets/components/_categories.scss */
.cat-form__field + .cat-form__field {
  margin-top: 1.25rem;
}

/* line 620, app/assets/stylesheets/components/_categories.scss */
.cat-form__field--guidance .ps-field__textarea,
.cat-form__field--examples .ps-field__textarea {
  padding: 0.75rem 1rem;
}

/* line 625, app/assets/stylesheets/components/_categories.scss */
.cat-form__field--guidance .ps-field__textarea {
  min-height: 8.25rem;
}

/* line 629, app/assets/stylesheets/components/_categories.scss */
.cat-form__field--examples .ps-field__textarea {
  min-height: 11rem;
}

/* line 633, app/assets/stylesheets/components/_categories.scss */
.cat-form__label {
  display: block;
  margin-bottom: 0.3rem;
  color: #39332e;
  font-size: 0.8rem;
  font-weight: 600;
}

/* line 641, app/assets/stylesheets/components/_categories.scss */
.cat-form__hint {
  display: block;
  margin: -0.15rem 0 0.45rem;
  color: #858585;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* line 649, app/assets/stylesheets/components/_categories.scss */
.cat-form__field-error {
  margin: 0.35rem 0 0;
  color: #ef4444;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* line 656, app/assets/stylesheets/components/_categories.scss */
.cat-form__parent-context {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  padding: 0.6875rem 0.8125rem;
  border: 1px solid #dadada;
  border-radius: 0.625rem;
  background: #f5f5f5;
}

/* line 665, app/assets/stylesheets/components/_categories.scss */
.cat-form__parent-context span:last-child {
  display: grid;
}

/* line 669, app/assets/stylesheets/components/_categories.scss */
.cat-form__parent-context small {
  color: #858585;
  font-size: 0.75rem;
}

/* line 674, app/assets/stylesheets/components/_categories.scss */
.cat-form__parent-context strong {
  color: #39332e;
  font-size: 0.8125rem;
}

/* line 680, app/assets/stylesheets/components/_categories.scss */
.cat-form__palette {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5625rem;
}

/* line 686, app/assets/stylesheets/components/_categories.scss */
.cat-form__swatch {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid transparent;
  border-radius: 50%;
  background: var(--swatch-color);
  cursor: pointer;
}

/* line 697, app/assets/stylesheets/components/_categories.scss */
.cat-form__swatch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

/* line 704, app/assets/stylesheets/components/_categories.scss */
.cat-form__swatch.is-active {
  border-color: #fcfaf7;
  box-shadow: 0 0 0 2px #39332e;
}

/* line 709, app/assets/stylesheets/components/_categories.scss */
.cat-form__swatch:focus-within {
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.32);
}

/* line 714, app/assets/stylesheets/components/_categories.scss */
.cat-form__preview {
  padding: 0.75rem 0.875rem;
  border: 1px solid #dadada;
  border-radius: 0.625rem;
  background: #f5f5f5;
}

/* line 721, app/assets/stylesheets/components/_categories.scss */
.cat-form__preview-label,
.cat-form__usage-label {
  display: block;
  margin-bottom: 0.375rem;
  color: #858585;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 732, app/assets/stylesheets/components/_categories.scss */
.cat-form__preview-path {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4375rem;
  align-items: center;
  color: #5d544c;
  font-size: 0.8rem;
}

/* line 740, app/assets/stylesheets/components/_categories.scss */
.cat-form__preview-path i {
  color: #a09285;
  font-size: 0.5625rem;
}

/* line 745, app/assets/stylesheets/components/_categories.scss */
.cat-form__preview-path strong {
  color: #2D2D2D;
}

/* line 750, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation,
.cat-form__active {
  display: flex;
  gap: 0.6875rem;
  align-items: flex-start;
  min-height: 2.75rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid #dadada;
  border-radius: 0.625rem;
  color: #555555;
  background: #fafafa;
  font-size: 0.75rem;
}

/* line 763, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation input,
.cat-form__active input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.125rem;
  accent-color: #8f5926;
}

/* line 770, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation span,
.cat-form__active span {
  display: grid;
  gap: 0.125rem;
}

/* line 775, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation strong,
.cat-form__active strong {
  color: #39332e;
  font-size: 0.78rem;
}

/* line 780, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation small,
.cat-form__active small {
  color: #858585;
}

/* line 785, app/assets/stylesheets/components/_categories.scss */
.cat-form__confirmation {
  border-color: #e6cf9d;
  background: #fff8e7;
}

/* line 790, app/assets/stylesheets/components/_categories.scss */
.cat-form__usage {
  padding: 0.75rem 0.875rem;
  border: 1px solid #dadada;
  border-radius: 0.625rem;
  background: #fafafa;
}

/* line 797, app/assets/stylesheets/components/_categories.scss */
.cat-form__usage-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  color: #858585;
  font-size: 0.75rem;
}

/* line 804, app/assets/stylesheets/components/_categories.scss */
.cat-form__usage-metrics strong {
  color: #4a433c;
}

/* line 809, app/assets/stylesheets/components/_categories.scss */
.cat-form__usage-note {
  margin: 0.5rem 0 0;
  color: #858585;
  font-size: 0.75rem;
  line-height: 1.45;
}

/* line 816, app/assets/stylesheets/components/_categories.scss */
.cat-form__actions {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin-top: 1.375rem;
  padding-top: 1.25rem;
  border-top: 1px solid #dadada;
}

/* line 825, app/assets/stylesheets/components/_categories.scss */
.cat-form__actions form {
  margin: 0;
}

/* line 830, app/assets/stylesheets/components/_categories.scss */
.cat-form__actions-primary {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-left: auto;
}

/* line 837, app/assets/stylesheets/components/_categories.scss */
.cat-form__archive {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: 0.625rem;
  color: #8f5926;
  background: transparent;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 853, app/assets/stylesheets/components/_categories.scss */
.cat-form__archive:hover {
  background: #f5e9dd;
}

/* line 857, app/assets/stylesheets/components/_categories.scss */
.cat-form__archive:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 2px;
}

@media (max-width: 64rem) {
  /* line 864, app/assets/stylesheets/components/_categories.scss */
  .cat-form__grid {
    grid-template-columns: minmax(0, 1fr) 17rem;
    gap: 1.5rem;
  }
}

@media (max-width: 48rem) {
  /* line 871, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-page__bar {
    align-items: stretch;
  }
  /* line 875, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-form-shell {
    padding: 1rem;
  }
  /* line 879, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-form-shell__header {
    padding-bottom: 1rem;
  }
  /* line 882, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-form-shell__header h2 {
    font-size: 1.25rem;
  }
  /* line 886, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-form-shell__header p:last-child {
    font-size: 0.875rem;
    text-wrap: pretty;
  }
  /* line 892, app/assets/stylesheets/components/_categories.scss */
  .cat-form {
    padding-top: 1rem;
  }
  /* line 896, app/assets/stylesheets/components/_categories.scss */
  .cat-form__grid {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }
  /* line 905, app/assets/stylesheets/components/_categories.scss */
  .cat-form__main,
.cat-form__aside {
    display: contents;
  }
  /* line 910, app/assets/stylesheets/components/_categories.scss */
  .cat-form__parent-context {
    order: -1;
  }
  /* line 914, app/assets/stylesheets/components/_categories.scss */
  .cat-form__main > .cat-form__field:first-child {
    margin-top: 1rem;
  }
  /* line 918, app/assets/stylesheets/components/_categories.scss */
  .cat-form__field + .cat-form__field {
    margin-top: 1rem;
  }
  /* line 922, app/assets/stylesheets/components/_categories.scss */
  .cat-form__field--guidance .ps-field__textarea,
.cat-form__field--examples .ps-field__textarea {
    min-height: 7.5rem;
  }
  /* line 927, app/assets/stylesheets/components/_categories.scss */
  .cat-form__actions {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 0.625rem;
    margin-top: 1.125rem;
    padding-top: 1rem;
  }
  /* line 935, app/assets/stylesheets/components/_categories.scss */
  .cat-form__actions-primary {
    flex-direction: column-reverse;
    gap: 0.625rem;
    margin-left: 0;
  }
  /* line 941, app/assets/stylesheets/components/_categories.scss */
  .cat-form__actions .ps-btn {
    width: 100%;
    height: 2.75rem;
  }
  /* line 946, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-ledger__heading {
    padding: 1rem;
  }
  /* line 950, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-row {
    grid-template-columns: 1rem 0.625rem minmax(0, 1fr);
    padding: 0.8125rem 0.75rem;
  }
  /* line 955, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-item--child > .taxonomy-row {
    padding-left: 0.875rem;
  }
  /* line 959, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-item--child .taxonomy-row__name {
    font-size: 0.90625rem;
  }
  /* line 963, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-row__marker {
    width: 0.625rem;
    height: 0.625rem;
  }
  /* line 968, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-row__actions {
    grid-column: 2 / -1;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  /* line 974, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-item:not(.taxonomy-item--child) > .taxonomy-row .taxonomy-row__actions {
    margin-top: 0.125rem;
  }
  /* line 980, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-ledger__tools {
    flex-wrap: wrap;
    gap: 0.625rem 0.5rem;
    padding: 0.75rem;
  }
  /* line 986, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-search {
    flex: 1 0 100%;
  }
  /* line 990, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-list--children,
.taxonomy-item__draft {
    margin-left: 1.25rem;
  }
  /* line 995, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-item__draft {
    flex-direction: column;
    padding-left: 1rem;
  }
}

/* line 1001, app/assets/stylesheets/components/_categories.scss */
.recording-classification {
  min-width: 0;
}

/* line 1005, app/assets/stylesheets/components/_categories.scss */
.recording-classification__current {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
}

/* line 1011, app/assets/stylesheets/components/_categories.scss */
.recording-classification__marker {
  display: grid;
  flex: 0 0 2rem;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid color-mix(in srgb, var(--taxonomy-color) 38%, #d8cec4);
  border-radius: 0.6rem;
  color: var(--taxonomy-color);
  background: color-mix(in srgb, var(--taxonomy-color) 10%, #fffaf5);
}

/* line 1022, app/assets/stylesheets/components/_categories.scss */
.recording-classification__marker.is-empty {
  border-color: #ddd4ca;
  color: #8d8176;
  background: #f5efe9;
}

/* line 1029, app/assets/stylesheets/components/_categories.scss */
.recording-classification__body {
  min-width: 0;
}

/* line 1033, app/assets/stylesheets/components/_categories.scss */
.recording-classification__label {
  display: block;
  margin-bottom: 0.12rem;
  color: #858585;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* line 1043, app/assets/stylesheets/components/_categories.scss */
.recording-classification__path {
  display: flex;
  gap: 0.35rem;
  align-items: center;
  min-width: 0;
  color: #51483f;
  font-size: 0.78rem;
}

/* line 1051, app/assets/stylesheets/components/_categories.scss */
.recording-classification__path i {
  color: #a09285;
  font-size: 0.52rem;
}

/* line 1056, app/assets/stylesheets/components/_categories.scss */
.recording-classification__path strong {
  overflow: hidden;
  color: #2d2925;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1063, app/assets/stylesheets/components/_categories.scss */
.recording-classification__path:hover strong {
  color: #8f5926;
}

/* line 1068, app/assets/stylesheets/components/_categories.scss */
.recording-classification__state {
  display: block;
  color: #49413a;
  font-size: 0.8rem;
}

/* line 1074, app/assets/stylesheets/components/_categories.scss */
.recording-classification__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.6rem;
  margin-top: 0.25rem;
  color: #858585;
  font-size: 0.75rem;
}

/* line 1083, app/assets/stylesheets/components/_categories.scss */
.recording-classification__archived {
  color: #8b4a42;
  font-weight: 600;
}

/* line 1088, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal {
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid #dadada;
  border-radius: 0.7rem;
  background: #fafafa;
}

/* line 1096, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-heading {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
}

/* line 1101, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-heading > span {
  display: grid;
  flex: 0 0 2rem;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  color: #8f5926;
  background: #f5e9dd;
}

/* line 1112, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-heading h3 {
  margin: 0;
  color: #2D2D2D;
  font-size: 0.875rem;
  font-weight: 600;
}

/* line 1119, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-heading p {
  margin: 0.2rem 0 0;
  color: #555555;
  font-size: 0.75rem;
  line-height: 1.45;
}

/* line 1127, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-result {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #dadada;
}

/* line 1132, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-result > strong {
  display: block;
  color: #2D2D2D;
  font-size: 0.875rem;
}

/* line 1138, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-result > p {
  margin: 0.55rem 0 0;
  color: #555555;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 1146, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-error {
  margin: 0.65rem 0 0;
  color: #ef4444;
  font-size: 0.75rem;
}

/* line 1152, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  align-items: center;
  margin-top: 0.75rem;
}

/* line 1159, app/assets/stylesheets/components/_categories.scss */
.recording-classification__proposal-actions form {
  margin: 0;
}

/* line 1164, app/assets/stylesheets/components/_categories.scss */
.recording-classification__dismiss {
  min-height: 2.75rem;
  padding: 0 0.625rem;
  border: 0;
  color: #555555;
  background: transparent;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
}

/* line 1175, app/assets/stylesheets/components/_categories.scss */
.recording-classification__dismiss:hover {
  color: #2D2D2D;
  text-decoration: underline;
}

/* line 1180, app/assets/stylesheets/components/_categories.scss */
.recording-classification__dismiss:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 2px;
}

/* line 1186, app/assets/stylesheets/components/_categories.scss */
.recording-classification__editor {
  margin-top: 0.65rem;
  border-top: 1px solid #dadada;
}

/* line 1190, app/assets/stylesheets/components/_categories.scss */
.recording-classification__editor > summary {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.75rem;
  color: #725235;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 1202, app/assets/stylesheets/components/_categories.scss */
.recording-classification__editor-body {
  padding: 0.75rem;
  border: 1px solid #dadada;
  border-radius: 0.7rem;
  background: #fafafa;
}

/* line 1209, app/assets/stylesheets/components/_categories.scss */
.recording-classification__form {
  display: grid;
  gap: 0.65rem;
}

/* line 1213, app/assets/stylesheets/components/_categories.scss */
.recording-classification__form label:not(.recording-classification__unclassified) {
  display: grid;
  gap: 0.25rem;
  color: #62584f;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 1221, app/assets/stylesheets/components/_categories.scss */
.recording-classification__form select {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.45rem 2rem 0.45rem 0.65rem;
  border: 1px solid #cfc3b7;
  border-radius: 0.55rem;
  color: #39332e;
  background: #fcfaf7;
  font: inherit;
}

/* line 1233, app/assets/stylesheets/components/_categories.scss */
.recording-classification__unclassified {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  min-height: 2.75rem;
  color: #51483f;
  font-size: 0.75rem;
}

/* line 1241, app/assets/stylesheets/components/_categories.scss */
.recording-classification__unclassified input {
  width: 1rem;
  height: 1rem;
  accent-color: #8f5926;
}

/* line 1248, app/assets/stylesheets/components/_categories.scss */
.recording-classification__reevaluate {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.75rem;
  margin-top: 0.65rem;
  padding: 0;
  border: 0;
  color: #725235;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

/* line 1262, app/assets/stylesheets/components/_categories.scss */
.recording-classification__reevaluate:disabled {
  color: #a99e94;
  cursor: not-allowed;
}

/* line 1267, app/assets/stylesheets/components/_categories.scss */
.recording-classification__reevaluate:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: 3px;
}

/* line 1273, app/assets/stylesheets/components/_categories.scss */
.recording-classification__hint,
.recording-classification__empty {
  margin: 0.25rem 0 0;
  color: #858585;
  font-size: 0.75rem;
  line-height: 1.45;
}

/* line 1281, app/assets/stylesheets/components/_categories.scss */
.category-distribution {
  overflow: hidden;
  border: 1px solid #dadada;
  border-radius: 1rem;
  background: #fcfaf7;
}

/* line 1288, app/assets/stylesheets/components/_categories.scss */
.category-distribution__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid #dadada;
  background: #f5f5f5;
}

/* line 1297, app/assets/stylesheets/components/_categories.scss */
.category-distribution__header h3 {
  margin: 0.15rem 0 0.25rem;
  color: #2D2D2D;
  font-size: 1.05rem;
  font-weight: 600;
}

/* line 1304, app/assets/stylesheets/components/_categories.scss */
.category-distribution__header p:last-child {
  margin: 0;
  color: #555555;
  font-size: 0.75rem;
}

/* line 1310, app/assets/stylesheets/components/_categories.scss */
.category-distribution__header > span {
  color: #555555;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 1318, app/assets/stylesheets/components/_categories.scss */
.category-distribution__state {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #dadada;
  background: #fafafa;
}

/* line 1326, app/assets/stylesheets/components/_categories.scss */
.category-distribution__state > span {
  display: grid;
  flex: 0 0 2.5rem;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #8f5926;
  background: #efe2d5;
}

/* line 1337, app/assets/stylesheets/components/_categories.scss */
.category-distribution__state > div {
  flex: 1;
}

/* line 1341, app/assets/stylesheets/components/_categories.scss */
.category-distribution__state h4 {
  margin: 0;
  color: #39332e;
  font-size: 0.85rem;
  font-weight: 600;
}

/* line 1348, app/assets/stylesheets/components/_categories.scss */
.category-distribution__state p {
  margin: 0.15rem 0 0;
  color: #555555;
  font-size: 0.75rem;
}

/* line 1355, app/assets/stylesheets/components/_categories.scss */
.category-distribution__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(19rem, 0.85fr);
  min-height: 18rem;
}

/* line 1361, app/assets/stylesheets/components/_categories.scss */
.category-distribution__ranking {
  border-right: 1px solid #dadada;
}

/* line 1365, app/assets/stylesheets/components/_categories.scss */
.category-distribution__columns,
.category-distribution-detail__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5rem 4rem;
  gap: 0.75rem;
  padding: 0.55rem 1rem;
  border-bottom: 1px solid #dadada;
  color: #858585;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* line 1378, app/assets/stylesheets/components/_categories.scss */
.category-distribution__columns span:nth-child(n+2),
.category-distribution-detail__columns span:nth-child(n+2) {
  text-align: right;
}

/* line 1383, app/assets/stylesheets/components/_categories.scss */
.category-distribution__theme-group {
  border-bottom: 1px solid #eee6de;
}

/* line 1387, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) 5rem 4rem;
  gap: 0.5rem;
  align-items: center;
  min-height: 4.2rem;
  padding: 0.55rem 1rem 0.45rem 0.6rem;
  color: #51483f;
  background: #fcfaf7;
  transition: background-color 120ms ease, box-shadow 120ms ease;
}

/* line 1398, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row.is-selected {
  background: #fbf2e9;
  box-shadow: inset 0 0 0 1px #8f5926;
}

/* line 1403, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row > strong,
.category-distribution__row > span:not(.category-distribution__name, .category-distribution__select, .category-distribution__bar) {
  text-align: right;
  font-size: 0.75rem;
}

/* line 1409, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row > strong {
  color: #39332e;
}

/* line 1413, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row--unclassified {
  --taxonomy-color: #858585;
  border-bottom: 0;
}

/* line 1417, app/assets/stylesheets/components/_categories.scss */
.category-distribution__row--unclassified:hover {
  background: #fbf4ed;
}

/* line 1423, app/assets/stylesheets/components/_categories.scss */
.category-distribution__select {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-left: -0.35rem;
  border: 0;
  border-radius: 0.55rem;
  color: #8f5926;
  background: transparent;
  cursor: pointer;
}

/* line 1435, app/assets/stylesheets/components/_categories.scss */
.category-distribution__select:hover, .category-distribution__select:focus-visible {
  background: #efe2d5;
}

/* line 1440, app/assets/stylesheets/components/_categories.scss */
.category-distribution__select:focus-visible {
  outline: 2px solid #8f5926;
  outline-offset: -2px;
}

/* line 1445, app/assets/stylesheets/components/_categories.scss */
.category-distribution__select[aria-expanded="true"] i {
  transform: rotate(90deg);
}

/* line 1450, app/assets/stylesheets/components/_categories.scss */
.category-distribution__name {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  min-width: 0;
  color: #2D2D2D;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 1459, app/assets/stylesheets/components/_categories.scss */
.category-distribution__name > span:nth-child(2) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* line 1466, app/assets/stylesheets/components/_categories.scss */
.category-distribution__name small {
  padding: 0.05rem 0.35rem;
  border: 1px solid #d7cec4;
  border-radius: 999px;
  color: #75594a;
  background: #f5f5f5;
  font-size: 0.75rem;
}

/* line 1475, app/assets/stylesheets/components/_categories.scss */
.category-distribution__name:hover > span:nth-child(2) {
  color: #8f5926;
  text-decoration: underline;
}

/* line 1481, app/assets/stylesheets/components/_categories.scss */
.category-distribution__dot {
  flex: 0 0 0.65rem;
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 50%;
  background: var(--taxonomy-color);
}

/* line 1489, app/assets/stylesheets/components/_categories.scss */
.category-distribution__bar,
.category-distribution-detail__bar {
  grid-column: 2 / -1;
  height: 0.2rem;
  overflow: hidden;
  border-radius: 999px;
  background: #eee6de;
}

/* line 1497, app/assets/stylesheets/components/_categories.scss */
.category-distribution__bar > span,
.category-distribution-detail__bar > span {
  display: block;
  width: var(--bar-width);
  height: 100%;
  border-radius: inherit;
  background: var(--taxonomy-color);
}

/* line 1506, app/assets/stylesheets/components/_categories.scss */
.category-distribution__mobile-detail {
  display: none;
}

/* line 1510, app/assets/stylesheets/components/_categories.scss */
.category-distribution__desktop-detail {
  min-width: 0;
  background: #fafafa;
}

/* line 1515, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail {
  padding: 1rem 1.1rem;
}

/* line 1518, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail > header {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.9rem;
}

/* line 1524, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail > header small {
  display: block;
  color: #858585;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* line 1533, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail > header h4 {
  display: -webkit-box;
  overflow: hidden;
  margin: 0.1rem 0 0;
  color: #2D2D2D;
  font-size: 0.92rem;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* line 1546, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__columns {
  grid-template-columns: minmax(0, 1fr) 4rem 6rem;
  padding-inline: 0;
}

/* line 1551, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__share-short {
  display: none;
}

/* line 1555, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4rem 6rem;
  gap: 0.55rem;
  align-items: center;
  padding: 0.65rem 0;
  border-bottom: 1px solid #dadada;
  color: #62584f;
  font-size: 0.75rem;
}

/* line 1565, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row > a,
.category-distribution-detail__row > span:first-child {
  overflow: hidden;
  color: #39332e;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1574, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row > a:hover {
  color: #8f5926;
  text-decoration: underline;
}

/* line 1579, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row > strong,
.category-distribution-detail__row > span:not(:first-child, .category-distribution-detail__bar) {
  text-align: right;
}

/* line 1584, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row > small {
  grid-column: 1;
  width: max-content;
  margin-top: -0.35rem;
  padding: 0.03rem 0.3rem;
  border-radius: 999px;
  color: #8b4a42;
  background: #f9e8e5;
  font-size: 0.75rem;
}

/* line 1596, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__row.is-compatibility > small {
  color: #75594a;
  background: #efe5da;
}

/* line 1603, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__bar {
  grid-column: 1 / -1;
}

/* line 1607, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__note {
  margin: 0.5rem 0 1rem;
  color: #555555;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 1614, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__open {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-height: 2.75rem;
  margin-top: 0.6rem;
  color: #8f5926;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 1624, app/assets/stylesheets/components/_categories.scss */
.category-distribution-detail__open:hover {
  color: #6b4219;
  text-decoration: underline;
}

@media (max-width: 64rem) {
  /* line 1631, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__layout {
    display: block;
  }
  /* line 1635, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__ranking {
    border-right: 0;
  }
  /* line 1639, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__desktop-detail {
    display: none;
  }
  /* line 1643, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__mobile-detail.is-active {
    display: block;
    border-top: 1px solid #dadada;
    background: #fafafa;
  }
}

@media (max-width: 40rem) {
  /* line 1651, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__header,
.category-distribution__state {
    align-items: flex-start;
    flex-direction: column;
  }
  /* line 1657, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__columns {
    grid-template-columns: minmax(0, 1fr) 3.5rem 3.5rem;
  }
  /* line 1661, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__row {
    grid-template-columns: 1.75rem minmax(0, 1fr) 3.5rem 3.5rem;
    padding-inline: 0.5rem;
  }
  /* line 1666, app/assets/stylesheets/components/_categories.scss */
  .category-distribution__name {
    flex-wrap: wrap;
  }
  /* line 1670, app/assets/stylesheets/components/_categories.scss */
  .category-distribution-detail__columns,
.category-distribution-detail__row {
    grid-template-columns: minmax(0, 1fr) 3.25rem 4.75rem;
  }
  /* line 1675, app/assets/stylesheets/components/_categories.scss */
  .category-distribution-detail__share-long {
    display: none;
  }
  /* line 1679, app/assets/stylesheets/components/_categories.scss */
  .category-distribution-detail__share-short {
    display: inline;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1685, app/assets/stylesheets/components/_categories.scss */
  .taxonomy-row,
.category-distribution__row {
    transition: none;
  }
}

/* line 5, app/assets/stylesheets/components/_forms.scss */
:root,
[data-theme="identity"],
[data-theme="brutalist"] {
  --input-color: #d4a574 !important;
  --bc: #d4a574 !important;
}

/* line 13, app/assets/stylesheets/components/_forms.scss */
.input,
.textarea,
.select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea,
select {
  --input-color: #d4a574 !important;
  border-color: #DADADA !important;
  border-width: 1px !important;
  border-style: solid !important;
}

/* line 33, app/assets/stylesheets/components/_forms.scss */
.input:focus, .input:focus-visible, .input:focus-within,
.textarea:focus,
.textarea:focus-visible,
.textarea:focus-within,
.select:focus,
.select:focus-visible,
.select:focus-within,
input[type="text"]:focus,
input[type="text"]:focus-visible,
input[type="text"]:focus-within,
input[type="email"]:focus,
input[type="email"]:focus-visible,
input[type="email"]:focus-within,
input[type="password"]:focus,
input[type="password"]:focus-visible,
input[type="password"]:focus-within,
input[type="number"]:focus,
input[type="number"]:focus-visible,
input[type="number"]:focus-within,
input[type="date"]:focus,
input[type="date"]:focus-visible,
input[type="date"]:focus-within,
input[type="time"]:focus,
input[type="time"]:focus-visible,
input[type="time"]:focus-within,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:focus-visible,
input[type="datetime-local"]:focus-within,
input[type="search"]:focus,
input[type="search"]:focus-visible,
input[type="search"]:focus-within,
input[type="tel"]:focus,
input[type="tel"]:focus-visible,
input[type="tel"]:focus-within,
input[type="url"]:focus,
input[type="url"]:focus-visible,
input[type="url"]:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within,
select:focus,
select:focus-visible,
select:focus-within {
  --input-color: #8f5926 !important;
  border-color: #8f5926 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
}

/* line 42, app/assets/stylesheets/components/_forms.scss */
.input:disabled,
.textarea:disabled,
.select:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
input[type="datetime-local"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
textarea:disabled,
select:disabled {
  border-color: #94a3b8 !important;
  opacity: 0.6;
}

/* line 73, app/assets/stylesheets/components/_forms.scss */
.field-borderless.field-borderless, .field-borderless.field-borderless:hover, .field-borderless.field-borderless:focus, .field-borderless.field-borderless:focus-visible, .field-borderless.field-borderless:focus-within, .field-borderless.field-borderless:disabled,
.field-borderless-group.field-borderless-group :is(input, textarea, select),
.field-borderless-group.field-borderless-group :is(input, textarea, select):hover,
.field-borderless-group.field-borderless-group :is(input, textarea, select):focus,
.field-borderless-group.field-borderless-group :is(input, textarea, select):focus-visible,
.field-borderless-group.field-borderless-group :is(input, textarea, select):focus-within,
.field-borderless-group.field-borderless-group :is(input, textarea, select):disabled {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* line 91, app/assets/stylesheets/components/_forms.scss */
.radio,
input[type="radio"] {
  --chkbg: #ffffff !important;
  --chkfg: #8f5926 !important;
  border-color: #d4a574 !important;
  border-width: 2px !important;
  border-style: solid !important;
}

/* line 99, app/assets/stylesheets/components/_forms.scss */
.radio:checked,
input[type="radio"]:checked {
  --chkbg: #8f5926 !important;
  border-color: #8f5926 !important;
  background-color: #8f5926 !important;
}

/* line 105, app/assets/stylesheets/components/_forms.scss */
.radio:focus, .radio:focus-visible,
input[type="radio"]:focus,
input[type="radio"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
  outline: none !important;
}

/* line 115, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .input-bordered,
[data-theme="identity"] .input-bordered {
  height: 2.625rem !important;
  --input-color: #d4a574 !important;
  border-color: #DADADA !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 1.375rem !important;
  font-size: 1rem !important;
}

/* line 124, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .input-bordered:focus, [data-theme="brutalist"] .input-bordered:focus-within, [data-theme="brutalist"] .input-bordered:focus-visible,
[data-theme="identity"] .input-bordered:focus,
[data-theme="identity"] .input-bordered:focus-within,
[data-theme="identity"] .input-bordered:focus-visible {
  --input-color: #8f5926 !important;
  border-color: #8f5926 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
}

/* line 132, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .input-bordered::placeholder,
[data-theme="identity"] .input-bordered::placeholder {
  color: #858585 !important;
}

/* line 136, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .textarea-bordered,
[data-theme="identity"] .textarea-bordered {
  border-color: #DADADA !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0.75rem !important;
}

/* line 142, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .textarea-bordered:focus, [data-theme="brutalist"] .textarea-bordered:focus-within, [data-theme="brutalist"] .textarea-bordered:focus-visible,
[data-theme="identity"] .textarea-bordered:focus,
[data-theme="identity"] .textarea-bordered:focus-within,
[data-theme="identity"] .textarea-bordered:focus-visible {
  --input-color: #8f5926 !important;
  border-color: #8f5926 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
}

/* line 150, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .textarea-bordered::placeholder,
[data-theme="identity"] .textarea-bordered::placeholder {
  color: #858585 !important;
}

/* line 154, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .select-bordered,
[data-theme="identity"] .select-bordered {
  height: 2.625rem !important;
  --input-color: #d4a574 !important;
  border-color: #DADADA !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 1.375rem !important;
  background-image: url(/assets/icons/arrow-down-sm-7b1beedb297153bf4a2db770b4b03aeaccfea32077cd33e8cda200be266fe975.svg) !important;
  background-size: auto !important;
  cursor: pointer;
  font-size: 1rem !important;
}

/* line 166, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .select-bordered:focus, [data-theme="brutalist"] .select-bordered:focus-within, [data-theme="brutalist"] .select-bordered:focus-visible,
[data-theme="identity"] .select-bordered:focus,
[data-theme="identity"] .select-bordered:focus-within,
[data-theme="identity"] .select-bordered:focus-visible {
  --input-color: #8f5926 !important;
  border-color: #8f5926 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
}

/* line 177, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .radio,
[data-theme="identity"] .radio {
  --chkbg: #ffffff !important;
  --chkfg: #8f5926 !important;
  border-color: #9BA0A6 !important;
  border-width: 1px !important;
  border-style: solid !important;
}

/* line 184, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .radio:checked,
[data-theme="identity"] .radio:checked {
  --chkbg: #8f5926 !important;
  border-color: #8f5926 !important;
  background-color: #ffffff !important;
}

/* line 190, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .radio:focus, [data-theme="brutalist"] .radio:focus-visible,
[data-theme="identity"] .radio:focus,
[data-theme="identity"] .radio:focus-visible {
  box-shadow: 0 0 0 3px rgba(143, 89, 38, 0.1) !important;
  outline: none !important;
}

/* line 196, app/assets/stylesheets/components/_forms.scss */
[data-theme="brutalist"] .radio:is(.radio:checked, .radio[aria-checked=true]):before,
[data-theme="identity"] .radio:is(.radio:checked, .radio[aria-checked=true]):before {
  box-shadow: none !important;
  background-color: #8F5926 !important;
}

/* line 205, app/assets/stylesheets/components/_forms.scss */
.form-control .label {
  color: #555555;
  font-weight: 500;
}

/* line 210, app/assets/stylesheets/components/_forms.scss */
.form-control .label-text {
  color: #64748b;
}

/* line 216, app/assets/stylesheets/components/_forms.scss */
.btn-error,
.btn-outline.btn-error {
  color: #ffffff !important;
}

/* line 220, app/assets/stylesheets/components/_forms.scss */
.btn-error i, .btn-error svg,
.btn-outline.btn-error i,
.btn-outline.btn-error svg {
  color: #ffffff !important;
}

/* line 224, app/assets/stylesheets/components/_forms.scss */
.btn-error:hover,
.btn-outline.btn-error:hover {
  color: #ffffff !important;
}

/* line 227, app/assets/stylesheets/components/_forms.scss */
.btn-error:hover i, .btn-error:hover svg,
.btn-outline.btn-error:hover i,
.btn-outline.btn-error:hover svg {
  color: #ffffff !important;
}

/* line 3, app/assets/stylesheets/components/_modals.scss */
.modal .modal-content {
  border: none;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* line 9, app/assets/stylesheets/components/_modals.scss */
.modal .modal-header {
  background-color: #8f5926;
  color: white;
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  padding: 20px 25px;
}

/* line 16, app/assets/stylesheets/components/_modals.scss */
.modal .modal-header .modal-title {
  font-weight: 600;
  font-size: 20px;
}

/* line 21, app/assets/stylesheets/components/_modals.scss */
.modal .modal-header .btn-close {
  filter: brightness(0) invert(1);
  opacity: 0.8;
}

/* line 25, app/assets/stylesheets/components/_modals.scss */
.modal .modal-header .btn-close:hover {
  opacity: 1;
}

/* line 31, app/assets/stylesheets/components/_modals.scss */
.modal .modal-body {
  padding: 25px;
}

/* line 35, app/assets/stylesheets/components/_modals.scss */
.modal .modal-footer {
  border-top: 1px solid #eee;
  padding: 20px 25px;
}

/* line 39, app/assets/stylesheets/components/_modals.scss */
.modal .modal-footer .btn {
  min-width: 100px;
}

/* line 45, app/assets/stylesheets/components/_modals.scss */
.is-hidden {
  display: none !important;
}

/* IVR Builder — keypad, audio wave, glow effects */
/* Keypad button */
/* line 4, app/assets/stylesheets/ivr_builder.css */
.ivr-key {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  border: 1px solid #DADADA;
  background: #F5F5F5;
  cursor: pointer;
  user-select: none;
  transition: all 0.15s ease;
}

/* line 17, app/assets/stylesheets/ivr_builder.css */
.ivr-key:hover {
  background: #EBEBEB;
}

/* line 21, app/assets/stylesheets/ivr_builder.css */
.ivr-key:active {
  transform: scale(0.95);
  background: rgba(143, 89, 38, 0.12);
  border-color: #8F5926;
}

/* line 27, app/assets/stylesheets/ivr_builder.css */
.ivr-key.assigned {
  border-color: rgba(143, 89, 38, 0.5);
  background: rgba(143, 89, 38, 0.06);
}

/* line 32, app/assets/stylesheets/ivr_builder.css */
.ivr-key.selected {
  ring: 2px;
  border-color: #8F5926;
  box-shadow: 0 0 12px rgba(143, 89, 38, 0.3), 0 0 4px rgba(143, 89, 38, 0.15);
  background: rgba(143, 89, 38, 0.1);
}

/* Audio wave bars */
/* line 40, app/assets/stylesheets/ivr_builder.css */
.ivr-wave {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 1.25rem;
}

/* line 47, app/assets/stylesheets/ivr_builder.css */
.ivr-wave-bar {
  width: 3px;
  border-radius: 9999px;
  background-color: #8F5926;
  animation: ivr-audio-wave 0.6s ease-in-out infinite;
  transition: height 0.3s, opacity 0.3s;
}

/* line 55, app/assets/stylesheets/ivr_builder.css */
.ivr-wave.paused .ivr-wave-bar {
  animation-play-state: paused;
  opacity: 0.25;
  height: 15% !important;
}

@keyframes ivr-audio-wave {
  0%, 100% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(1);
  }
}

/* Glow effect for greeting zone */
/* line 67, app/assets/stylesheets/ivr_builder.css */
.ivr-glow {
  box-shadow: 0 0 16px rgba(143, 89, 38, 0.12), 0 0 48px rgba(143, 89, 38, 0.04);
}

/* Item card selected state */
/* line 72, app/assets/stylesheets/ivr_builder.css */
.ivr-item-selected {
  ring: 1px;
  border-color: rgba(143, 89, 38, 0.4);
  box-shadow: 0 0 8px rgba(143, 89, 38, 0.1);
}

/* Test mode keypad override */
/* line 79, app/assets/stylesheets/ivr_builder.css */
[data-keypad="test"] .ivr-key.assigned {
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.06);
}

/* line 84, app/assets/stylesheets/ivr_builder.css */
[data-keypad="test"] .ivr-key:active {
  background: rgba(16, 185, 129, 0.12);
  border-color: #10b981;
}

/* line 5, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel {
  margin-top: 36px;
}

/* line 9, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

/* line 16, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__title {
  font-size: 16px;
  font-weight: 700;
  color: #2D2D2D;
  margin: 0;
}

/* line 23, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__count {
  color: #858585;
  font-weight: 500;
}

/* line 28, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__link {
  font-size: 13px;
  color: #8F5926;
  font-weight: 600;
  text-decoration: none;
}

/* line 34, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__link:hover {
  text-decoration: underline;
}

/* line 39, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 45, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #EFEFEF;
}

/* line 55, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 68, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__info {
  flex: 1;
  min-width: 0;
}

/* line 73, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__name {
  font-size: 14px;
  font-weight: 600;
  color: #2D2D2D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 82, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__email {
  font-size: 12px;
  color: #858585;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 90, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__badge {
  display: inline-flex;
  padding: 2px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 11px;
  flex-shrink: 0;
  background: #EFEFEF;
  color: #555;
}

/* line 101, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: none;
  border: none;
  color: #AEAEAE;
  cursor: pointer;
  flex-shrink: 0;
}

/* line 114, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__remove:hover {
  background: #FCE7E7;
  color: #D83A3A;
}

/* line 120, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__remove-form {
  display: block;
  margin: 0;
}

/* line 125, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__remove-icon {
  font-size: 13px;
}

/* line 129, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__more {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 136, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__assign-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 18px;
  border-radius: 22px;
  border: 1px dashed #8F5926;
  background: transparent;
  color: #8F5926;
  font-family: inherit;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}

/* line 151, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__assign-btn:hover {
  background: #F5E9DD;
}

/* line 156, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-panel__assign-icon {
  font-size: 12px;
}

/* line 162, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-modal {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  max-height: min(680px, calc(100dvh - 60px));
  overflow: hidden;
}

/* line 170, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-modal__top {
  padding: 24px 24px 0;
  flex-shrink: 0;
}

/* line 175, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #F2F2F2;
  color: #555;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* line 192, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-close:hover {
  background: #E5E5E5;
}

/* line 197, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-eyebrow {
  font-size: 11px;
  font-weight: 700;
  color: #8F5926;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}

/* line 206, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-modal__title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #2D2D2D;
}

/* line 213, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-modal__sub {
  margin: 0 0 18px;
  font-size: 13px;
  color: #858585;
  line-height: 20px;
}

/* line 220, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-search-wrap {
  position: relative;
  margin-bottom: 14px;
}

/* line 225, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #AEAEAE;
  font-size: 14px;
}

/* line 234, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-search {
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 22px;
  border: 1px solid #DADADA;
  padding: 0 16px 0 38px;
  font-family: inherit;
  font-size: 14px;
  color: #2D2D2D;
  outline: none;
  box-sizing: border-box;
}

/* line 247, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-search:focus {
  border-color: #8F5926;
}

/* line 252, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-filters {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/* line 259, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-filter {
  height: 30px;
  padding: 0 14px;
  border-radius: 22px;
  border: 1px solid #DADADA;
  background: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: border-color .12s, background .12s, color .12s;
}

/* line 275, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-filter:hover {
  border-color: #8F5926;
  color: #8F5926;
}

/* line 280, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-filter.is-active {
  background: #F5E9DD;
  border-color: #8F5926;
  color: #8F5926;
}

/* line 287, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-filter__count {
  opacity: .7;
}

/* line 291, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-select-all-row {
  display: flex;
  justify-content: flex-end;
  padding: 4px 0 8px;
}

/* line 297, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-select-all {
  font-size: 12px;
  font-weight: 600;
  color: #8F5926;
  text-decoration: none;
}

/* line 303, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-select-all:hover {
  text-decoration: underline;
}

/* line 308, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-modal__scroll {
  flex: 1;
  overflow-y: auto;
  padding: 0 24px;
}

/* line 314, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 8px;
}

/* line 321, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .1s, border-color .1s;
}

/* line 331, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-row:hover:not([data-assigned='true']) {
  background: #FAFAFA;
}

/* line 335, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-row.is-selected {
  background: #F5E9DD;
  border-color: #D4A97A;
}

/* line 340, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-row[data-assigned='true'] {
  opacity: .85;
  cursor: default;
}

/* line 346, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid #DADADA;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .1s, background .1s;
}

/* line 357, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-checkbox.is-checked {
  background: #8F5926;
  border-color: #8F5926;
}

/* line 361, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-checkbox.is-checked::after {
  content: '';
  display: block;
  width: 5px;
  height: 9px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translate(-1px, -1px);
}

/* line 374, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 387, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--purple,
.ap-avatar--purple {
  background: #9C5FE0;
}

/* line 392, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--pink,
.ap-avatar--pink {
  background: #E04691;
}

/* line 397, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--blue,
.ap-avatar--blue {
  background: #3D7DEA;
}

/* line 402, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--green,
.ap-avatar--green {
  background: #0DB113;
}

/* line 407, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--orange,
.ap-avatar--orange {
  background: #F2A93C;
}

/* line 412, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--teal,
.ap-avatar--teal {
  background: #22B0BD;
}

/* line 417, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--violet,
.ap-avatar--violet {
  background: #7E5BD6;
}

/* line 422, app/assets/stylesheets/components/_assign_people_modal.scss */
.ppl-row__avatar--gray,
.ap-avatar--gray {
  background: #88A0BC;
}

/* line 427, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-info {
  flex: 1;
  min-width: 0;
}

/* line 432, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-name {
  font-size: 14px;
  font-weight: 600;
  color: #2D2D2D;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 442, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-user-email {
  font-size: 12px;
  color: #858585;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 451, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-role-badge {
  display: inline-flex;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #F0F0F0;
  color: #555;
  flex-shrink: 0;
}

/* line 462, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-assigned-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: #E7F6E8;
  color: #0DB113;
  flex-shrink: 0;
}

/* line 475, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-empty {
  text-align: center;
  padding: 32px 16px;
  color: #AEAEAE;
  font-size: 14px;
}

/* line 482, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer {
  flex-shrink: 0;
  padding: 14px 24px;
  border-top: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #fff;
}

/* line 493, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer__info {
  font-size: 14px;
  color: #555;
}

/* line 497, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer__info strong {
  color: #2D2D2D;
}

/* line 502, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer__btn {
  height: 40px;
  padding: 0 24px;
  border-radius: 22px;
  background: #8F5926;
  color: #fff;
  border: none;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

/* line 514, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer__btn:hover {
  background: #72471E;
}

/* line 518, app/assets/stylesheets/components/_assign_people_modal.scss */
.ap-footer__btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* Shared transcript bubble styles (TranscriptComponent).
   Used on the recording page and inside the routing-review transcript modal. */
/* line 3, app/assets/stylesheets/transcript.css */
.rec-tr-toggle {
  display: inline-flex;
  align-items: center;
  background: #F3F3F3;
  border-radius: 999px;
  padding: 3px;
}

/* line 4, app/assets/stylesheets/transcript.css */
.rec-tr-toggle__btn {
  padding: 6px 14px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-family: 'Inter';
  font-weight: 600;
  font-size: 12px;
  color: #727272;
  cursor: pointer;
  transition: background .15s, color .15s, box-shadow .15s;
}

/* line 5, app/assets/stylesheets/transcript.css */
.rec-tr-toggle__btn.is-active {
  background: #fff;
  color: #2D2D2D;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 7, app/assets/stylesheets/transcript.css */
.rec-tr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* content-visibility lets the browser skip layout/paint of off-screen rows — long calls
   render 1000+ bubbles; the intrinsic-size placeholder keeps the scrollbar stable. */
/* line 10, app/assets/stylesheets/transcript.css */
.rec-tr__row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  position: relative;
  content-visibility: auto;
  contain-intrinsic-size: auto 88px;
}

/* line 11, app/assets/stylesheets/transcript.css */
.rec-tr__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  font-family: 'Inter';
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 12, app/assets/stylesheets/transcript.css */
.rec-tr__body {
  max-width: 78%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* line 13, app/assets/stylesheets/transcript.css */
.rec-tr__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 14, app/assets/stylesheets/transcript.css */
.rec-tr__name {
  font-family: 'Inter';
  font-weight: 600;
  font-size: 13px;
  color: #2D2D2D;
}

/* line 15, app/assets/stylesheets/transcript.css */
.rec-tr__time {
  font-family: 'Inter';
  font-size: 11px;
  color: #AEAEAE;
}

/* line 16, app/assets/stylesheets/transcript.css */
.rec-tr__pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: 'Inter';
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
}

/* line 17, app/assets/stylesheets/transcript.css */
.rec-tr__pill-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 2px;
}

/* line 18, app/assets/stylesheets/transcript.css */
.rec-tr__bubble {
  position: relative;
  background: #F3F3F3;
  padding: 10px 14px;
  border-radius: 14px;
  border-bottom-left-radius: 4px;
  color: #2D2D2D;
  font-family: 'Inter';
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/transcript.css */
.rec-tr__text {
  word-wrap: break-word;
}

/* line 20, app/assets/stylesheets/transcript.css */
.rec-tr__play {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #8F5926;
  border: 2px solid #fff;
  color: #fff;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  padding: 0;
}

/* line 21, app/assets/stylesheets/transcript.css */
.rec-tr__row:hover .rec-tr__play {
  display: inline-flex;
}

/* line 23, app/assets/stylesheets/transcript.css */
.rec-tr.is-normal .rec-tr__row[data-side="right"] {
  flex-direction: row-reverse;
}

/* line 24, app/assets/stylesheets/transcript.css */
.rec-tr.is-normal .rec-tr__row[data-side="right"] .rec-tr__body {
  align-items: flex-end;
}

/* line 25, app/assets/stylesheets/transcript.css */
.rec-tr.is-normal .rec-tr__row[data-side="right"] .rec-tr__head {
  flex-direction: row-reverse;
}

/* line 26, app/assets/stylesheets/transcript.css */
.rec-tr.is-normal .rec-tr__row[data-side="right"] .rec-tr__bubble {
  background: #F5E9DD;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 4px;
}

/* line 27, app/assets/stylesheets/transcript.css */
.rec-tr.is-normal .rec-tr__row[data-side="right"] .rec-tr__play {
  right: auto;
  left: -10px;
}

/* line 29, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact {
  gap: 18px;
}

/* line 30, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__row {
  flex-direction: row !important;
  align-items: flex-start;
}

/* line 31, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__body {
  max-width: none;
  flex: 1;
  align-items: flex-start !important;
}

/* line 32, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__head {
  flex-direction: row !important;
  gap: 8px;
}

/* line 33, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__name {
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__time {
  font-size: 12px;
}

/* line 35, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__pill {
  font-size: 11px;
  padding: 2px 8px;
}

/* line 36, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__pill-dot {
  display: none;
}

/* line 37, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__bubble {
  background: transparent !important;
  padding: 0;
  border-radius: 0;
  cursor: default;
}

/* line 38, app/assets/stylesheets/transcript.css */
.rec-tr.is-compact .rec-tr__play {
  display: none !important;
}

/* Hide per-segment play buttons when the component is non-interactive (e.g. modal preview). */
/* line 41, app/assets/stylesheets/transcript.css */
.rec-tr.is-static .rec-tr__bubble {
  cursor: default;
}

/* line 42, app/assets/stylesheets/transcript.css */
.rec-tr.is-static .rec-tr__play {
  display: none !important;
}

@media (max-width: 800px) {
  /* line 45, app/assets/stylesheets/transcript.css */
  .rec-tr__body,
.rec-tr.is-normal .rec-tr__row[data-side="right"] .rec-tr__body {
    max-width: calc(100% - 46px);
  }
  /* line 47, app/assets/stylesheets/transcript.css */
  .rec-tr__bubble {
    font-size: 13px;
    line-height: 18px;
    padding: 9px 12px;
  }
}

/* line 25, app/assets/stylesheets/application.scss */
body {
  min-height: 100vh;
  position: relative;
  background-color: #FAFAFA;
  font-family: 'IBM Plex Sans', sans-serif;
}

@media (min-width: 1200px) {
  /* line 44, app/assets/stylesheets/application.scss */
  .container {
    width: 980px;
  }
}

/* line 50, app/assets/stylesheets/application.scss */
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

/* line 56, app/assets/stylesheets/application.scss */
.page-header h1 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
}

/* line 63, app/assets/stylesheets/application.scss */
.card {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: none;
  margin-bottom: 25px;
}

/* line 69, app/assets/stylesheets/application.scss */
.card .card-header {
  background-color: white;
  border-bottom: 1px solid #eee;
  padding: 15px 20px;
}

/* line 74, app/assets/stylesheets/application.scss */
.card .card-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

/* line 81, app/assets/stylesheets/application.scss */
.card .card-body {
  padding: 20px;
}

/* line 87, app/assets/stylesheets/application.scss */
.table {
  margin-bottom: 0;
}

/* line 90, app/assets/stylesheets/application.scss */
.table th {
  font-weight: 600;
  color: #343a40;
  border-bottom-width: 1px;
}

/* line 96, app/assets/stylesheets/application.scss */
.table td,
.table th {
  padding: 12px 15px;
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/application.scss */
.alert {
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* line 109, app/assets/stylesheets/application.scss */
.ss-deselect,
.ss-arrow {
  display: none !important;
}

/* Header visibility helpers */
/* line 115, app/assets/stylesheets/application.scss */
.header-bar {
  display: flex;
  align-items: center;
}

/* line 120, app/assets/stylesheets/application.scss */
.header-bar .mobile-burger {
  margin-left: auto;
  display: block;
}

/* line 125, app/assets/stylesheets/application.scss */
.header-bar .desktop-menu {
  display: none;
}

/* line 129, app/assets/stylesheets/application.scss */
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

/* Show desktop menu on large screens and hide burger */
@media (min-width: 1024px) {
  /* line 135, app/assets/stylesheets/application.scss */
  .header-bar .mobile-burger {
    display: none !important;
  }
  /* line 138, app/assets/stylesheets/application.scss */
  .header-bar .desktop-menu {
    display: flex !important;
  }
}