/**
 * Settings modules — C360 journey layout (aligned with Claims grid + Workbench typography).
 * Wrap pages: .broker-c360-ui.c360-journey-page > .pg-full.c360-settings-module
 */

body.broker-c360-ui #content-container .c360-settings-module {
  font-family: var(--fs);
  font-size: var(--c360-body-size, 13.5px);
  color: var(--ch);
}

/* Toolbar card (title + filters) — sit above table card so Choices menus are not covered */
body.broker-c360-ui .c360-settings-toolbar.card.c360-card {
  position: relative;
  z-index: 3;
  margin-bottom: 12px;
  overflow: visible !important;
}

body.broker-c360-ui .c360-settings-toolbar .card-h,
body.broker-c360-ui .c360-settings-toolbar .c360-settings-fbar,
body.broker-c360-ui .c360-settings-toolbar .c360-settings-fbar-row,
body.broker-c360-ui .c360-settings-toolbar .c360-settings-select-wrap,
body.broker-c360-ui .c360-settings-form-card.card.c360-card {
  overflow: visible !important;
}

body.broker-c360-ui .c360-settings-form-card.card.c360-card {
  position: relative;
  z-index: 1;
}

body.broker-c360-ui .c360-settings-toolbar .card-h {
  padding: 11px 14px;
}

body.broker-c360-ui .c360-settings-toolbar .card-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}

body.broker-c360-ui .c360-settings-toolbar .c360-settings-subtitle {
  font-size: 11.5px;
  color: var(--ch3);
  margin: 2px 0 0;
  font-weight: 400;
}

body.broker-c360-ui .c360-settings-fbar {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
  gap: 0;
  border-bottom: none;
}

body.broker-c360-ui .c360-settings-fbar-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  width: 100%;
}

body.broker-c360-ui .c360-settings-fbar-row--controls {
  flex: 1 1 auto;
  min-width: 0;
}

/* Cards / List view toggle (Settings modules + Smart Tools history).
   Markup: .c360-settings-view-toggle > .c360-settings-view-toggle-btn[data-view] + .active */
body.broker-c360-ui .c360-settings-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1.5px solid var(--border2, #e2e6ed);
  border-radius: 8px;
  background: var(--surface, #fff);
  flex-shrink: 0;
}

body.broker-c360-ui .c360-settings-view-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-family: var(--fs);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ch2);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}

