.contact-management__status-badge{border-radius:var(--radius-sm);height:1.5rem;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);justify-content:center;align-items:center;padding:.625rem;display:inline-flex}.contact-management__status-badge--active{background-color:var(--status-success-bg);color:var(--status-success)}.contact-management__status-badge--inactive{background-color:var(--status-error-bg);color:var(--status-error)}
.contact-management__detail-panel{gap:var(--spacing-2xl);padding:var(--spacing-sm)0;flex-direction:column;display:flex}.contact-management__edit-wrapper{background-color:var(--bg-surface);padding:var(--spacing-lg);gap:var(--spacing-xl);border:1px solid #e7e8ea;border-radius:.5rem;flex-direction:column;display:flex}html.theme-datasynapse .contact-management__edit-wrapper,html.theme-onebx .contact-management__edit-wrapper{background-color:#0000}.contact-management__detail-header{justify-content:space-between;align-items:flex-start;display:flex}.contact-management__detail-header .contact-management__tooltip-wrapper .tooltip--placement-bottom{left:auto;right:0}.contact-management__detail-header .contact-management__tooltip-wrapper .tooltip--placement-bottom:before,.contact-management__detail-header .contact-management__tooltip-wrapper .tooltip--placement-bottom:after{left:auto;right:var(--spacing-sm)}.contact-management__detail-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.contact-management__detail-actions>*{flex:1 1 0;min-width:0}.contact-management__detail-actions .button{justify-content:center;width:100%;min-width:0;display:flex}.contact-management__detail-delete-btn{border-color:var(--status-error)!important;color:var(--status-error)!important}.contact-management__detail-delete-btn svg{color:var(--status-error)!important}.contact-management__detail-delete-btn:hover:not(:disabled){background-color:var(--status-error-bg,color-mix(in srgb,var(--status-error)10%,transparent))!important;border-color:var(--status-error)!important}.contact-management__detail-info{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column;flex:auto;min-width:0;display:flex}.contact-management__detail-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);color:var(--color-text-primary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;width:100%;margin:0;line-height:normal;display:-webkit-box;overflow:hidden}.contact-management__detail-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.contact-management__detail-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact-management__detail-field-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-sm)}.contact-management__detail-field-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-sm)}.contact-management__banners{gap:var(--spacing-lg);flex-direction:column;display:flex}
.no-data-component{padding:var(--spacing-2xl)var(--spacing-sm);text-align:center;gap:var(--spacing-md);min-height:250px}.no-data-component__icon-wrapper{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--spacing-sm)}.no-data-component__icon{color:var(--color-text-secondary);font-size:var(--font-size-2xl)}.no-data-component__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-xl);font-family:var(--font-family-base);margin:0}.no-data-component__description{max-width:400px;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height-sm);font-family:var(--font-family-base);margin:0}.no-data-component__action{margin-top:var(--spacing-md)}@media (min-width:768px) and (max-width:1023px){.no-data-component{padding:var(--spacing-3xl)var(--spacing-md);gap:var(--spacing-lg)}}@media (min-width:1024px){.no-data-component{padding:var(--spacing-4xl)var(--spacing-xl);gap:var(--spacing-lg);min-height:300px}.no-data-component__title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}.no-data-component__description{font-size:var(--font-size-md);line-height:var(--line-height-md)}.no-data-component__icon-wrapper{width:64px;height:64px}}
.contact-management__row{background-color:var(--bg-page);display:block}@media (min-width:1024px){.contact-management__row{border-bottom:.5px solid var(--border-default);grid-template-columns:1.5fr 1.5fr 16rem 8rem 5rem;gap:.5rem;padding:1rem 1.25rem;display:grid}.contact-management__row:last-child{border-bottom:none}}.contact-management__cell{display:none}@media (min-width:1024px){.contact-management__cell{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--color-text-primary);word-break:break-word;align-items:center;display:flex}}.contact-management__cell--name{justify-content:space-between}.contact-management__cell--role{gap:.25rem}.contact-management__cell--center{justify-content:center}.contact-management__card{gap:var(--spacing-xs);background-color:var(--bg-page);border-radius:var(--radius-sm);flex-direction:column;padding:.625rem;display:flex;box-shadow:0 0 .25rem #0003}@media (min-width:1024px){.contact-management__card{display:none}}.contact-management__row--clickable:hover .contact-management__card{background-color:var(--bg-primary-50)}.contact-management__card-top{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact-management__card-status-row{justify-content:space-between;align-items:center;display:flex}.contact-management__card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-primary);margin:0}.contact-management__card-divider{border:none;border-top:.5px solid var(--border-default);margin:0}.contact-management__card-fields{gap:var(--spacing-sm);flex-direction:column;display:flex}.contact-management__card-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.contact-management__card-field-label{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-sm)}.contact-management__card-field-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-sm)}.contact-management__shield-icon{color:var(--primary-color);flex-shrink:0}.contact-management__restricted-icon{flex-shrink:0}.contact-management .tooltip{padding-bottom:var(--spacing-xs)}.contact-management .tooltip .tooltip__content{color:var(--color-text-primary)}.contact-management__row--clickable{cursor:pointer}@media (min-width:1024px){.contact-management__row--clickable{transition:background-color var(--transition-fast)}.contact-management__row--clickable:hover{background-color:var(--bg-primary-50)}}.contact-management__row--clickable:focus-visible{outline:var(--focus-outline-width)var(--focus-outline-style)var(--primary-color);outline-offset:var(--focus-outline-offset)}
.contact-management__table{flex-direction:column;gap:1rem;padding-bottom:2.5rem;display:flex}@media (min-width:1024px){.contact-management__table{gap:unset;padding-bottom:3.75rem}}.contact-management__table-header{background-color:var(--bg-primary-50);border-radius:var(--radius-sm);gap:.5rem;min-height:3.75rem;padding:1.125rem 1.25rem;display:none}@media (min-width:1024px){.contact-management__table-header{grid-template-columns:1.5fr 1.5fr 16rem 8rem 5rem;align-items:center;display:grid}}.contact-management__header-cell{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--color-text-primary);align-items:center;gap:.5rem;display:flex}.contact-management__header-cell--sortable{cursor:pointer}.contact-management__header-cell--sortable:hover{opacity:.7}.contact-management__header-cell--sorted{color:var(--primary-color)}.contact-management__loading-row{padding:var(--spacing-2xl);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.contact-management__error-row{padding:var(--spacing-2xl);color:var(--status-error);grid-column:1/-1}.contact-management__no-data-row{padding:var(--spacing-2xl);color:var(--color-text-muted);text-align:center;grid-column:1/-1}
.input{gap:var(--spacing-2xs);flex-direction:column;width:100%;display:flex}.input__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-lg)}.input__required{color:var(--status-error);margin-left:var(--spacing-xs)}.input__wrapper{flex:1;align-items:center;width:100%;display:flex;position:relative}.input__row{align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.input__icon-after{color:var(--color-text-muted);flex-shrink:0;align-items:center;display:flex}.input__icon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.input__icon--left{left:var(--spacing-sm)}.input__icon--right{right:var(--spacing-sm)}.input__field{width:100%;padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-md);font-family:var(--font-family-base);color:var(--color-text-secondary);background-color:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:var(--line-height-md)}.input__field--icon-left{padding-left:2.25rem}.input__field--icon-right{padding-right:2.25rem}.input__field::placeholder{color:var(--placeholder-color,var(--color-text-muted))}.input__field:hover:not(:disabled){border-color:var(--border-strong)}.input__field:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 .125rem #2f5da81a}.input__field--error{border-color:var(--status-error)}.input__field--error:focus{border-color:var(--status-error);box-shadow:0 0 0 .125rem #c628281a}.input__field--disabled{background-color:var(--bg-surface);color:var(--color-text-disabled);cursor:not-allowed;border-color:var(--border-default)}.input__field--disabled:hover{border-color:var(--border-default)}.input__error{font-size:var(--font-size-sm);color:var(--status-error);line-height:var(--line-height-sm)}