.mla-user-agreements-wrapper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
  container-type: inline-size;
  container-name: mla-agreements;
}

.mla-user-agreements-wrapper br {
  display: none;
}

.mla-agreements-notice {
  padding: 10px 15px;
  background: #d4edda;
  border: 1px solid #c3e6cb;
  margin-bottom: 20px;
  border-radius: 4px;
}

.mla-agreements-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mla-tab-gap, 8px);
  margin: 0 0 16px;
}

.mla-agreements-tab {
  display: inline-block;
  padding: var(--mla-tab-padding-y, 8px) var(--mla-tab-padding-x, 14px);
  border: 1px solid var(--mla-tab-border, var(--mla-row-border, #F2F6F6));
  border-radius: var(--mla-tab-radius, 6px);
  text-decoration: none;
  color: var(--mla-tab-text, #333333);
  background: var(--mla-tab-bg, #fff);
  font-size: var(--mla-tab-font-size, inherit);
  line-height: 1.3;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.mla-agreements-tab:hover {
  border-color: var(--mla-tab-hover-border, var(--mla-tab-active-border, var(--mla-tab-active, #41A3AF)));
  color: var(--mla-tab-hover-text, var(--mla-tab-active-text, var(--mla-tab-active, #41A3AF)));
  background: var(--mla-tab-hover-bg, #f7f9f9);
}

.mla-agreements-tab.is-active {
  border-color: var(--mla-tab-active-border, var(--mla-tab-active, #41A3AF));
  color: var(--mla-tab-active-text, var(--mla-tab-active, #41A3AF));
  background: var(--mla-tab-active-bg, transparent);
}

/* Защита вкладок фильтра от цветов ссылок темы MEMBERLUX */
.mla-user-agreements-wrapper .mla-agreements-tab,
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab,
.lesson-content .mla-user-agreements-wrapper a.mla-agreements-tab,
.content .mla-user-agreements-wrapper a.mla-agreements-tab,
.content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab,
.page-description-content .content .mla-user-agreements-wrapper a.mla-agreements-tab,
.ps_content .mla-user-agreements-wrapper a.mla-agreements-tab,
.ps_content.mbl-no-access .mla-user-agreements-wrapper a.mla-agreements-tab {
  color: var(--mla-tab-text, #333333) !important;
  text-decoration: none !important;
}

.mla-user-agreements-wrapper .mla-agreements-tab:hover,
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.lesson-content .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.content .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.page-description-content .content .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.ps_content .mla-user-agreements-wrapper a.mla-agreements-tab:hover,
.ps_content.mbl-no-access .mla-user-agreements-wrapper a.mla-agreements-tab:hover {
  border-color: var(--mla-tab-hover-border, var(--mla-tab-active-border, var(--mla-tab-active, #41A3AF))) !important;
  color: var(--mla-tab-hover-text, var(--mla-tab-active-text, var(--mla-tab-active, #41A3AF))) !important;
  background: var(--mla-tab-hover-bg, #f7f9f9) !important;
  text-decoration: none !important;
}

.mla-user-agreements-wrapper .mla-agreements-tab.is-active,
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.lesson-content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.page-description-content .content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.ps_content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.ps_content.mbl-no-access .mla-user-agreements-wrapper a.mla-agreements-tab.is-active,
.mla-user-agreements-wrapper .mla-agreements-tab.is-active:hover,
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap .mla-user-agreements-wrapper a.mla-agreements-tab.is-active:hover,
.page-description-content .content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active:hover,
.ps_content .mla-user-agreements-wrapper a.mla-agreements-tab.is-active:hover {
  border-color: var(--mla-tab-active-border, var(--mla-tab-active, #41A3AF)) !important;
  color: var(--mla-tab-active-text, var(--mla-tab-active, #41A3AF)) !important;
  background: var(--mla-tab-active-bg, transparent) !important;
  text-decoration: none !important;
}

.mla-admin-profile-agreements .mla-agreements-tabs {
  margin-bottom: 12px;
}

.mla-agreements-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 10px;
  border: 1px solid var(--mla-row-border, #F2F6F6);
  border-radius: 6px;
  background: var(--mla-table-bg, #ffffff);
}

.mla-agreements-table.shop_table {
  border: 0;
  margin-bottom: 0;
}

.mla-agreements-table.shop_table td,
.mla-agreements-table.shop_table th {
  border-top: 0;
}

.mla-agreements-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--mla-font-size, 16px);
}

.mla-agreements-table thead tr {
  background: var(--mla-header-bg, #F2F6F6);
}

.mla-agreements-table th,
.mla-agreements-table td {
  padding: 12px 14px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--mla-row-border, #F2F6F6);
  color: var(--mla-text-color, inherit);
}

.mla-agreements-table tbody tr:last-child td {
  border-bottom: 0;
}

.mla-agreements-table th {
  font-weight: 600;
  white-space: nowrap;
}

.mla-agreements-table .mla-col-status {
  white-space: nowrap;
}

.mla-agreements-table .mla-col-status .mla-status,
.mla-agreements-table .mla-col-status .mla-status-text {
  white-space: nowrap;
}

.mla-user-agreements-wrapper .mla-status.mla-status-yes,
.mla-user-agreements-wrapper .mla-status.mla-status-yes .mla-status-text {
  color: var(--mla-color-status-yes, #256C5A) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mla-user-agreements-wrapper .mla-status.mla-status-no,
.mla-user-agreements-wrapper .mla-status.mla-status-no .mla-status-text {
  color: var(--mla-color-status-no, #BF003D) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mla-user-agreements-wrapper .mla-status.mla-status-empty,
.mla-user-agreements-wrapper .mla-status.mla-status-empty .mla-status-text {
  color: var(--mla-color-status-empty, #FFA343) !important;
  font-weight: var(--mla-status-font-weight, 700);
}

.mla-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1.3;
  vertical-align: middle;
}

.mla-status-icon {
  width: var(--mla-status-icon-size, 18px);
  height: var(--mla-status-icon-size, 18px);
  object-fit: contain;
  flex: 0 0 auto;
  vertical-align: middle;
}

.mla-status-icon-tinted {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.mla-status-icon-only {
  justify-content: center;
}

.mla-status-text {
  display: inline-block;
}

.mla-agreement-doc-link {
  color: var(--mla-link-color, #0FAAB7) !important;
  text-decoration: var(--mla-link-underline, none);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.mla-agreement-doc-link:hover {
  color: var(--mla-link-hover-color, #085D6B) !important;
  text-decoration: var(--mla-link-underline, none);
}

.mla-checkbox-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  line-height: 1.4;
}

/* Компенсация глобального input[type="checkbox"] { margin: 4px 0 0; } в теме */
.mla-user-agreements-wrapper .mla-checkbox-label input[type="checkbox"] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0;
  line-height: 1 !important;
  flex: 0 0 16px;
  align-self: center;
  vertical-align: middle;
  position: relative;
  top: 0;
}

.mla-user-agreements-wrapper .mla-checkbox-label span {
  line-height: 1.4;
  margin: 0;
}

.mla-not-editable {
  color: var(--mla-not-editable-color, #9C9CA7);
}

.mla-no-link {
  color: var(--mla-not-editable-color, #9C9CA7);
}

.mla-agreements-submit {
  margin: var(--mla-button-margin-top, 16px) var(--mla-button-margin-right, 0) var(--mla-button-margin-bottom, 0) var(--mla-button-margin-left, 0);
  display: flex;
  justify-content: flex-start;
  border: none;
  padding: 0;
}

.mla-agreements-submit--align-stretch {
  display: block;
}

.mla-agreements-submit--align-center {
  justify-content: center;
}

.mla-agreements-submit--align-right {
  justify-content: flex-end;
}

.mla-agreements-button {
  padding: var(--mla-button-padding-y, 18px) var(--mla-button-padding-x, 40px);
  line-height: 100%;
  background: var(--mla-button-bg, #256C5A);
  color: var(--mla-button-color, #fff);
  border: var(--mla-button-bw, 0) solid var(--mla-button-border-color, transparent);
  cursor: pointer;
  border-radius: var(--mla-button-radius, 30px);
  font-weight: 600;
  font-size: 18px;
  width: var(--mla-button-width, 100%);
  max-width: 100%;
  box-sizing: border-box;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.mla-agreements-submit--align-stretch .mla-agreements-button {
  width: 100%;
  display: block;
  text-align: center;
}

.mla-agreements-submit--align-left .mla-agreements-button,
.mla-agreements-submit--align-center .mla-agreements-button,
.mla-agreements-submit--align-right .mla-agreements-button {
  width: var(--mla-button-width, auto);
}

.mla-agreements-button:hover {
  background: var(--mla-button-hover-bg, #51897B) !important;
  color: var(--mla-button-hover-color, var(--mla-button-color, #fff)) !important;
  border-color: var(--mla-button-border-hover-color, var(--mla-button-border-color, transparent)) !important;
}

.mla-doc-version-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mla-doc-version-links .mla-doc-version-link-row {
  display: block;
}

.mla-agreement-doc-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Компактный вид — @container в inline-стилях шорткода (MBA_Tracker::get_mobile_css). */