body.broker-c360-ui .c360-settings-view-toggle-btn:hover:not(.active) {
  color: var(--ch);
  background: var(--bg2, #f5f7fa);
}

body.broker-c360-ui .c360-settings-view-toggle-btn.active {
  background: color-mix(in srgb, var(--t, #1a8a82) 12%, var(--surface, #fff));
  color: var(--t, #1a8a82);
}

body.broker-c360-ui .c360-settings-view-toggle-btn:focus-visible {
  outline: 2px solid var(--t, #1a8a82);
  outline-offset: 1px;
}

body.broker-c360-ui .c360-settings-view-toggle-btn svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

/* Permissions page — single filter row (broker, role, checkbox, refresh, search) */
body.broker-c360-ui .c360-settings-fbar--permissions {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

body.broker-c360-ui .c360-settings-fbar-row--permissions {
  flex-wrap: wrap;
  row-gap: 8px;
}

body.broker-c360-ui .c360-settings-fbar--permissions .c360-settings-select-wrap {
  min-width: 140px;
  max-width: 200px;
}

body.broker-c360-ui .c360-settings-fbar-row--permissions .c360-settings-permissions-filter-check {
  flex: 0 0 auto;
}

body.broker-c360-ui .c360-settings-fbar-row--permissions .c360-btn-s {
  flex: 0 0 auto;
}

body.broker-c360-ui .c360-settings-fbar-row--permissions .fsrch.c360-claims-fsrch {
  margin-left: auto;
}

body.broker-c360-ui .c360-settings-permissions-filter-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 2px;
  min-height: 33px;
  cursor: pointer;
  font-family: var(--fs);
  font-size: 12px;
  font-weight: 600;
  color: var(--ch);
  white-space: nowrap;
  user-select: none;
}

body.broker-c360-ui .c360-settings-permissions-filter-check .form-check-input {
  width: 15px;
  height: 15px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--t);
  cursor: pointer;
}

body.broker-c360-ui .c360-settings-permissions-filter-check .form-check-input:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 3px var(--tp);
}

body.broker-c360-ui .c360-settings-permissions-page .c360-settings-permissions-filter-check .form-check-input:checked,
body.broker-c360-ui #content-container .c360-settings-permissions-filter-check .form-check-input:checked {
  background-color: var(--t) !important;
  border-color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-fbar--permissions .c360-btn-s {
  min-height: 33px;
  padding-top: 5px;
  padding-bottom: 5px;
}

body.broker-c360-ui .c360-settings-fbar--permissions .choices {
  margin-bottom: 0;
}

body.broker-c360-ui .c360-settings-fbar--permissions .choices[data-type*="select-one"] > .choices__inner {
  min-height: 33px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

body.broker-c360-ui .c360-settings-fbar--permissions .fsrch.c360-claims-fsrch input {
  min-height: 33px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-sizing: border-box;
}

body.broker-c360-ui .c360-settings-permissions-table .c360-permissions-col-check {
  width: 44px;
  text-align: center;
}

body.broker-c360-ui .c360-settings-permissions-table .c360-permissions-check {
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--t);
}

body.broker-c360-ui .c360-settings-permissions-table .c360-permissions-check:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 3px var(--tp);
}

body.broker-c360-ui .c360-settings-permissions-page .c360-settings-permissions-table .c360-permissions-check:checked,
body.broker-c360-ui #content-container .c360-settings-permissions-table .form-check-input.c360-permissions-check:checked {
  background-color: var(--t) !important;
  border-color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-permissions-page .c360-settings-permissions-table .c360-permissions-check:disabled:checked,
body.broker-c360-ui #content-container .c360-settings-permissions-table .form-check-input.c360-permissions-check:disabled:checked {
  opacity: 0.65;
  background-color: var(--t) !important;
  border-color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-fbar .c360-settings-select-wrap,
body.broker-c360-ui .c360-settings-form-card .c360-settings-select-wrap {
  position: relative;
  min-width: 180px;
  max-width: 280px;
  flex: 0 1 auto;
  z-index: 2;
}

body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-claims-fsrch,
body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-journey-fsrch {
  position: relative;
  margin-left: auto;
  width: 220px;
  min-width: 200px;
  max-width: 320px;
  flex: 0 0 auto;
}

body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-claims-fsrch svg,
body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-journey-fsrch svg {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  color: var(--ch3);
  pointer-events: none;
}

body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-claims-fsrch input,
body.broker-c360-ui #content-container .c360-settings-fbar .fsrch.c360-journey-fsrch input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px 5px 28px;
  font-size: 12.5px;
  border-radius: 7px;
  background: var(--surface, #fff);
  border: 1.5px solid var(--border);
}

/* Table card */
body.broker-c360-ui .c360-settings-table-card.card.c360-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* Settings grids — scrollable body (permissions lists can be long) */
body.broker-c360-ui #content-container .c360-settings-module .c360-settings-table-card .c360-tasks-table-scroll,
body.broker-c360-ui #content-container .c360-settings-module .c360-settings-table-card .c360-settings-table-scroll {
  max-height: calc(100vh - 22rem);
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*
 * Permissions — use main #content-container scroll (wheel/touchpad), not a nested
 * max-height scrollport (nested ports often eat wheel events when parents use flex + overscroll-behavior).
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-permissions-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-permissions-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-settings-permissions-page .c360-settings-table-card .c360-tasks-table-scroll,
body.broker-c360-ui #content-container .c360-settings-permissions-page .c360-settings-table-card .c360-settings-table-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-permissions-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-permissions-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

body.broker-c360-ui .c360-settings-table-card .c360-settings-table {
  margin-bottom: 0;
}

body.broker-c360-ui .c360-settings-empty {
  padding: 28px 18px;
  text-align: center;
  color: var(--ch3);
  font-size: 13px;
  font-style: italic;
}

/* Row avatars + badges */
body.broker-c360-ui .c360-settings-avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--t) 12%, transparent);
  color: var(--t);
  font-size: 0.7rem;
  font-weight: 700;
}

body.broker-c360-ui .c360-settings-table .sbadge,
body.broker-c360-ui .c360-settings-table .c360-settings-role-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  background: #eef1f5;
  color: #5a6578;
  border: 1px solid #e2e6ed;
  vertical-align: middle;
}

/* Settings grids — unified typography (Email Configuration reference) */
body.broker-c360-ui .c360-settings-module .c360-settings-table thead th,
body.broker-c360-ui .c360-settings-module .c360-tasks-table.c360-settings-table thead th,
body.broker-c360-ui .c360-settings-permissions-page .c360-settings-permissions-table thead th {
  font-size: 12.5px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td,
body.broker-c360-ui .c360-settings-module .c360-tasks-table.c360-settings-table tbody td,
body.broker-c360-ui .c360-settings-permissions-page .c360-settings-permissions-table tbody td {
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--ch);
}

