/* Batch C: production Hub styles (axcces-hub origin/main), scoped under .hp by tools/hub-rc-css.js. */
/* src/pages/Dashboard/components/newbury/NewburyRecertificationStatusCard.css */
.hp .newbury-recert-status-card{
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hp .newbury-recert-status-card__body{
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.hp .newbury-recert-status-card__status-row{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
}
.hp .newbury-recert-status-card__status{
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--primary-color);
}
.hp .newbury-recert-status-card__deadline{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
  background: #f1f3f5;
  color: #495057;
}
.hp .newbury-recert-status-card--urgent .newbury-recert-status-card__deadline, .hp .newbury-recert-status-card--overdue .newbury-recert-status-card__deadline{
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.hp .newbury-recert-status-card__identity{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid #f0f1f4;
}
.hp .newbury-recert-status-card__avatar{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e6f0ff;
  color: #3b6fd4;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
}
.hp .newbury-recert-status-card__identity-line{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 6px;
  min-width: 0;
}
.hp .newbury-recert-status-card__name{
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--primary-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.hp .newbury-recert-status-card__role{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  white-space: nowrap;
}
.hp .newbury-recert-status-card__timeline{
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.hp .newbury-recert-status-card__timeline-track{
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.hp .newbury-recert-status-card__timeline-node{
  flex: 1 1 0;
  display: flex;
  align-items: center;
}
.hp .newbury-recert-status-card__timeline-dot{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 999px;
  background: #e9ecef;
  color: #fff;
  transition: background 0.2s ease;
}
.hp .newbury-recert-status-card__timeline-node.is-done .newbury-recert-status-card__timeline-dot{
  background: var(--primary-color);
}
.hp .newbury-recert-status-card__timeline-node.is-current .newbury-recert-status-card__timeline-dot{
  background: #fff;
  border: 2px solid var(--primary-color);
  width: 12px;
  height: 12px;
}
.hp .newbury-recert-status-card__timeline-node:not(:last-child)::after{
  content: "";
  flex: 1 1 auto;
  height: 2px;
  background: #e9ecef;
  margin: 0 2px;
}
.hp .newbury-recert-status-card__timeline-node.is-done:not(:last-child)::after{
  background: var(--primary-color);
}
.hp .newbury-recert-status-card__timeline-current{
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1a202c;
}
.hp .newbury-recert-status-card__timeline-current svg{ color: var(--primary-color); flex-shrink: 0; }
.hp .newbury-recert-status-card__progress{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid #f0f1f4;
  flex-wrap: wrap;
}
.hp .newbury-recert-status-card__donut{ position: relative; flex: 0 0 auto; width: 44px; height: 44px; }
.hp .newbury-recert-status-card__donut svg{ width: 100%; height: 100%; transform: rotate(-90deg); }
.hp .newbury-recert-status-card__donut-track{ fill: none; stroke: #f1f3f5; stroke-width: 5; }
.hp .newbury-recert-status-card__donut-fill{ fill: none; stroke-width: 5; stroke-linecap: round; transition: stroke-dasharray 0.4s ease; }
.hp .newbury-recert-status-card__donut--success .newbury-recert-status-card__donut-fill{ stroke: #198754; }
.hp .newbury-recert-status-card__donut--warning .newbury-recert-status-card__donut-fill{ stroke: #b45309; }
.hp .newbury-recert-status-card__donut--danger .newbury-recert-status-card__donut-fill{ stroke: #dc3545; }
.hp .newbury-recert-status-card__donut-pct{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1a202c;
}
.hp .newbury-recert-status-card__progress-text{ display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.hp .newbury-recert-status-card__progress-label{
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--primary-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.hp .newbury-recert-status-card__progress-caption{ font-size: 0.85rem; font-weight: 700; color: #1a202c; }
.hp .newbury-recert-status-card__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  align-self: flex-start;
  margin-top: 0.1rem;
  padding: 0.45rem 0.9rem;
  border: none;
  border-radius: 8px;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.hp .newbury-recert-status-card__cta:hover{ background: var(--primary-hover, #032765); }
.hp .newbury-recert-status-card__cta--submit{ background: var(--ax-success, #008332); }
.hp .newbury-recert-status-card__cta--submit:hover{ background: #006b29; }
.hp .newbury-recert-status-card__link{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  align-self: flex-start;
  margin-top: 0.1rem;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--primary-color);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
.hp .newbury-recert-status-card__link:hover{ text-decoration: underline; }
.hp .newbury-recert-status-card__progress-caption--ready{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--ax-success, #008332) !important;
  font-weight: 600;
}
.hp .newbury-recert-status-card__notice{
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}
.hp .newbury-recert-status-card__notice svg{ flex-shrink: 0; margin-top: 0.125rem; }
.hp .newbury-recert-status-card__notice p{ margin: 0; font-size: 0.875rem; line-height: 1.5; }
.hp .newbury-recert-status-card__notice a{ color: var(--primary-color); font-weight: 500; text-decoration: underline; }
.hp .newbury-recert-status-card__notice--info{ color: #0d4eb4; }
.hp .newbury-recert-status-card__notice--info svg{ color: #0d6efd; }
.hp .newbury-recert-status-card__notice--danger{ color: #842029; }
.hp .newbury-recert-status-card__notice--danger svg{ color: #dc3545; }
.hp .newbury-recert-status-card__notice--warning{ color: #664d03; }
.hp .newbury-recert-status-card__notice--warning svg{ color: #ffc107; }
.hp .newbury-recert-status-card__notice--success{ color: #0f5132; }
.hp .newbury-recert-status-card__notice--success svg{ color: #198754; }
@media (max-width: 768px){.hp .newbury-recert-status-card__timeline-current{
    align-items: flex-start;
    line-height: 1.3;
  }
.hp .newbury-recert-status-card__timeline-current svg{
    margin-top: 0.1rem;
  }
.hp .newbury-recert-status-card__cta{
    width: 100%;
    align-self: stretch;
  }
}
/* src/pages/Dashboard/components/newbury/NewburyActionItemsCard.css */
.hp .newbury-action-items-card{
  height: auto;
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
@media (max-width: 768px){.hp .newbury-action-items-card{
    height: auto;
    max-height: none;
  }
.hp .newbury-action-items-card__list{
    overflow-y: visible;
  }
}
.hp .newbury-action-items-card__count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: #dc3545;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
}
.hp .newbury-action-items-card__body{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0.65rem 0.75rem;
}
.hp .newbury-action-items-card__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 0.5rem;
}
.hp .newbury-action-items-card__chip{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0.3rem 0.65rem;
  border: 1px solid #e9ecef;
  border-radius: 999px;
  background: #ffffff;
  color: #495057;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.hp .newbury-action-items-card__chip:hover{
  border-color: var(--primary-color);
}
.hp .newbury-action-items-card__chip.is-active{
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #ffffff;
}
.hp .newbury-action-items-card__chip-count{
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}
.hp .newbury-action-items-card__complete{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  margin-bottom: 0.6rem;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 8px;
  background: var(--primary-color);
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease;
}
.hp .newbury-action-items-card__complete:hover{
  background: var(--primary-hover, #032765);
}
.hp .newbury-action-items-card__list{
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hp .newbury-action-items-card__item{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.55rem 0.6rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}
.hp .newbury-action-items-card__item:hover{
  background: #f8f9fa;
}
.hp .newbury-action-items-card__dot{
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #b45309;
}
.hp .newbury-action-items-card__text{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.82rem;
  font-weight: 500;
  color: #1a202c;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hp .newbury-action-items-card__chevron{
  flex-shrink: 0;
  color: #adb5bd;
}
.hp .newbury-action-items-card__more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  width: 100%;
  flex-shrink: 0;
  margin-top: 0.4rem;
  padding: 0.5rem 0.75rem;
  border: none;
  border-top: 1px solid #f1f3f5;
  border-radius: 0 0 8px 8px;
  background: transparent;
  color: var(--primary-color);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
}
.hp .newbury-action-items-card__more:hover{
  background: #f8f9fa;
}
.hp .newbury-action-items-card__more-chevron{
  transition: transform 0.2s ease;
}
.hp .newbury-action-items-card__more-chevron.is-open{
  transform: rotate(180deg);
}
/* src/components/common/RequestedItems/RequestedItems.css */
.hp .requested-items{
  background: var(--ax-white, #ffffff);
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-left: 4px solid var(--primary-color, #032765);
  border-radius: 12px;
  box-shadow: var(--ax-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
  overflow: hidden;
  margin-bottom: 1rem;
}
.hp .requested-items__heading{
  margin: 0;
}
.hp .requested-items__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border: none;
  background: transparent;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease;
}
.hp .requested-items__header:hover, .hp .requested-items__header:focus-visible{
  background: var(--ax-navy-050, #f4f7fc);
  outline: none;
}
.hp .requested-items__header-text{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.hp .requested-items__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--ax-text-card-title, 1rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
}
.hp .requested-items__subtitle{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
  font-weight: 400;
}
.hp .requested-items__header-end{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  flex: 0 0 auto;
  padding-top: 0.1rem;
}
.hp .requested-items__count{
  min-width: 26px;
  text-align: center;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  background: var(--ax-navy-100, #e8edf6);
  border-radius: var(--ax-radius-pill, 999px);
  padding: 0.15rem 0.55rem;
}
.hp .requested-items__chevron{
  color: var(--ax-gray-500, #667085);
  transition: transform 0.2s ease;
  flex: 0 0 auto;
}
.hp .requested-items__header--open .requested-items__chevron{
  transform: rotate(180deg);
}
.hp .requested-items__body{
  padding: 0 1rem 1rem;
}
.hp .requested-items__body[hidden]{
  display: none;
}
.hp .requested-items__list{
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  max-height: 340px;
  overflow-y: auto;
}
.hp .requested-items__row{
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-radius: 10px;
  background: var(--ax-white, #ffffff);
  overflow: hidden;
}
.hp .requested-items__row--rejected{
  border-color: var(--ax-danger-border);
  background: var(--ax-danger-bg);
}
.hp .requested-items__item-badge{
  display: inline-flex;
  align-items: center;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  background: var(--ax-danger-bg);
  color: var(--ax-danger);
}
.hp .requested-items__row--rejected .requested-items__item-text{
  color: var(--ax-danger);
}
.hp .requested-docs-dialog__rejected{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--ax-danger-border);
  border-radius: 8px;
  background: var(--ax-danger-bg);
}
.hp .requested-docs-dialog__rejected-title{
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--ax-danger);
}
.hp .requested-docs-dialog__rejected-text{
  margin: 0;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-danger);
  word-break: break-word;
}
.hp .requested-items__item{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.hp .requested-items__item:hover{
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-items__item:focus-visible{
  background: var(--ax-navy-050, #f4f7fc);
  outline: 2px solid var(--primary-color, #032765);
  outline-offset: -2px;
}
.hp .requested-items__item-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: var(--ax-radius-lg, 8px);
  background: var(--ax-navy-100, #e8edf6);
  color: var(--primary-color, #032765);
}
.hp .requested-items__item-body{
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 1 1 auto;
  min-width: 0;
}
.hp .requested-items__item-name{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  word-break: break-word;
}
.hp .requested-items__item-info{
  display: inline-flex;
  align-items: center;
  color: var(--ax-gray-400, #98a2b3);
  cursor: help;
}
.hp .requested-items__item-member{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-items__item-text{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-700, #344054);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
}
.hp .requested-items__item-action{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  align-self: center;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  background: var(--ax-navy-100, #e8edf6);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.42rem 0.85rem;
  white-space: nowrap;
  transition: background 0.2s ease;
}
.hp .requested-items__item:hover .requested-items__item-action{
  background: #d7e1f2;
}
.hp .requested-items__links{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0 0.9rem 0.7rem 3.4rem;
}
.hp .requested-items__links a{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--primary-color, #032765);
  text-decoration: none;
  word-break: break-all;
}
.hp .requested-items__links a:hover{
  text-decoration: underline;
}
.hp .requested-items__loading-row{
  padding: 0.6rem 0;
}
.hp .requested-items__error{
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-items__retry{
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  background: transparent;
  border-radius: var(--ax-radius-md, 6px);
  padding: 0.25rem 0.75rem;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--primary-color, #032765);
  cursor: pointer;
}
.hp .requested-docs-dialog__overlay{
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1060;
  padding: 1rem;
}
.hp .requested-docs-dialog{
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 520px;
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--ax-shadow-lg, 0 12px 28px rgba(16, 24, 40, 0.12));
}
.hp .requested-docs-dialog__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid var(--ax-gray-200, #e6e8ec);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--ax-text-card-title, 1rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  margin: 0;
}
.hp .requested-docs-dialog__close{
  border: none;
  background: transparent;
  color: var(--ax-gray-500, #667085);
  cursor: pointer;
  line-height: 0;
  padding: 0.25rem;
  border-radius: var(--ax-radius-md, 6px);
}
.hp .requested-docs-dialog__close:hover:not(:disabled){
  background: var(--ax-gray-100, #f2f4f7);
  color: var(--ax-gray-900, #1a202c);
}
.hp .requested-docs-dialog__body{
  padding: 1.25rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.hp .requested-docs-dialog__summary{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.hp .requested-docs-dialog__doc-name{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  word-break: break-word;
}
.hp .requested-docs-dialog__member{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-docs-dialog__request{
  background: var(--ax-gray-050, #f8f9fa);
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.65rem 0.75rem;
}
.hp .requested-docs-dialog__request-label{
  display: block;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--ax-gray-500, #667085);
  margin-bottom: 0.2rem;
}
.hp .requested-docs-dialog__request-text{
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-gray-700, #344054);
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
}
.hp .requested-docs-dialog__links{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.hp .requested-docs-dialog__links a{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--primary-color, #032765);
  text-decoration: none;
  word-break: break-all;
}
.hp .requested-docs-dialog__links a:hover{
  text-decoration: underline;
}
.hp .requested-docs-dialog__picker{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  padding: 1.1rem 0.75rem;
  border: 1px dashed var(--ax-gray-400, #98a2b3);
  border-radius: 10px;
  background: var(--ax-gray-050, #f8f9fa);
  color: var(--ax-gray-700, #344054);
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.hp .requested-docs-dialog__picker:hover:not(:disabled){
  border-color: var(--primary-color, #032765);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__picker:disabled{
  cursor: not-allowed;
  opacity: 0.65;
}
.hp .requested-docs-dialog__picker-text{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  word-break: break-all;
  text-align: center;
}
.hp .requested-docs-dialog__picker-hint{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-docs-dialog__footer{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--ax-gray-200, #e6e8ec);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__button{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.45rem 1rem;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  border: 1px solid transparent;
}
.hp .requested-docs-dialog__button:disabled{
  cursor: not-allowed;
  opacity: 0.6;
}
.hp .requested-docs-dialog__button--ghost{
  background: transparent;
  border-color: var(--ax-gray-200, #e6e8ec);
  color: var(--ax-gray-700, #344054);
}
.hp .requested-docs-dialog__button--ghost:hover:not(:disabled){
  background: var(--ax-gray-100, #f2f4f7);
}
.hp .requested-docs-dialog__button--primary{
  background: var(--primary-color, #032765);
  color: #fff;
}
.hp .requested-docs-dialog__button--primary:hover:not(:disabled){
  filter: brightness(1.15);
}
@media (max-width: 768px){.hp .requested-items__header{
    padding: 0.875rem 1rem;
  }
.hp .requested-items__body{
    padding: 0 0.75rem 0.75rem;
  }
.hp .requested-items__item{
    flex-wrap: wrap;
  }
.hp .requested-items__item-action{
    align-self: flex-start;
    margin-left: 3.4rem;
  }
.hp .requested-items__links{
    padding-left: 0.9rem;
  }
.hp .requested-docs-dialog__overlay{
    padding: 0;
    align-items: flex-end;
  }
.hp .requested-docs-dialog{
    max-width: 100%;
    max-height: 92vh;
    border-radius: 16px 16px 0 0;
  }
}
/* src/pages/Recertification/components/newbury/NewburyRecertification.css */
.hp .newbury-recertification__notice{
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: var(--ax-radius-md, 6px);
  margin: 1.5rem 0;
}
.hp .newbury-recertification__notice svg{
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.hp .newbury-recertification__notice p{
  margin: 0;
  font-size: var(--font-14);
  line-height: 1.5;
}
.hp .newbury-recertification__notice a{
  color: var(--primary-color);
  font-weight: 500;
  text-decoration: underline;
}
.hp .newbury-recertification__notice a:hover{
  text-decoration: none;
}
.hp .recert-aor-banner{
  align-items: center;
}
.hp .recert-aor-banner p{
  flex: 1 1 auto;
}
.hp .recert-aor-banner__btn{
  flex: none;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: var(--ax-radius-md, 6px);
  background: var(--primary-color);
  color: #fff;
  font-size: var(--font-14);
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.hp .recert-aor-banner__btn:disabled{
  opacity: 0.6;
  cursor: default;
}
@media (max-width: 768px){.hp .recert-aor-banner{
    flex-wrap: wrap;
  }
}
.hp .newbury-recertification__notice--info{
  background: var(--ax-navy-050);
  border-left: 4px solid var(--ax-navy-700);
  color: var(--ax-navy-700);
}
.hp .newbury-recertification__notice--info svg{
  color: var(--ax-navy-700);
}
.hp .newbury-recertification__notice--warning{
  background: var(--ax-warning-bg);
  border-left: 4px solid var(--ax-warning);
  color: var(--ax-warning);
}
.hp .newbury-recertification__notice--warning svg{
  color: var(--ax-warning);
}
@media (max-width: 768px){.hp .newbury-recertification__notice{
    padding: 0.875rem 1rem;
  }
}
.hp .newbury-recert-page{
  background: var(--ax-white);
  border-radius: var(--ax-radius-lg);
  border: 1px solid var(--ax-gray-200);
  padding: var(--ax-space-5);
}
.hp .newbury-recert-page__header{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.hp .newbury-recert-page__header svg{
  color: var(--primary-color);
  flex-shrink: 0;
}
.hp .newbury-recert-page__header h1{
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--app-text, #212529);
  margin: 0;
}
.hp .newbury-recert-page__subtitle{
  font-size: var(--font-14);
  color: var(--app-text-muted, #667085);
  margin: 0 0 1.5rem 0;
}
.hp .newbury-recert-page__loading{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}
.hp .newbury-recert-current{
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  background: var(--app-surface, #fff);
  box-shadow: var(--ax-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
}
.hp .newbury-recert-current__label{
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--primary-color);
  background: var(--ax-navy-050, #f4f7fc);
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
}
.hp .newbury-recert-current__title-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-current__title{
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--app-text, #212529);
  margin: 0;
}
.hp .newbury-recert-current__title-right{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.hp .newbury-recert-current__completion{
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  background: var(--ax-warning-bg, #fdf3e3);
  color: var(--ax-warning, #b45309);
}
.hp .newbury-recert-current__badge{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  white-space: nowrap;
}
.hp .newbury-recert-current__badge--in-progress{
  background: var(--ax-navy-050, #f4f7fc);
  color: var(--primary-color, #032765);
}
.hp .newbury-recert-current__badge--completed{
  background: var(--ax-success-bg, #e6f4ec);
  color: var(--ax-success, #008332);
}
.hp .newbury-recert-current__badge--waiting{
  background: var(--ax-warning-bg, #fdf3e3);
  color: var(--ax-warning, #b45309);
}
.hp .newbury-recert-current__badge--attention{
  background: var(--ax-danger-bg, #fbeaea);
  color: var(--ax-danger, #970000);
}
.hp .newbury-recert-current__progress{
  margin-bottom: 1.25rem;
}
.hp .newbury-recert-current__progress-bar{
  height: 8px;
  background: var(--app-surface-soft, #f5f7fa);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.375rem;
}
.hp .newbury-recert-current__progress-fill{
  height: 100%;
  background: var(--primary-color);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.hp .newbury-recert-current__progress-label{
  font-size: var(--font-13);
  color: var(--app-text-muted, #667085);
  text-align: right;
  display: block;
}
.hp .newbury-recert-current__details{
  display: flex;
  gap: 2rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-current__detail-item{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.hp .newbury-recert-current__detail-label{
  font-size: var(--font-12);
  color: var(--app-text-muted, #667085);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.hp .newbury-recert-current__detail-value{
  font-size: var(--font-14);
  color: var(--app-text, #212529);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.hp .newbury-recert-current__detail-value--danger{
  color: #dc3545;
}
.hp .newbury-recert-current__details-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: var(--app-surface-soft, #f5f7fa);
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: 8px;
}
@media (max-width: 576px){.hp .newbury-recert-current__details-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
  }
.hp .newbury-recert-current__detail-item{
    min-width: 0;
  }
.hp .newbury-recert-current__detail-label{
    font-size: 0.65rem !important;
  }
.hp .newbury-recert-current__detail-value{
    font-size: 0.8rem !important;
  }
}
.hp .newbury-recert-current__next-step{
  margin-bottom: 1rem;
  padding: 0.625rem 0.875rem;
  background: var(--ax-warning-bg, #fdf3e3);
  border-left: 3px solid var(--ax-warning, #b45309);
  border-radius: var(--ax-radius-sm, 4px);
  font-size: var(--font-13);
  color: var(--ax-warning, #b45309);
}
.hp .newbury-recert-current__actions{
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-current__btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  white-space: nowrap;
  background: var(--primary-color);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 0.625rem 1.25rem;
  font-size: var(--font-14);
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}
.hp .newbury-recert-current__btn-primary:hover{
  background: var(--primary-hover, #032765);
}
.hp .newbury-recert-current__btn-secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  white-space: nowrap;
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  padding: 0.625rem 1.25rem;
  font-size: var(--font-14);
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.hp .newbury-recert-current__btn-secondary:hover{
  background: var(--primary-color);
  color: #ffffff;
}
.hp .newbury-recert-previous{
  margin-top: 1.5rem;
}
.hp .newbury-recert-previous__header{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.hp .newbury-recert-previous__header h3{
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--app-text, #212529);
  margin: 0;
}
.hp .newbury-recert-previous__count{
  font-size: var(--font-13);
  color: var(--app-text-muted, #667085);
}
.hp .newbury-recert-previous__card{
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
  background: var(--app-surface, #fff);
  transition: box-shadow 0.2s ease;
}
.hp .newbury-recert-previous__card:hover{
  box-shadow: var(--ax-shadow-md, 0 4px 12px rgba(16, 24, 40, 0.08));
}
.hp .newbury-recert-previous__card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.hp .newbury-recert-previous__card-title-row{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-previous__card-title-row h4{
  font-size: var(--font-15, 0.9375rem);
  font-weight: 600;
  color: var(--app-text, #212529);
  margin: 0;
}
.hp .newbury-recert-previous__download-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid var(--app-border, #e6e8ec);
  background: transparent;
  color: var(--app-text-muted, #667085);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.hp .newbury-recert-previous__download-btn:hover{
  background: var(--primary-color);
  color: #ffffff;
  border-color: var(--primary-color);
}
.hp .newbury-recert-previous__card-details{
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-previous__detail-item{
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.hp .newbury-recert-sign-callout{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  border: 1px solid var(--ax-warning, #b45309);
  background: var(--ax-warning-bg, #fff7ed);
  color: var(--app-text, #212529);
  font-size: var(--font-14);
}
.hp .newbury-recert-id{
  margin: 2px 0 0;
  font-size: var(--font-13, 0.8125rem);
  line-height: 1.4;
  color: var(--app-text-muted, #667085);
  word-break: break-all;
}
.hp .newbury-recert-id__label{
  font-weight: 600;
}
.hp .newbury-recert-previous__detail-label{
  font-size: var(--font-12);
  color: var(--app-text-muted, #667085);
  font-weight: 500;
}
.hp .newbury-recert-previous__detail-value{
  font-size: var(--font-14);
  color: var(--app-text, #212529);
}
.hp .newbury-recert-previous__empty{
  font-size: var(--font-14);
  color: var(--app-text-muted, #667085);
  margin: 0;
  padding: 1rem 0;
  font-style: italic;
}
@media (max-width: 768px){.hp .newbury-recert-page{
    padding: 1rem 0.75rem;
  }
.hp .newbury-recert-current{
    padding: 1.25rem 1rem;
  }
.hp .newbury-recert-current__title-row{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
.hp .newbury-recert-current__details{
    flex-direction: column;
    gap: 0.75rem;
  }
.hp .newbury-recert-current__actions{
    flex-direction: column;
  }
.hp .newbury-recert-current__btn-primary, .hp .newbury-recert-current__btn-secondary{
    width: 100%;
    justify-content: center;
  }
.hp .newbury-recert-previous__card-header{
    flex-direction: column;
    align-items: flex-start;
  }
.hp .newbury-recert-previous__card-details{
    flex-direction: column;
    gap: 0.5rem;
  }
}
.hp .newbury-recert-chat-page{
  background: var(--app-surface, #fff);
  border-radius: var(--ax-radius-lg, 8px);
  border: 1px solid var(--app-border, #e6e8ec);
  box-shadow: var(--ax-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
  padding: var(--ax-space-5, 24px);
}
.hp .newbury-recert-chat-page__back{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: var(--font-14);
  color: var(--app-text, #212529);
  cursor: pointer;
  margin-bottom: 1.25rem;
  transition: background 0.2s ease;
}
.hp .newbury-recert-chat-page__back:hover{
  background: var(--app-surface-soft, #f5f7fa);
}
@media (max-width: 768px){.hp .newbury-recert-chat-page{
    padding: var(--ax-space-4, 16px);
  }
}
.hp .newbury-skeleton{
  display: block;
  background: linear-gradient(90deg, #e9ecef 25%, #f3f4f6 50%, #e9ecef 75%);
  background-size: 200% 100%;
  animation: newburySkeleton 1.4s ease-in-out infinite;
  border-radius: 4px;
  color: transparent !important;
}
.hp .newbury-skeleton--sm{
  width: 80px;
  height: 12px;
}
.hp .newbury-skeleton--md{
  width: 140px;
  height: 16px;
  margin-top: 4px;
}
@keyframes newburySkeleton{
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.hp .newbury-recert-current__details-grid--loading{
  min-height: 120px;
}
.hp .newbury-recert-tabs-card{
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  background: var(--app-surface, #fff);
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.hp .newbury-recert-tabs-card__tabs{
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--app-border, #e6e8ec);
  background: var(--app-surface-soft, #f5f7fa);
}
.hp .newbury-recert-tabs-card__doclink{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  margin-right: 1rem;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--primary-color, #032765);
  cursor: pointer;
}
.hp .newbury-recert-tabs-card__doclink:hover{
  text-decoration: underline;
}
.hp .newbury-recert-tabs-card__tab{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.875rem 1.25rem;
  border: none;
  background: transparent;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--app-text-muted, #667085);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.hp .newbury-recert-tabs-card__tab:hover{
  color: var(--primary-color, #032765);
}
.hp .newbury-recert-tabs-card__tab--active{
  color: var(--primary-color, #032765);
  font-weight: 600;
  border-bottom-color: var(--primary-color, #032765);
}
.hp .newbury-recert-tabs-card__content{
  padding: 1.25rem;
}
.hp .newbury-recert-current__top-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.hp .newbury-recert-current__top-left{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-current__top-actions{
  display: none;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.hp .newbury-recert-current__btn-top{
  display: none;
}
.hp .newbury-recert-current__actions--mobile{
  display: flex;
}
@media (min-width: 768px){.hp .newbury-recert-current__top-actions{
    display: flex;
  }
.hp .newbury-recert-current__btn-top{
    display: inline-flex;
  }
.hp .newbury-recert-current__actions--mobile{
    display: none;
  }
}
.hp .newbury-recert-current .newbury-recert-tabs-card{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: -1.5rem;
  border-radius: 0 0 12px 12px;
  border: none;
  border-top: 1px solid var(--app-border, #e6e8ec);
}
.hp .newbury-recert-current .newbury-recert-tabs-card__content{
  padding: 1.25rem 1.5rem;
}
.hp .newbury-recert-page .section-title{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.65rem;
  font-weight: 700;
  color: var(--ax-navy-700, #032765);
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.hp .newbury-recert-page .section-title .dashboard-icon{
  width: 1.65rem;
  height: 1.65rem;
  flex-shrink: 0;
  color: var(--ax-navy-700, #032765);
}
/* src/pages/Household/components/Overview/RecertificationJourneyCard.css */
.hp .profile-page.new_style .rjc{
  background: var(--app-surface, #fff);
  border: 1px solid var(--app-border, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  box-shadow: var(--ax-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
  padding: var(--ax-space-5, 20px);
  margin-bottom: var(--ax-space-4, 16px);
}
.hp .profile-page.new_style .rjc__top{
  display: flex;
  align-items: stretch;
  gap: var(--ax-space-5, 24px);
}
.hp .profile-page.new_style .rjc__main{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--ax-space-3, 12px);
}
.hp .profile-page.new_style .rjc__head{
  display: flex;
  align-items: flex-start;
  gap: var(--ax-space-3, 12px);
}
.hp .profile-page.new_style .rjc__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 999px;
  background: var(--ax-navy-050, rgba(3, 39, 101, 0.08));
  color: var(--primary-color, #032765);
}
.hp .profile-page.new_style .rjc--danger .rjc__icon{ background: rgba(151, 0, 0, 0.1); color: var(--ax-danger, #970000); }
.hp .profile-page.new_style .rjc--warning .rjc__icon{ background: rgba(180, 83, 9, 0.1); color: var(--ax-warning, #b45309); }
.hp .profile-page.new_style .rjc--success .rjc__icon{ background: rgba(0, 131, 50, 0.1); color: var(--ax-success, #008332); }
.hp .profile-page.new_style .rjc__head-text{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hp .profile-page.new_style .rjc__title{
  margin: 0;
  font-size: var(--ax-text-section-title, 1.25rem);
  font-weight: 600;
  line-height: 1.2;
  color: var(--primary-color, #032765);
}
.hp .profile-page.new_style .rjc__case-id{
  display: block;
  margin: 2px 0 6px;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--app-text-muted, #667085);
  word-break: break-all;
}
.hp .profile-page.new_style .rjc__case-id-label{
  font-weight: 600;
}
.hp .profile-page.new_style .rjc__chips{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.hp .profile-page.new_style .rjc__chip{
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: var(--ax-radius-pill, 999px);
  border: 1px solid transparent;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.hp .profile-page.new_style .rjc__chip svg{ flex-shrink: 0; }
.hp .profile-page.new_style .rjc__chip-dot{
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 999px;
  background: currentColor;
}
.hp .profile-page.new_style .rjc__chip--neutral, .hp .profile-page.new_style .rjc__chip--deadline-none{
  background: var(--ax-navy-050, #f0f4fa);
  border-color: rgba(3, 39, 101, 0.14);
  color: var(--primary-color, #032765);
}
.hp .profile-page.new_style .rjc__chip--warning, .hp .profile-page.new_style .rjc__chip--deadline-soon, .hp .profile-page.new_style .rjc__chip--deadline-urgent{
  background: var(--ax-warning-bg, #fdf3e3);
  border-color: rgba(180, 83, 9, 0.22);
  color: var(--ax-warning, #b45309);
}
.hp .profile-page.new_style .rjc__chip--danger, .hp .profile-page.new_style .rjc__chip--deadline-overdue{
  background: var(--ax-danger-bg, #fbeaea);
  border-color: rgba(151, 0, 0, 0.2);
  color: var(--ax-danger, #970000);
}
.hp .profile-page.new_style .rjc__chip--success{
  background: rgba(0, 131, 50, 0.08);
  border-color: rgba(0, 131, 50, 0.22);
  color: var(--ax-success, #008332);
}
.hp .profile-page.new_style .rjc__next{
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  border-radius: var(--ax-radius-md, 6px);
  border-left: 3px solid var(--primary-color, #032765);
  background: var(--ax-navy-050, rgba(3, 39, 101, 0.05));
}
.hp .profile-page.new_style .rjc__next--warning{
  border-left-color: var(--ax-warning, #b45309);
  background: rgba(180, 83, 9, 0.06);
}
.hp .profile-page.new_style .rjc__next--danger{
  border-left-color: var(--ax-danger, #970000);
  background: rgba(151, 0, 0, 0.05);
}
.hp .profile-page.new_style .rjc__next-label{
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--primary-color, #032765);
}
.hp .profile-page.new_style .rjc__next--warning .rjc__next-label{ color: var(--ax-warning, #b45309); }
.hp .profile-page.new_style .rjc__next--danger .rjc__next-label{ color: var(--ax-danger, #970000); }
.hp .profile-page.new_style .rjc__next-text{
  margin: 0;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 500;
  line-height: 1.5;
  color: var(--app-text, #212529);
}
.hp .profile-page.new_style .rjc__progress{
  flex: 0 0 280px;
  display: flex;
  align-items: center;
  gap: var(--ax-space-3, 12px);
  padding-left: var(--ax-space-5, 24px);
  border-left: 1px solid var(--app-border, #e6e8ec);
}
.hp .profile-page.new_style .rjc__donut{ position: relative; flex: 0 0 auto; width: 64px; height: 64px; }
.hp .profile-page.new_style .rjc__donut svg{ width: 100%; height: 100%; transform: rotate(-90deg); }
.hp .profile-page.new_style .rjc__donut-track{ fill: none; stroke: var(--app-surface-soft, #eef1f5); stroke-width: 6; }
.hp .profile-page.new_style .rjc__donut-fill{ fill: none; stroke-width: 6; stroke-linecap: round; transition: stroke-dasharray 0.6s ease; }
.hp .profile-page.new_style .rjc__donut--success .rjc__donut-fill{ stroke: var(--ax-success, #008332); }
.hp .profile-page.new_style .rjc__donut--warning .rjc__donut-fill{ stroke: var(--ax-warning, #b45309); }
.hp .profile-page.new_style .rjc__donut--danger .rjc__donut-fill{ stroke: var(--ax-danger, #970000); }
.hp .profile-page.new_style .rjc__donut-pct{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  color: var(--app-text, #212529);
}
.hp .profile-page.new_style .rjc__donut-pct small{ font-size: 0.62rem; font-weight: 600; margin-left: 1px; }
.hp .profile-page.new_style .rjc__progress-text{ display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hp .profile-page.new_style .rjc__progress-label{
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.hp .profile-page.new_style .rjc__progress-note{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  line-height: 1.35;
  color: var(--app-text, #212529);
}
.hp .profile-page.new_style .rjc__progress-note--done{ color: var(--ax-success, #008332); }
.hp .profile-page.new_style .rjc__progress-note--more{
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--ax-navy-700, #032765);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.hp .profile-page.new_style .rjc__progress-note--optional{
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 500;
  color: var(--app-text-muted, #667085);
}
.hp .profile-page.new_style .rjc__stage{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin: var(--ax-space-4, 16px) 0 0;
  padding: 10px 12px;
  border-radius: var(--ax-radius-md, 8px);
  background: var(--ax-navy-050, #f4f7fc);
  border: 1px solid var(--ax-navy-100, #e8edf6);
}
.hp .profile-page.new_style .rjc__stage-label{
  font-size: var(--font-12, 0.75rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--app-text-muted, #667085);
}
.hp .profile-page.new_style .rjc__stage-name{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 700;
  color: var(--ax-navy-700, #032765);
  min-width: 0;
}
.hp .profile-page.new_style .rjc__stage-count{
  margin-left: auto;
  font-size: var(--font-12, 0.75rem);
  font-weight: 600;
  color: var(--app-text-muted, #667085);
  white-space: nowrap;
}
.hp .profile-page.new_style .rjc__track{
  display: flex;
  align-items: center;
  list-style: none;
  margin: var(--ax-space-4, 16px) 0 0;
  padding: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.hp .profile-page.new_style .rjc__track::-webkit-scrollbar{ display: none; }
.hp .profile-page.new_style .rjc__step{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  position: relative;
  padding-right: var(--ax-space-5, 24px);
}
.hp .profile-page.new_style .rjc__step:not(:last-child)::after{
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 16px;
  height: 2px;
  background: var(--app-border, #e6e8ec);
  transform: translateY(-50%);
}
.hp .profile-page.new_style .rjc__step--done:not(:last-child)::after{ background: var(--primary-color, #032765); }
.hp .profile-page.new_style .rjc__step-marker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  background: var(--app-surface-soft, #f5f7fa);
  color: var(--app-text-muted, #667085);
}
.hp .profile-page.new_style .rjc__step--done .rjc__step-marker{ background: var(--primary-color, #032765); color: #fff; }
.hp .profile-page.new_style .rjc__step--current .rjc__step-marker{
  background: #fff;
  border: 2px solid var(--primary-color, #032765);
  color: var(--primary-color, #032765);
}
.hp .profile-page.new_style .rjc__step-name{
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 500;
  color: var(--app-text-muted, #667085);
  white-space: nowrap;
}
.hp .profile-page.new_style .rjc__step--current .rjc__step-name, .hp .profile-page.new_style .rjc__step--done .rjc__step-name{ color: var(--app-text, #212529); }
.hp .profile-page.new_style .rjc__stats{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  margin: var(--ax-space-4, 16px) 0 0;
  padding: 10px 0;
  border-radius: var(--ax-radius-md, 6px);
  background: var(--app-surface-soft, #f6f8fb);
}
.hp .profile-page.new_style .rjc__stat{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 2px var(--ax-space-4, 16px);
}
.hp .profile-page.new_style .rjc__stat + .rjc__stat{ border-left: 1px solid var(--app-border, #e3e7ed); }
.hp .profile-page.new_style .rjc__stat dt{
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--primary-color, #032765);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.hp .profile-page.new_style .rjc__stat dt svg{ color: var(--primary-color, #032765); flex-shrink: 0; }
.hp .profile-page.new_style .rjc__stat dd{
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--app-text, #212529);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hp .profile-page.new_style .rjc__foot{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--ax-space-2, 8px) var(--ax-space-3, 12px);
  margin-top: var(--ax-space-4, 16px);
}
.hp .profile-page.new_style .rjc__actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--ax-space-3, 12px) var(--ax-space-4, 16px);
}
.hp .profile-page.new_style .rjc__cta{
  display: inline-flex;
  align-items: center;
  gap: var(--ax-space-2, 8px);
  padding: 0.55rem 1.1rem;
  border: none;
  border-radius: var(--ax-radius-md, 6px);
  background: #b45309;
  color: #fff;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}
.hp .profile-page.new_style .rjc__cta:hover{ background: #9a4508; }
.hp .profile-page.new_style .rjc__cta--actions{ background: var(--ax-navy-700, #032765); }
.hp .profile-page.new_style .rjc__cta--actions:hover{ background: var(--ax-navy-900, #021a44); }
.hp .profile-page.new_style .rjc__cta--submit{ background: var(--ax-success, #008332); }
.hp .profile-page.new_style .rjc__cta--submit:hover{ background: #006b29; }
.hp .profile-page.new_style .rjc__cta:disabled{ opacity: 0.6; cursor: not-allowed; }
.hp .profile-page.new_style .rjc__cta-secondary{
  display: inline-flex;
  align-items: center;
  gap: var(--ax-space-2, 8px);
  padding: 0.5rem 1rem;
  border: 1px solid var(--primary-color, #032765);
  border-radius: var(--ax-radius-md, 6px);
  background: transparent;
  color: var(--primary-color, #032765);
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.hp .profile-page.new_style .rjc__cta-secondary:hover{ background: var(--primary-color, #032765); color: #fff; }
.hp .profile-page.new_style .rjc__cta-secondary:disabled{ opacity: 0.6; cursor: not-allowed; }
.hp .profile-page.new_style .rjc__link{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--primary-color, #032765);
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.hp .profile-page.new_style .rjc__link:hover{ text-decoration: underline; }
.hp .profile-page.new_style .rjc__cta-hint{
  font-size: 0.72rem;
  color: var(--app-text-muted, #667085);
}
@media (max-width: 991px){.hp .profile-page.new_style .rjc__top{ flex-direction: column; gap: var(--ax-space-4, 16px); }
.hp .profile-page.new_style .rjc__progress{
    flex-basis: auto;
    padding-left: 0;
    padding-top: var(--ax-space-4, 16px);
    border-left: none;
    border-top: 1px solid var(--app-border, #e6e8ec);
  }
}
@media (max-width: 560px){.hp .profile-page.new_style .rjc{ padding: var(--ax-space-4, 16px); }
.hp .profile-page.new_style .rjc__stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
.hp .profile-page.new_style .rjc__stat:nth-child(odd){ border-left: none; }
.hp .profile-page.new_style .rjc__actions{ width: 100%; }
.hp .profile-page.new_style .rjc__cta, .hp .profile-page.new_style .rjc__cta-secondary{ flex: 1 1 100%; justify-content: center; }
.hp .profile-page.new_style .rjc__foot{ justify-content: stretch; }
.hp .profile-page.new_style .rjc__cta-hint{ width: 100%; text-align: center; }
}
/* src/index.css (DocumentSignDialog) */
.hp .document_iframe{
  height: calc(100% - 65px);
}
.hp .e-popup.document_view_popup{
    max-width: 1500px !important;
}
.hp .document_view_popup .e-checkbox-wrapper label{
    white-space: normal;
    display: inline-flex;
}
.hp .document_view_popup .e-checkbox-wrapper label .e-frame{
  min-width: 14px;
}
.hp .document_view_popup .lease-sign-tabs{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.hp .document_view_popup .lease-sign-tabs .nav-tabs{
  display: flex;
  flex-wrap: nowrap;
  min-width: max-content;
  white-space: nowrap;
}
.hp .document_view_popup .lease-sign-tabs .nav-link{
  white-space: nowrap;
}
.hp .document_view_popup .lease-sign-tabs .nav-link *{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/* demo frames (what Syncfusion DialogComponent / DropDownList / CheckBox JS does at run time) */

.hp .e-dlg-container.h1-dlg.rc-sign-dlg{padding-top:84px}
.hp .rc-sign-dlg .e-dialog{width:min(1500px,calc(100vw - 32px));height:calc(100vh - 104px - var(--tourpad,0px))}
.hp .e-dlg-container.h1-dlg.rc-final-dlg{padding-top:84px}
.hp .rc-final-dlg .e-dialog{max-height:calc(100vh - 104px - var(--tourpad,0px))!important}
.hp .rc-sign-dlg .e-dlg-content{display:flex;flex-direction:column;overflow:hidden}
.hp .rc-sign-dlg .rc-doc{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid #dee2e6;background:#525659}
.hp .rc-sign-dlg .rc-doc .pv{height:100%}
.hp .rc-sign-dlg .rc-doc .paper{margin:16px auto}
.hp .rc-sign-dlg .e-checkbox-wrapper label{white-space:normal;display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}
.hp .rc-sign-dlg .e-checkbox-wrapper input{position:absolute;opacity:0;width:0;height:0}
.hp .rc-sign-dlg .e-checkbox-wrapper .e-frame{min-width:14px;margin-top:2px}
.hp .rc-final-dlg .e-dialog{width:800px;max-width:calc(100vw - 32px)}
.hp .rc-final-dlg .e-footer-content{padding:0;border-top:1px solid #dee2e6}
.hp .rc-final-dlg .e-footer-content > div{padding-top:12px}
.hp .rc-sig{background:#fafafa;width:100%;height:180px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:4px;cursor:not-allowed}
.hp .rc-sig span{font-family:"Brush Script MT","Segoe Script",cursive;font-size:44px;color:#111}
.hp .rc-final-dlg .e-checkbox-wrapper{display:block;margin-bottom:12px}
.hp .rc-final-dlg .e-checkbox-wrapper label{white-space:normal;display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer}
.hp .rc-final-dlg .e-checkbox-wrapper input{position:absolute;opacity:0;width:0;height:0}
.hp .rc-final-dlg .e-checkbox-wrapper .e-frame{min-width:18px;margin-top:2px}
.hp .rc-final-dlg .rc-err{color:#dc3545;font-size:12.5px;margin:-6px 0 10px 26px}
.hp .requested-docs-dialog__overlay{position:fixed;inset:0 0 var(--tourpad,0px) 0}
.hp .rc-busy{position:fixed;inset:0 0 var(--tourpad,0px) 0;z-index:12000;background:rgba(255,255,255,.55);display:grid;place-items:center}
.hp .rc-ov-host{display:contents}
.hp .rc-hide-hero section.ov-hero{display:none!important}
.hp .rc-auth .rc-ddl{width:100%}
.hp .rc-auth .registration-dropdown-field .h1-ddl{padding-left:34px}
.hp .rc-match .e-ddl.h1-ddl{width:100%}