body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td small,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .small,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .fw-semibold,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-highlight,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .name,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td a.name,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-secondary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-tertiary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-quaternary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-muted {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: inherit;
}

body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-secondary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-tertiary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-body-quaternary,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .text-muted {
  color: var(--ch2);
}

body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .name[name="btnEdit"],
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td a.c360-settings-grid-link,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td a.btn-edit-template {
  cursor: pointer;
  text-decoration: none;
  color: var(--ch);
}

body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td .name[name="btnEdit"]:hover,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td a.c360-settings-grid-link:hover,
body.broker-c360-ui .c360-settings-module .c360-settings-table tbody td a.btn-edit-template:hover {
  color: var(--t);
}

/* Status badges — shared with Email Configuration / Templates */
body.broker-c360-ui .c360-settings-module .c360-settings-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.2;
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle;
}

body.broker-c360-ui .c360-settings-module .c360-settings-status-badge--neutral {
  background: #eef1f5;
  color: #5a6578;
}

body.broker-c360-ui .c360-settings-module .c360-settings-status-badge--muted {
  background: #f0f2f5;
  color: #6b7585;
  border: 1px solid #e2e6ed;
}

body.broker-c360-ui .c360-settings-module .c360-settings-status-badge--success {
  background: #dff5f2;
  color: #1a6b63;
  border: 1px solid #b8e8e0;
}

body.broker-c360-ui .c360-settings-row-actions {
  display: inline-flex;
  gap: 4px;
  justify-content: flex-end;
}

body.broker-c360-ui .c360-settings-row-actions .c360-settings-icon-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border2);
  border-radius: 6px;
  background: #fff;
  color: var(--ch2);
  cursor: pointer;
}

body.broker-c360-ui .c360-settings-row-actions .c360-settings-icon-btn:hover {
  border-color: var(--t);
  color: var(--t);
}

body.broker-c360-ui .c360-settings-row-actions .c360-settings-icon-btn--danger:hover {
  border-color: #dc3545;
  color: #dc3545;
}

/* Form pages */
body.broker-c360-ui .c360-settings-form-card .card-h {
  padding: 11px 14px;
}

body.broker-c360-ui .c360-settings-form-card .card-b {
  padding: 16px 18px 20px;
  max-width: 640px;
}

/* Field labels — match New Lead (.form-label-create-lead) */
body.broker-c360-ui .c360-journey-page .c360-settings-form-card .form-label:not(.form-check-label),
body.broker-c360-ui .c360-settings-form-card .form-label:not(.form-check-label) {
  font-family: var(--fs);
  font-weight: 700;
  font-size: 11.5px;
  color: var(--ch);
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.25;
  margin-bottom: 0.25rem;
}

body.broker-c360-ui .c360-settings-form-card .form-label.mb-2 {
  margin-bottom: 0.25rem !important;
}

body.broker-c360-ui .c360-settings-form-card .form-label .text-danger {
  white-space: nowrap;
}

/* Inputs — match New Lead (.form-control-create-lead) */
body.broker-c360-ui .c360-settings-form-card .form-control,
body.broker-c360-ui .c360-settings-form-card .form-select,
body.broker-c360-ui .c360-settings-form-card .choices[data-type*="select-one"] > .choices__inner {
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  border-radius: 7px;
  padding: 9px 12px !important;
  font-size: 13px !important;
  font-family: var(--fb);
  color: var(--ch);
  background-color: var(--surface) !important;
  min-height: 42px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

body.broker-c360-ui .c360-settings-form-card .form-control::placeholder {
  color: var(--ch3);
}

body.broker-c360-ui .c360-settings-form-card .form-control:hover:not(:focus),
body.broker-c360-ui .c360-settings-form-card .form-select:hover:not(:focus) {
  border-color: rgba(0, 0, 0, 0.18);
  background-color: var(--surface);
}

body.broker-c360-ui #content-container .c360-settings-module .form-control:focus,
body.broker-c360-ui #content-container .c360-settings-module .form-control:focus-visible,
body.broker-c360-ui #content-container .c360-settings-module .form-select:focus,
body.broker-c360-ui #content-container .c360-settings-module .form-select:focus-visible {
  border-color: var(--t) !important;
  background-color: var(--surface, #fff);
  box-shadow: 0 0 0 3px var(--tp) !important;
  outline: none;
}

body.broker-c360-ui .c360-settings-form-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  justify-content: flex-end;
}

/* Audit trail event type colours (C360 sbadge palette) */
body.broker-c360-ui .c360-audit-event.sbadge--create {
  background: color-mix(in srgb, #198754 14%, #fff);
  color: #146c43;
  border-color: color-mix(in srgb, #198754 35%, transparent);
}

body.broker-c360-ui .c360-audit-event.sbadge--update {
  background: color-mix(in srgb, var(--t) 14%, #fff);
  color: color-mix(in srgb, var(--t) 85%, #000);
  border-color: color-mix(in srgb, var(--t) 35%, transparent);
}

body.broker-c360-ui .c360-audit-event.sbadge--delete {
  background: color-mix(in srgb, #dc3545 12%, #fff);
  color: #b02a37;
  border-color: color-mix(in srgb, #dc3545 30%, transparent);
}

body.broker-c360-ui .c360-audit-diff-before {
  color: var(--ch3);
  font-size: 11.5px;
}

body.broker-c360-ui .c360-audit-diff-before-val {
  color: #b02a37;
}

body.broker-c360-ui .c360-audit-diff-after-val {
  color: #146c43;
}

body.broker-c360-ui .c360-audit-diff-created-val {
  color: #146c43;
}

/* Legacy Phoenix wrappers inside settings — neutralise extra padding */
body.broker-c360-ui .c360-settings-module .tbl-container > .col-12 > .card > .card-body > .mx-n4,
body.broker-c360-ui .c360-settings-module .mx-n4.px-4.mx-lg-n4.px-lg-8.bg-body-emphasis.pt-7 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  background: transparent !important;
}

body.broker-c360-ui .c360-settings-module .tbl-container > .col-12 > .card {
  border: none;
  background: transparent;
  box-shadow: none;
}

body.broker-c360-ui .c360-settings-module .tbl-container > .col-12 > .card > .card-body {
  padding: 0;
}

body.broker-c360-ui .c360-settings-module h2.mb-0 {
  font-family: var(--fs);
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}

/* Legacy grid tables inside settings — match Claims c360-tasks-table */
body.broker-c360-ui .c360-settings-module .table.table-sm,
body.broker-c360-ui .c360-settings-module table.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  font-family: var(--fs);
  margin-bottom: 0;
}

body.broker-c360-ui .c360-settings-module .table thead th,
body.broker-c360-ui .c360-settings-module table.table thead th {
  padding: 12px 14px;
  font-weight: 600;
  color: var(--ch2);
  border-bottom: 1px solid var(--border2);
  background: var(--bg);
}

body.broker-c360-ui .c360-settings-module .table tbody td,
body.broker-c360-ui .c360-settings-module table.table tbody td {
  padding: 12px 14px 12px 12px;
  color: var(--ch);
  font-size: 12.5px;
  border-bottom: 1px solid var(--border2);
  vertical-align: middle;
}

body.broker-c360-ui .c360-settings-module .border-top.border-bottom.border-translucent.bg-body-emphasis {
  border: none !important;
  background: transparent !important;
}

body.broker-c360-ui .c360-settings-module .btn-phoenix-primary,
body.broker-c360-ui .c360-settings-module .btn.btn-phoenix-primary {
  background: var(--t);
  border-color: var(--t);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 7px;
  padding: 5px 12px;
}

body.broker-c360-ui .c360-settings-module .btn-phoenix-secondary,
body.broker-c360-ui .c360-settings-module .btn.btn-phoenix-secondary {
  font-size: 12px;
  font-weight: 600;
  border-radius: 7px;
}

body.broker-c360-ui .c360-settings-module .search-box .form-control,
body.broker-c360-ui .c360-settings-module .search-input {
  border-radius: 7px;
  font-size: 12.5px;
}

body.broker-c360-ui .c360-settings-module .d-flex.flex-between-center.p-1.pt-3 {
  padding: 10px 14px !important;
  border-top: 1px solid var(--border2);
  font-size: 12px;
  color: var(--ch3);
}

body.broker-c360-ui .c360-settings-module .pagination .page-link,
body.broker-c360-ui .c360-settings-module .pagination .page-item.active .page-link {
  font-size: 12px;
}

body.broker-c360-ui .c360-settings-module .pagination .page-item.active .page-link {
  background: var(--t);
  border-color: var(--t);
}

/* Settings grids — Claims-aligned pager (matches side_nav_Claims) */
body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 14px;
  border-top: 1px solid var(--border2);
  font-family: var(--fs);
  font-size: 12px;
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager-meta {
  font-family: var(--fs);
  font-size: 12px;
  color: var(--ch2);
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager-controls {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pagination {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pagination li {
  display: inline-flex;
}

/* Override Phoenix [data-list] .page / .btn on List.js page number buttons */
body.broker-c360-ui #content-container .c360-settings-module [data-list] .c360-claims-pagination li button.page,
body.broker-c360-ui #content-container .c360-settings-module [data-list] .c360-claims-pagination li .page {
  box-sizing: border-box;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: none;
  padding: 0 !important;
  margin: 0;
  border-radius: 5px !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--fs) !important;
  line-height: 1 !important;
  color: var(--ch) !important;
  box-shadow: none !important;
  text-align: center;
  vertical-align: middle;
}

body.broker-c360-ui #content-container .c360-settings-module [data-list] .c360-claims-pagination li.active button.page,
body.broker-c360-ui #content-container .c360-settings-module [data-list] .c360-claims-pagination li.active .page {
  background-color: var(--t) !important;
  border-color: var(--t) !important;
  color: #fff !important;
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager-controls .pg-btn {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager-controls .pg-btn .fas,
body.broker-c360-ui #content-container .c360-settings-module .c360-claims-pager-controls .pg-btn svg {
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 1;
  pointer-events: none;
}

/* Prev/next must not inherit Phoenix [data-list] .page / .btn sizing */
body.broker-c360-ui #content-container .c360-settings-module [data-list] [data-list-pagination] {
  box-sizing: border-box;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 5px !important;
}

/* Choices.js — no in-dropdown search; list must not clip (toolbar overflow: visible) */
body.broker-c360-ui .c360-settings-module .choices {
  position: relative;
  margin-bottom: 0;
}

body.broker-c360-ui .c360-settings-module .choices.is-open {
  z-index: 30;
  overflow: visible !important;
}

body.broker-c360-ui .c360-settings-toolbar .choices.is-open {
  z-index: 40;
}

body.broker-c360-ui .c360-settings-module .choices[data-type*="select-one"]::after {
  border-width: 5px !important;
  right: 11.5px;
}

body.broker-c360-ui .c360-settings-module .choices__list--dropdown,
body.broker-c360-ui .c360-settings-module .choices__list[aria-expanded] {
  z-index: 1080 !important;
  border-radius: 7px;
  border: 1.5px solid var(--border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  min-width: 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.broker-c360-ui .c360-settings-module .choices__list--dropdown .choices__list,
body.broker-c360-ui .c360-settings-module .choices__list[aria-expanded] .choices__list {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}

body.broker-c360-ui .c360-settings-module .choices__list--dropdown .choices__input,
body.broker-c360-ui .c360-settings-module .choices__list--dropdown .choices__input--cloned {
  display: none !important;
}

body.broker-c360-ui .c360-settings-module .choices__list--dropdown .choices__item,
body.broker-c360-ui .c360-settings-module .choices__list[aria-expanded] .choices__item {
  white-space: nowrap;
  padding-right: 16px;
}

body.broker-c360-ui .c360-settings-module .text-body-secondary.fs-9,
body.broker-c360-ui .c360-settings-module .text-body-tertiary.fs-9 {
  font-size: 11.5px !important;
  color: var(--ch3) !important;
}

/* Settings confirm modal — white FA icons on navy header */
body.broker-c360-ui #c360-settings-confirm-modal .client-claims-modal-c360__header-icon {
  color: #fff;
}

body.broker-c360-ui #c360-settings-confirm-modal .client-claims-modal-c360__header-icon .fas,
body.broker-c360-ui #c360-settings-confirm-modal .client-claims-modal-c360__header-icon .fa-solid {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Confirm modal body */
body.broker-c360-ui .c360-settings-confirm-message {
  font-size: 13px;
  color: var(--ch);
  line-height: 1.5;
  margin: 0;
}

body.broker-c360-ui .c360-settings-confirm-message strong {
  color: var(--navy);
  font-weight: 700;
}

body.broker-c360-ui .client-claims-modal-c360 .clm-btn.danger {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

body.broker-c360-ui .client-claims-modal-c360 .clm-btn.danger:hover {
  background: #bb2d3b;
  border-color: #bb2d3b;
}

/* Tabs inside settings form / email config */
body.broker-c360-ui .c360-settings-module .c360-settings-tabs.nav-tabs {
  border-bottom: 1px solid var(--border2);
  gap: 4px;
}

body.broker-c360-ui .c360-settings-module .c360-settings-tabs .nav-link {
  font-size: 12px;
  font-weight: 600;
  color: var(--ch2);
  border: none;
  border-bottom: 2px solid transparent;
  padding: 8px 12px;
}

body.broker-c360-ui .c360-settings-module .c360-settings-tabs .nav-link.active {
  color: var(--t);
  border-bottom-color: var(--t);
  background: transparent;
}

/* Stats row (intents) */
body.broker-c360-ui .c360-settings-stats-row .card {
  border: 1px solid var(--border2) !important;
  box-shadow: none !important;
}

body.broker-c360-ui .c360-settings-stats-row .card-body {
  padding: 12px 10px !important;
}

/*
 * Manage Intents — scroll on main content column (wheel/touchpad), not nested overflow:hidden.
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-intents-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-intents-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-intents-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-intents-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

/*
 * Workbench Task Intents — scroll + layout (aligned with Manage Intents settings page).
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-workbench-intents-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-workbench-intents-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-workbench-intents-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-workbench-intents-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

body.broker-c360-ui .c360-settings-workbench-intents-page .c360-settings-fbar .c360-settings-select-wrap {
  min-width: 160px;
  max-width: 240px;
}

body.broker-c360-ui .c360-settings-workbench-intents-page #wbIntentModal .form-check-input:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 3px var(--tp);
}

/*
 * Document Types — scroll + layout (aligned with User Roles settings page).
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-document-types-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-document-types-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-document-types-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-document-types-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

body.broker-c360-ui .c360-settings-document-types-page .c360-settings-fbar .c360-settings-select-wrap {
  min-width: 160px;
  max-width: 240px;
}

body.broker-c360-ui .c360-settings-document-types-page #docTypeModal .form-check-input:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 3px var(--tp);
}

/*
 * Smart Forms — scroll + layout (aligned with User Roles settings page).
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-smart-forms-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-smart-forms-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-smart-forms-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-smart-forms-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

body.broker-c360-ui .c360-settings-smart-forms-page .c360-settings-fbar .c360-settings-select-wrap {
  min-width: 160px;
  max-width: 220px;
}

/* Intents stats — Users / settings teal palette */
body.broker-c360-ui .c360-intents-stat-value {
  font-family: var(--fs);
  font-weight: 800;
  color: var(--navy);
}

body.broker-c360-ui .c360-intents-stat-value--teal {
  color: var(--t);
}

body.broker-c360-ui .c360-intents-stat-label {
  font-size: 11.5px;
  color: var(--ch3);
}

/* Intents card grid */
body.broker-c360-ui .c360-settings-intents-grid .intent-card {
  border: 1px solid var(--border2);
  border-radius: 8px;
}

body.broker-c360-ui .c360-settings-intents-page .intent-open-keywords:hover,
body.broker-c360-ui .c360-settings-intents-page .intent-open-actions:hover {
  color: var(--t);
}

body.broker-c360-ui .c360-settings-intents-page #intentModal .form-check-input:checked,
body.broker-c360-ui .c360-settings-intents-page #intentActionEditModal .form-check-input:checked,
body.broker-c360-ui .c360-settings-intents-page #cardKeywordsModal .form-check-input:checked,
body.broker-c360-ui .c360-settings-intents-page #cardActionsModal .form-check-input:checked {
  background-color: var(--t) !important;
  border-color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-intents-page .form-check-input:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 0.2rem var(--tp);
}

body.broker-c360-ui .c360-settings-intents-page .form-check-label {
  color: var(--ch);
  font-size: 13px;
}

body.broker-c360-ui .c360-settings-intents-page .text-primary,
body.broker-c360-ui .c360-settings-intents-page a.text-primary {
  color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-intents-page .text-info,
body.broker-c360-ui .c360-settings-intents-page .badge.text-info {
  color: var(--t2) !important;
}

body.broker-c360-ui .c360-settings-intents-page .btn-link {
  color: var(--ch3);
}

body.broker-c360-ui .c360-settings-intents-page .btn-link:hover {
  color: var(--t);
}

body.broker-c360-ui .c360-settings-intents-page .btn-outline-primary {
  --bs-btn-color: var(--t);
  --bs-btn-border-color: var(--t);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--t);
  --bs-btn-hover-border-color: var(--t);
}

body.broker-c360-ui .c360-settings-intents-page .modal-intent-80 {
  max-width: 80%;
  width: 80%;
}

/* FNOL modal headers — force white titles (Phoenix/theme overrides) */
body.broker-c360-ui .c360-settings-intents-page .client-claims-modal-c360 .modal-header .modal-title,
body.broker-c360-ui .c360-settings-intents-page .client-claims-modal-c360 .client-claims-modal-c360__title-wrap .modal-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.broker-c360-ui .c360-settings-intents-page .client-claims-modal-c360 .client-claims-modal-c360__subtitle {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Intent modal — search field only on Add action + Allowed roles (not Contains / AND-OR / Type) */
body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list--dropdown .choices__input,
body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list--dropdown .choices__input--cloned,
body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list[aria-expanded] .choices__input,
body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list[aria-expanded] .choices__input--cloned {
  display: block !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  border-bottom: 1px solid var(--border2);
  margin-bottom: 4px;
}

body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list--dropdown .choices__input:focus,
body.broker-c360-ui .c360-settings-intents-page .c360-intents-choices--searchable .choices__list[aria-expanded] .choices__input:focus {
  outline: none;
  box-shadow: none;
}

/*
 * Communication Templates (Settings) — scroll on #content-container, not nested overflow:hidden.
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-templates-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-templates-page .c360-settings-table-card,
body.broker-c360-ui .c360-settings-templates-page .c360-settings-form-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-templates-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-templates-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

/* Communication templates — table uses communication_templates.css */
body.broker-c360-ui .c360-settings-templates-page .c360-settings-table-card {
  width: 100%;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-tab-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-tab-toolbar .fsrch {
  margin-left: auto;
}

/*
 * Email Configuration — scroll on main #content-container (wheel/touchpad), not nested ports.
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-email-config {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-tabs-card {
  border: 1px solid var(--border2);
  border-radius: 8px;
  overflow: visible;
  position: relative;
  z-index: 1;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-settings-email-config .c360-settings-table-card .c360-tasks-table-scroll,
body.broker-c360-ui #content-container .c360-settings-email-config .c360-settings-table-card .c360-settings-table-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-email-config) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-email-config) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

/* Email config tabs header */
body.broker-c360-ui .c360-email-config-tabs-header {
  padding: 12px 16px 0;
}

body.broker-c360-ui .c360-email-config-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4px 2px;
  border-bottom: 1px solid var(--border2);
  margin: 0;
  padding: 0 0 0;
}

body.broker-c360-ui .c360-email-config-tabs .nav-item {
  margin-bottom: 0;
}

body.broker-c360-ui .c360-email-config-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px 11px;
  margin-bottom: -1px;
  border-radius: 6px 6px 0 0;
  white-space: nowrap;
  line-height: 1.25;
}

body.broker-c360-ui .c360-email-config-tabs .nav-link .c360-email-config-tab-icon {
  font-size: 11px;
  opacity: 0.85;
  width: 14px;
  text-align: center;
}

body.broker-c360-ui .c360-email-config-tabs .nav-link.active .c360-email-config-tab-icon {
  opacity: 1;
}

body.broker-c360-ui .c360-email-config-tabs .c360-email-config-tab-badge {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--bg3, #eef1f5);
  color: var(--ch2);
}

body.broker-c360-ui .c360-email-config-tabs .nav-link.active .c360-email-config-tab-badge {
  background: color-mix(in srgb, var(--t) 14%, transparent);
  color: var(--t);
}

body.broker-c360-ui .c360-email-config-accounts-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  margin: 14px 0 12px;
}

body.broker-c360-ui .c360-email-config-accounts-bar .c360-email-config-sync-hint {
  flex: 1 1 200px;
  margin: 0;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--ch2);
}

body.broker-c360-ui .c360-email-config-accounts-bar .fsrch {
  flex: 0 0 auto;
  margin-left: auto;
  min-width: 200px;
  max-width: 280px;
}

body.broker-c360-ui .c360-email-config-tab-content {
  padding: 0 16px 16px;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-tab-hint {
  flex: 1 1 auto;
  min-width: 180px;
}

/* Email config — table checkboxes (teal) */
body.broker-c360-ui .c360-settings-email-config .c360-settings-table-check:checked {
  background-color: var(--t) !important;
  border-color: var(--t) !important;
}

body.broker-c360-ui .c360-settings-email-config .c360-settings-table-check:focus {
  border-color: var(--t);
  box-shadow: 0 0 0 3px var(--tp);
}

body.broker-c360-ui .c360-settings-tabs-card .tab-content,
body.broker-c360-ui .c360-settings-tabs-card .tab-pane {
  overflow: visible;
}

body.broker-c360-ui .c360-settings-tabs-card .choices.is-open {
  z-index: 1080;
}

/*
 * Document Library — scroll, empty state, upload modal (global so layout works when route CSS loads late)
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-document-library-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-document-library-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-document-library-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-document-library-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

body.broker-c360-ui .c360-settings-document-library-page .c360-doc-library-table-state-cell,
body.broker-c360-ui .c360-settings-document-library-page .c360-document-library-table .c360-doc-library-table-state > td {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 3rem 1rem !important;
}

body.broker-c360-ui .c360-settings-document-library-page .c360-doc-library-table-state__inner {
  max-width: 100%;
}

body.broker-c360-ui .c360-settings-document-library-page .c360-doc-library-table-state__icon.uil {
  font-size: 2rem;
  line-height: 1;
  color: var(--ch3);
}

/* Upload modal — header + centred dropzone (match Smart Forms wizard) */
body.broker-c360-ui #uploadDocumentModal.client-claims-modal-c360 .modal-header .modal-title,
body.broker-c360-ui #uploadDocumentModal .client-claims-modal-c360__title-wrap .modal-title,
body.broker-c360-ui #uploadDocumentModal #uploadDocumentModalTitle {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.broker-c360-ui #uploadDocumentModal .client-claims-modal-c360__subtitle,
body.broker-c360-ui #uploadDocumentModal #uploadDocumentModalSubtitle {
  color: rgba(255, 255, 255, 0.55) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.55) !important;
}

body.broker-c360-ui #uploadDocumentModal .client-claims-modal-c360__header-icon,
body.broker-c360-ui #uploadDocumentModal .client-claims-modal-c360__header-icon .fas,
body.broker-c360-ui #uploadDocumentModal .client-claims-modal-c360__header-icon span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Upload modal — form section spacing (modal is moved to body; route CSS may load late) */
body.broker-c360-ui #uploadDocumentModal .c360-doc-library-form-section {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border2);
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-library-form-section:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-library-form-section-title {
  margin: 0 0 0.75rem;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-library-form-field .form-label {
  margin-bottom: 0.375rem;
}

body.broker-c360-ui #uploadDocumentModal #uploadDocFileSection .c360-doc-library-form-section-title {
  margin-top: 0.35rem;
}

body.broker-c360-ui #uploadDocumentModal #uploadDocFileSection .c360-doc-lib-upload-area {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

body.broker-c360-ui #uploadDocumentModal #uploadDocFileSection > .form-text {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

body.broker-c360-ui #uploadDocumentModal #uploadDocContentSection .c360-doc-library-form-section-title {
  margin-top: 0.15rem;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area {
  border-color: var(--border, #d8dee6) !important;
  background: color-mix(in srgb, var(--t, #1a8a82) 4%, #fff);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  min-height: 200px;
  padding: 2rem 1.5rem;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area__inner > p.mb-1 {
  margin-bottom: 0.375rem !important;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area__inner > p.small.mb-3 {
  margin-bottom: 1rem !important;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area:hover,
body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area:focus-visible,
body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area.c360-doc-lib-upload-area--active {
  border-color: color-mix(in srgb, var(--t, #1a8a82) 45%, var(--border, #d8dee6)) !important;
  background: color-mix(in srgb, var(--t, #1a8a82) 8%, #fff);
  outline: none;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area__icon {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--t, #1a8a82) 12%, #fff);
  color: var(--t, #1a8a82);
  font-size: 1.5rem;
  line-height: 1;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area__icon i {
  display: block;
  line-height: 1;
}

body.broker-c360-ui #uploadDocumentModal .c360-doc-lib-upload-area__inner {
  max-width: 320px;
}

body.broker-c360-ui #uploadDocumentModal label.c360-btn#btnDocLibBrowseFiles {
  cursor: pointer;
  margin-bottom: 0;
}

/*
 * Partner Branding (Settings) — scroll on #content-container, not nested overflow.
 */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-partner-branding-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-partner-branding-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-settings-partner-branding-page .c360-settings-table-card .c360-tasks-table-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-partner-branding-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-partner-branding-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

/* Audit Trail — main #content-container scroll (aligned with Partner Branding / Permissions) */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-audit-trail-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-audit-trail-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-settings-audit-trail-page .c360-settings-table-card .c360-tasks-table-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-audit-trail-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-audit-trail-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}

/* Form Responses — main #content-container scroll */
body.broker-c360-ui .c360-journey-page > .pg-full.c360-settings-form-responses-page {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
  display: block;
}

body.broker-c360-ui .c360-settings-form-responses-page .c360-settings-table-card {
  overflow: visible;
}

body.broker-c360-ui #content-container .c360-settings-form-responses-page .c360-settings-table-card .c360-tasks-table-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

body.broker-c360-ui .c360-main-stack .content#content-container:has(.c360-settings-form-responses-page) {
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
}

body.broker-c360-ui .c360-main-stack .content#content-container .c360-journey-page:has(.c360-settings-form-responses-page) {
  flex: 0 1 auto;
  min-height: auto;
  overflow: visible;
}