/* Start:/local/templates/nspu.ru/components/bitrix/breadcrumb/pcs-breadcrumb/style.css?1666811862743*/

.breadcrumbs{
	padding:0px;
	margin:0px;
	color:#a7a7a7;
	list-style:none;
	line-height:20px;
	font-size: 14px;
}


.breadcrumbs li{
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
	padding-left:0px;
	position:relative;
}

.breadcrumbs li:first-child{
	padding:0;
}

.breadcrumbs li:first-child:after{
	display:none;
	
}

@media (min-width: 578px) {
	.breadcrumbs li:after{
		content:'-';
		position:absolute;
		left:0px;
		top: 0px;
		
	}
	.breadcrumbs li{
		padding-left: 12px;
	}
}



.breadcrumbs li a{
	color:#3D35ED;
	text-decoration:none;
}

.breadcrumbs li a:hover{
	text-decoration:underline;
}

a.disabled{
	pointer-events: none;
	cursor: default;
	text-decoration: none !important;
	color: #a7a7a7 !important;
  }



/* End */


/* Start:/local/components/pcs/video.archive.search/templates/.default/style.css?17777609228569*/
.pcs-va-search {
    position: relative;
    max-width: 960px;
    margin: 0 0 24px;
    font-family: inherit;
}

.pcs-va-search__top {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.pcs-va-search__sections-toggle {
    flex: 0 0 auto;
    min-width: 104px;
    height: 38px;
    padding: 7px 14px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    line-height: 22px;
}

.pcs-va-search__sections-toggle:hover {
    background: #eef3f7;
}

.pcs-va-search__sections-toggle.is-active {
    border-color: #6da6db;
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-search__field {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.pcs-va-search__box {
    position: relative;
}

.pcs-va-search__input {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    padding: 7px 38px 7px 12px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    outline: none;
}

.pcs-va-search__input:focus {
    border-color: #7da9d8;
    box-shadow: 0 0 0 2px rgba(125, 169, 216, .18);
}

.pcs-va-search__clear {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0;
    border-radius: 0 4px 4px 0;
    background: transparent;
    color: #8a8f94;
    cursor: pointer;
    font-size: 0 !important;
    line-height: 0 !important;
}

.pcs-va-search__clear:hover {
    color: #333;
}

.pcs-va-search__clear::before,
.pcs-va-search__clear::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center center;
}

.pcs-va-search__clear::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.pcs-va-search__clear::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pcs-va-search__dropdown {
    position: absolute;
    z-index: 60;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid #d6dce1;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
}

.pcs-va-search__sections-panel {
    box-sizing: border-box;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #d6dce1;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
}

.pcs-va-search__sections-levels {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pcs-va-search__sections-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0 0 8px;
    border-bottom: 1px solid #edf1f4;
}

.pcs-va-search__sections-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.pcs-va-search__section-item {
    display: inline-flex;
    overflow: hidden;
    align-items: stretch;
    border: 1px solid #cfd7df;
    border-radius: 15px;
    background: #f5f8fa;
}

.pcs-va-search__section-item:hover {
    background: #eef3f7;
}

.pcs-va-search__section-item.is-active {
    border-color: #6da6db;
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-search__section-name,
.pcs-va-search__section-arrow {
    min-height: 28px;
    padding: 4px 10px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-search__section-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 4px 8px;
    border-left: 1px solid rgba(120, 132, 145, .25);
    font-size: 18px;
    line-height: 18px;
}

.pcs-va-search__sections-empty {
    color: #7a828a;
    font-size: 14px;
    line-height: 20px;
}

.pcs-va-search__section-title {
    margin: 0 0 8px;
    color: #6f7782;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pcs-va-search__section-title--items {
    margin-top: 14px;
}

.pcs-va-search__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 30px;
}

.pcs-va-search__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #cfd7df;
    border-radius: 15px;
    background: #f5f8fa;
    color: #333;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-search__tag:hover {
    background: #eef3f7;
}

.pcs-va-search__tag.is-selected {
    border-color: #6da6db;
    background: #dff0ff;
    color: #174c7c;
}


.pcs-va-search__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 260px;
    overflow: auto;
}

.pcs-va-search__item {
    display: block;
    width: 100%;
    padding: 7px 9px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.pcs-va-search__item:hover {
    background: #f1f6fa;
}

.pcs-va-search__item--section {
    font-weight: 700;
}

.pcs-va-search__item-section-type {
    color: #8b96a1;
    font-weight: 400;
}

.pcs-va-search__empty,
.pcs-va-search__error {
    padding: 10px 0 2px;
    color: #7a828a;
    font-size: 14px;
}

.pcs-va-search__error {
    color: #b00020;
}

@media (max-width: 640px) {
    .pcs-va-search__top {
        align-items: stretch;
        flex-direction: column;
    }

    .pcs-va-search__sections-toggle {
        width: 100%;
    }
}

.pcs-va-search__sections-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.pcs-va-search__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: #7b8792;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-search__crumb {
    max-width: 220px;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    color: #48657b;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-va-search__crumb:hover {
    color: #1c6fa2;
    text-decoration: underline;
}

.pcs-va-search__crumb.is-current {
    color: #34495a;
    cursor: default;
    font-weight: 700;
    text-decoration: none;
}

.pcs-va-search__crumb-separator {
    color: #b0bac3;
}

.pcs-va-search__sections-back {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #cfd7df;
    border-radius: 14px;
    background: #f5f8fa;
    color: #526575;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-search__sections-back:hover {
    background: #eef3f7;
    color: #24394a;
}

.pcs-va-search__current-section {
    margin: 2px 0 10px;
}

.pcs-va-search__current-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #24394a;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.pcs-va-search__sections-subtitle {
    margin: 0 0 8px;
    color: #7b8792;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 16px;
    text-transform: uppercase;
}

.pcs-va-search__sections-row--current {
    gap: 8px;
    padding-bottom: 0;
    border-bottom: 0;
}

.pcs-va-search__section-item {
    border-radius: 18px;
}

.pcs-va-search__section-name {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 10px 5px 12px;
}

.pcs-va-search__section-label {
    min-width: 0;
}

.pcs-va-search__section-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 4px;
    border-radius: 8px;
    background: #e7ebef;
    color: #6f7b85;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}

.pcs-va-search__current-title .pcs-va-search__section-count {
    height: 15px;
    min-width: 15px;
    background: #e3e8ed;
    font-size: 10px;
    line-height: 15px;
}

.pcs-va-search__section-enter {
    color: #9aa7b2;
    font-size: 17px;
    font-weight: 700;
    line-height: 16px;
}

@media (max-width: 640px) {
    .pcs-va-search__sections-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .pcs-va-search__sections-back {
        width: 100%;
    }
}

/* End */


/* Start:/local/components/pcs/video.archive.list/templates/.default/style.css?177777336473590*/
.pcs-va-list {
    font-family: inherit;
}

.pcs-va-list__toolbar {
    --pcs-va-toolbar-height: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 16px;
}

.pcs-va-list__toolbar-main {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
}

.pcs-va-list__sort-filter,
.pcs-va-list__date-filter {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-height: var(--pcs-va-toolbar-height);
}

.pcs-va-list__toolbar-toggle {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--pcs-va-toolbar-height);
    min-height: var(--pcs-va-toolbar-height);
    padding: 0 14px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 1;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.pcs-va-list__toolbar-toggle:hover,
.pcs-va-list__toolbar-toggle:focus {
    border-color: #a8bfd5;
    background: #eef3f7;
    outline: none;
}

.pcs-va-list__toolbar-toggle.is-active {
    border-color: #8db9de;
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-list__sort-panel {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    min-height: var(--pcs-va-toolbar-height);
    padding: 3px 6px;
    border: 1px solid #d9e2ea;
    border-radius: 6px;
    background: #f8fafc;
}

.pcs-va-list__sort-panel[hidden] {
    display: none;
}

.pcs-va-list__sort {
    box-sizing: border-box;
    min-width: 280px;
    height: 28px;
    margin: 0;
    padding: 0 32px 0 9px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font: inherit;
    font-size: 13px;
    line-height: 28px;
}

.pcs-va-list__date-panel {
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-height: var(--pcs-va-toolbar-height);
    padding: 3px 6px;
    border: 1px solid #d9e2ea;
    border-radius: 6px;
    background: #f8fafc;
}

.pcs-va-list__date-panel[hidden] {
    display: none;
}

.pcs-va-list__date-field {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    margin: 0;
    color: #68737f;
    font-size: 13px;
    line-height: 28px;
}

.pcs-va-list__date-field span {
    display: inline-flex;
    align-items: center;
    height: 28px;
    line-height: 1;
}

.pcs-va-list__date-input {
    box-sizing: border-box;
    width: 106px;
    height: 28px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font: inherit;
    font-size: 13px;
    line-height: 28px;
}

.pcs-va-list__date-input:focus {
    border-color: #8db9de;
    outline: none;
    box-shadow: 0 0 0 3px rgba(120, 165, 210, .15);
}

.pcs-va-list__date-calendar {
    box-sizing: border-box;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #6a7580;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

.pcs-va-list__date-calendar::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 6px;
    width: 12px;
    height: 13px;
    border: 1.8px solid currentColor;
    border-radius: 2px;
}

.pcs-va-list__date-calendar::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 10px;
    width: 8px;
    height: 1.8px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor;
}

.pcs-va-list__date-calendar:hover,
.pcs-va-list__date-calendar:focus {
    border-color: #8db9de;
    background: #eef6ff;
    outline: none;
}

.pcs-va-list__view {
    box-sizing: border-box;
    display: inline-flex;
    overflow: hidden;
    min-height: var(--pcs-va-toolbar-height);
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
}

.pcs-va-list__view-button {
    min-height: calc(var(--pcs-va-toolbar-height) - 2px);
    padding: 0 13px;
    border: 0;
    border-right: 1px solid #c6cdd3;
    background: transparent;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 1;
}

.pcs-va-list__view-button:last-child {
    border-right: 0;
}

.pcs-va-list__view-button:hover {
    background: #eef3f7;
}

.pcs-va-list__view-button.is-active {
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-list__grid {
    display: grid;
    grid-template-columns: repeat(var(--pcs-va-columns, 6), minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.pcs-va-list__grid--titles {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pcs-va-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    min-height: 235px;
    padding: 0;
    border: 1px solid #d6dce1;
    border-radius: 8px;
    background: #fff;
    color: #222;
    cursor: pointer;
    font: inherit;
    text-align: left;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .05);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.pcs-va-card:hover {
    border-color: #a8bfd5;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .1);
    transform: translateY(-1px);
}

.pcs-va-card__picture {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #eef2f5;
}

.pcs-va-card__picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pcs-va-card__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c8792;
    font-size: 15px;
    font-weight: 600;
}

.pcs-va-card__body {
    display: block;
    padding: 12px;
}

.pcs-va-card__name {
    display: block;
    min-height: 40px;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pcs-va-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    color: #68737f;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-title {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 130px;
    gap: 4px 16px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d6dce1;
    border-radius: 8px;
    background: #fff;
    color: #222;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pcs-va-title:hover {
    border-color: #a8bfd5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.pcs-va-title__name {
    display: block;
    min-width: 0;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.pcs-va-title__date {
    display: block;
    color: #68737f;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    white-space: nowrap;
}

.pcs-va-title__text {
    display: -webkit-box;
    grid-column: 1 / -1;
    overflow: hidden;
    color: #4c5661;
    font-size: 13px;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pcs-va-list__item--title {
    display: block;
    padding: 10px 14px;
    border: 1px solid #d6dce1;
    border-radius: 8px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pcs-va-list__item--title:hover {
    border-color: #a8bfd5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

.pcs-va-list__item--title .pcs-va-title {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.pcs-va-list__item--title .pcs-va-title:hover {
    border-color: transparent;
    box-shadow: none;
}

.pcs-va-title__sections,
.pcs-va-title__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-width: 0;
}

.pcs-va-title__sections {
    margin: 0 38px 7px 0;
}

.pcs-va-title__tags {
    margin: 7px 38px 0 0;
}

.pcs-va-title__section,
.pcs-va-title__tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    padding: 2px 8px;
    border: 1px solid #d8e1e8;
    border-radius: 999px;
    background: #f4f7f9;
    color: #536170;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.pcs-va-title__section {
    background: #f0f2f4;
    color: #66717c;
}

.pcs-va-title__tag {
    background: #eef6ff;
    border-color: #d3e8fa;
    color: #2f6f9f;
}

.pcs-va-title__section:hover,
.pcs-va-title__section:focus {
    border-color: #becbd6;
    background: #e8edf1;
    color: #384755;
}

.pcs-va-title__tag:hover,
.pcs-va-title__tag:focus {
    border-color: #aad0f0;
    background: #e0f0ff;
    color: #174c7c;
}

.pcs-va-list__empty {
    grid-column: 1 / -1;
    padding: 22px;
    border: 1px dashed #cfd7df;
    border-radius: 8px;
    color: #69747f;
    text-align: center;
}

.pcs-va-list__more-wrap {
    margin: 24px 0 0;
    text-align: center;
}

.pcs-va-list__more {
    min-height: 38px;
    padding: 8px 22px;
    border: 1px solid #a7b7c7;
    border-radius: 4px;
    background: #eef3f7;
    color: #222;
    cursor: pointer;
    font-size: 14px;
}

.pcs-va-list__more:hover {
    background: #e1edf6;
}

.pcs-va-list__more.is-loading {
    opacity: .65;
    cursor: default;
}

.pcs-va-list__modal[hidden] {
    display: none;
}

.pcs-va-list__modal {
    position: fixed;
    z-index: 1000;
    inset: 0;
}

.pcs-va-list__modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .64);
}

.pcs-va-list__modal-window {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(1040px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    overflow: auto;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .35);
}

.pcs-va-list__modal-close {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}

.pcs-va-list__player-wrap {
    position: relative;
    min-height: 220px;
    background: #000;
}

.pcs-va-list__player {
    display: block;
    width: 100%;
    max-height: 70vh;
    background: #000;
}

.pcs-va-list__password-gate[hidden] {
    display: none;
}

.pcs-va-list__password-gate {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 24px;
    background: rgba(0, 0, 0, .78);
    color: #fff;
    text-align: center;
}

.pcs-va-list__password-title {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
}

.pcs-va-list__password-form {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: min(520px, 100%);
}

.pcs-va-list__password-input {
    box-sizing: border-box;
    flex: 1 1 240px;
    min-width: 220px;
    height: 38px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font: inherit;
    line-height: 38px;
}

.pcs-va-list__password-submit {
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 38px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid #7da9d8;
    border-radius: 4px;
    background: #dff0ff;
    color: #174c7c;
    cursor: pointer;
    font: inherit;
    line-height: 38px;
}

.pcs-va-list__password-submit:disabled {
    opacity: .65;
    cursor: default;
}

.pcs-va-list__password-error {
    margin-top: 10px;
    color: #ffd2d2;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-list__modal-info {
    padding: 18px 20px 22px;
}

.pcs-va-list__modal-title {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.pcs-va-list__modal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    color: #68737f;
    font-size: 14px;
}

.pcs-va-list__modal-files {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.pcs-va-list__file {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #cfd7df;
    border-radius: 15px;
    background: #f5f8fa;
    color: #174c7c;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
}

.pcs-va-list__file:hover {
    background: #eaf4ff;
    text-decoration: none;
}

.pcs-va-list__modal-text {
    margin-top: 14px;
    color: #333;
    font-size: 14px;
    line-height: 21px;
    white-space: pre-wrap;
}

@media (max-width: 1100px) {
    .pcs-va-list__grid {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .pcs-va-list__grid--titles {
        display: flex;
    }
}


/* Unified public edit form styling */
.pcs-va-form {
    box-sizing: border-box;
}

.pcs-va-form *,
.pcs-va-form *::before,
.pcs-va-form *::after {
    box-sizing: border-box;
}

.pcs-va-form__row {
    padding: 14px 16px;
    border: 1px solid #e2e8ee;
    border-radius: 8px;
    background: #fbfcfd;
}

.pcs-va-form__row + .pcs-va-form__row {
    margin-top: 12px;
}

.pcs-va-form__label {
    margin-bottom: 8px;
    color: #2f3a44;
    letter-spacing: .01em;
}

.pcs-va-form__input,
.pcs-va-form__textarea,
.pcs-va-form__control input[type="text"],
.pcs-va-form__control input[type="password"],
.pcs-va-form__control input[type="number"],
.pcs-va-form__control input[type="email"],
.pcs-va-form__control input[type="date"],
.pcs-va-form__control select,
.pcs-va-form__control textarea {
    min-height: 38px;
    border-color: #c9d1d9;
    border-radius: 6px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .03);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pcs-va-form__input:focus,
.pcs-va-form__textarea:focus,
.pcs-va-form__control input[type="text"]:focus,
.pcs-va-form__control input[type="password"]:focus,
.pcs-va-form__control input[type="number"]:focus,
.pcs-va-form__control input[type="email"]:focus,
.pcs-va-form__control input[type="date"]:focus,
.pcs-va-form__control select:focus,
.pcs-va-form__control textarea:focus {
    border-color: #8fb7df;
    box-shadow: 0 0 0 3px rgba(120, 165, 210, .18);
    outline: none;
}

.pcs-va-form__textarea {
    min-height: 108px;
}

.pcs-va-form__control {
    min-width: 0;
}

.pcs-va-form__control table {
    max-width: 100%;
}

.pcs-va-form__bitrix-widget {
    min-height: 44px;
    padding: 12px;
    border: 1px solid #d9e0e7;
    border-radius: 8px;
    background: #fff;
}

.pcs-va-form__bitrix-widget .adm-input-file-control {
    max-width: 100%;
}

.pcs-va-form__bitrix-widget .adm-input-file-preview {
    border-radius: 6px;
    background: #f3f6f8;
}

.pcs-va-form__bitrix-widget .adm-input-file-name {
    color: #1f5f95;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-form__bitrix-widget .add-file-popup-btn,
.pcs-va-form__bitrix-widget .adm-btn {
    border-radius: 5px;
}

.pcs-va-form__bitrix-widget input[type="text"],
.pcs-va-form__bitrix-widget .adm-input {
    min-height: 34px;
    border: 1px solid #c9d1d9;
    border-radius: 5px;
    font: inherit;
    font-size: 13px;
}

.pcs-va-form__multi {
    gap: 10px;
}

.pcs-va-form__small-button,
.pcs-va-form__submit,
.pcs-va-form__cancel {
    border-radius: 6px;
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.pcs-va-form__small-button:hover,
.pcs-va-form__cancel:hover {
    border-color: #b7c4d1;
    background: #edf3f8;
}

.pcs-va-form__submit:hover {
    border-color: #6598cb;
    background: #cfe8ff;
}

.pcs-va-form__submit:focus,
.pcs-va-form__cancel:focus,
.pcs-va-form__small-button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(120, 165, 210, .2);
}

.pcs-va-form__actions {
    margin-top: 16px;
    padding: 16px 0 0;
    border-top: 1px solid #e2e8ee;
}

.pcs-va-form__submit,
.pcs-va-form__cancel {
    min-width: 112px;
}


@media (max-width: 640px) {
    .pcs-va-list__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .pcs-va-list__toolbar-main,
    .pcs-va-list__sort-filter,
    .pcs-va-list__date-filter,
    .pcs-va-list__sort-panel,
    .pcs-va-list__date-panel {
        width: 100%;
    }

    .pcs-va-list__toolbar-toggle {
        width: 100%;
    }

    .pcs-va-list__sort {
        width: 100%;
        min-width: 0;
    }

    .pcs-va-list__date-field {
        flex: 1 1 140px;
    }

    .pcs-va-list__date-input {
        flex: 1 1 auto;
        width: auto;
    }

    .pcs-va-list__view {
        width: 100%;
    }

    .pcs-va-list__view-button {
        flex: 1 1 50%;
    }

    .pcs-va-list__grid {
        grid-template-columns: 1fr;
    }

    .pcs-va-title {
        grid-template-columns: 1fr;
    }

    .pcs-va-title__date {
        text-align: left;
    }

    .pcs-va-list__modal-window {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        margin: 8px auto;
    }

    .pcs-va-list__password-form {
        flex-wrap: wrap;
    }

    .pcs-va-list__password-input,
    .pcs-va-list__password-submit {
        width: 100%;
    }
}

.pcs-va-list__item {
    position: relative;
    display: flex;
    min-width: 0;
}

.pcs-va-list__item--title {
    display: block;
}

.pcs-va-list__item .pcs-va-card {
    height: 100%;
}

.pcs-va-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.pcs-va-card__meta {
    margin-top: auto;
    padding-top: 8px;
}

.pcs-va-title__main {
    display: block;
    min-width: 0;
}

.pcs-va-title__path {
    display: block;
    overflow: hidden;
    margin: 0 0 2px;
    color: #8b949e;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.pcs-va-list__modal-close {
    position: absolute;
    display: block !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.pcs-va-list__modal-close::before,
.pcs-va-list__modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center center;
}

.pcs-va-list__modal-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.pcs-va-list__modal-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}


.pcs-va-card__counter {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: #9facba;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: .78;
    white-space: nowrap;
}

.pcs-va-card__counter-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 18px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' viewBox='0 0 24 16'%3E%3Cpath d='M1.5 8s4-5 10.5-5 10.5 5 10.5 5-4 5-10.5 5S1.5 8 1.5 8z' fill='none' stroke='%23b7c2cc' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='8' r='2.25' fill='none' stroke='%23c5ced7' stroke-width='1.35'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 13px;
    opacity: .82;
}
.pcs-va-list__modal-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.pcs-va-list__modal-tags[hidden] {
    display: none;
}

.pcs-va-list__tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid #cfd7df;
    border-radius: 15px;
    background: #f5f8fa;
    color: #174c7c;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-list__tag:hover {
    background: #eaf4ff;
}

.pcs-va-list__add-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 12px;
}

.pcs-va-list__add {
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #7da9d8;
    border-radius: 4px;
    background: #dff0ff;
    color: #174c7c;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
}

.pcs-va-list__add:hover {
    background: #cfe8fb;
}

.pcs-va-edit-button {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(120, 140, 160, .45);
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
    cursor: pointer;
    opacity: 0;
    transform: translateY(-2px);
    transition: opacity .15s ease, transform .15s ease, background .15s ease;
}

.pcs-va-list__item:hover .pcs-va-edit-button,
.pcs-va-edit-button:focus {
    opacity: 1;
    transform: translateY(0);
}

.pcs-va-edit-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.5 12.9l-.4 2 2-.4 8.8-8.8-1.6-1.6-8.8 8.8z' fill='none' stroke='%2362737f' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.7 4.7l1.6 1.6' fill='none' stroke='%2362737f' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    transform: translate(-50%, -50%);
}

.pcs-va-edit-button:hover {
    background: #fff;
}

.pcs-va-edit-button--title {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.pcs-va-list__item:hover .pcs-va-edit-button--title,
.pcs-va-edit-button--title:focus {
    transform: translateY(-50%);
}

.pcs-va-list__form-modal[hidden] {
    display: none;
}

.pcs-va-list__form-modal {
    position: fixed;
    z-index: 1010;
    inset: 0;
}

.pcs-va-list__form-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .58);
}

.pcs-va-list__form-window {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(860px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    margin: 16px auto;
    overflow: auto;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .35);
}

.pcs-va-list__form-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .12);
    color: #5e6974;
    cursor: pointer;
}

.pcs-va-list__form-close::before,
.pcs-va-list__form-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center center;
}

.pcs-va-list__form-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.pcs-va-list__form-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pcs-va-list__form-title {
    padding: 22px 56px 14px 24px;
    border-bottom: 1px solid #e2e8ee;
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.pcs-va-list__form-content {
    padding: 20px 24px 24px;
}

.pcs-va-list__form-content.is-loading {
    opacity: .72;
    pointer-events: none;
}

.pcs-va-form__row {
    margin: 0 0 16px;
}

.pcs-va-form__label {
    display: block;
    margin: 0 0 6px;
    color: #3c4650;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.pcs-va-form__required {
    color: #c84949;
}

.pcs-va-form__input,
.pcs-va-form__textarea,
.pcs-va-form__control input[type="text"],
.pcs-va-form__control input[type="password"],
.pcs-va-form__control select,
.pcs-va-form__control textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font: inherit;
    font-size: 14px;
}

.pcs-va-form__textarea {
    min-height: 94px;
    resize: vertical;
}

.pcs-va-form__file {
    display: block;
    width: 100%;
}

.pcs-va-form__current-picture img {
    display: block;
    max-width: 220px;
    max-height: 130px;
    margin: 0 0 8px;
    border-radius: 6px;
    object-fit: cover;
}

.pcs-va-form__check,
.pcs-va-form__file-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0 8px;
    color: #5d6873;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-form__current-files {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 8px;
}

.pcs-va-form__multi {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pcs-va-form__small-button {
    align-self: flex-start;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #c6cdd3;
    border-radius: 4px;
    background: #f5f8fa;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
}

.pcs-va-form__message {
    margin: 0 0 14px;
    padding: 9px 11px;
    border-radius: 4px;
    background: #eef8ed;
    color: #315d2c;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-form__message.is-error,
.pcs-va-form__error {
    background: #fff2f2;
    color: #9b2d2d;
}

.pcs-va-form__error,
.pcs-va-form__loading {
    padding: 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
}

.pcs-va-form__loading {
    background: #f5f8fa;
    color: #596774;
}

.pcs-va-form__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
}

.pcs-va-form__submit,
.pcs-va-form__cancel {
    min-height: 36px;
    padding: 7px 15px;
    border: 1px solid #a7b7c7;
    border-radius: 4px;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
}

.pcs-va-form__submit {
    border-color: #7da9d8;
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-form__cancel {
    background: #f5f8fa;
    color: #333;
}

.pcs-va-form__submit:disabled {
    opacity: .65;
    cursor: default;
}

@media (max-width: 640px) {
    .pcs-va-list__add-wrap {
        justify-content: stretch;
    }

    .pcs-va-list__add {
        width: 100%;
    }

    .pcs-va-list__form-window {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        margin: 8px auto;
    }
}

.pcs-va-form__bitrix-widget {
    overflow: hidden;
    width: 100%;
    padding: 12px 14px !important;
    border: 1px solid #d9e0e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.pcs-va-form__bitrix-widget table {
    width: auto !important;
    max-width: 100% !important;
    border: 0 !important;
    border-collapse: collapse !important;
}

.pcs-va-form__bitrix-widget td,
.pcs-va-form__bitrix-widget th {
    padding: 0 10px 8px 0 !important;
    border: 0 !important;
    vertical-align: middle !important;
}

.pcs-va-form__bitrix-widget img {
    display: block;
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
    max-height: 95px !important;
    border-radius: 6px;
    object-fit: cover;
}

.pcs-va-form__bitrix-widget br {
    display: initial;
}

.pcs-va-form__bitrix-widget input[type="file"] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    color: #4d5a66;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-form__bitrix-widget input[type="file"]::file-selector-button {
    min-height: 30px;
    margin-right: 8px;
    padding: 5px 11px;
    border: 1px solid #c6cdd3;
    border-radius: 5px;
    background: #f5f8fa;
    color: #333;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
}

.pcs-va-form__bitrix-widget input[type="file"]::file-selector-button:hover {
    border-color: #b7c4d1;
    background: #edf3f8;
}

.pcs-va-form__picture-delete {
    margin-top: 9px;
    margin-bottom: 0;
}

.pcs-va-form__check--delete {
    align-items: center;
    color: #687583;
}

.pcs-va-form__check--delete input[type="checkbox"] {
    margin: 0;
}

.pcs-va-form__html-editor {
    overflow: hidden;
    width: 100%;
    padding: 8px !important;
    border: 1px solid #d9e0e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.pcs-va-form__html-editor table,
.pcs-va-form__html-editor iframe,
.pcs-va-form__html-editor textarea {
    max-width: 100% !important;
}

.pcs-va-form__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 250px;
}

.pcs-va-form__date-input {
    flex: 0 0 158px;
    width: 158px !important;
    min-width: 0 !important;
}

.pcs-va-form__date-button {
    position: relative;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #b8c3cc;
    border-radius: 4px;
    background: linear-gradient(#fff, #edf2f6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
    cursor: pointer;
}

.pcs-va-form__date-button::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 16px;
    height: 16px;
    border: 1px solid #6d7d8d;
    border-radius: 2px;
    background: #fff;
}

.pcs-va-form__date-button::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 11px;
    width: 10px;
    height: 2px;
    border-top: 2px solid #6d7d8d;
    border-bottom: 2px solid #6d7d8d;
}

.pcs-va-form__date-button:hover {
    border-color: #97a8b7;
    background: linear-gradient(#fff, #e5edf3);
}

.pcs-va-form__bitrix-widget--files,
.pcs-va-form__bitrix-widget--image {
    background: #fff !important;
}

.pcs-va-form__bitrix-widget .adm-input-file,
.pcs-va-form__bitrix-widget .adm-input-file-control,
.pcs-va-form__bitrix-widget .adm-fileinput-wrapper,
.pcs-va-form__bitrix-widget .webform-field-upload {
    max-width: 100% !important;
}

.pcs-va-form__bitrix-widget .adm-input-file-btn,
.pcs-va-form__bitrix-widget .adm-btn,
.pcs-va-form__bitrix-widget .webform-button,
.pcs-va-form__bitrix-widget .webform-small-button {
    min-height: 29px !important;
    border-radius: 4px !important;
    font: inherit !important;
    font-size: 13px !important;
}

.pcs-va-form__bitrix-widget--files input[type="file"],
.pcs-va-form__bitrix-widget--image input[type="file"] {
    min-height: 29px !important;
}


.pcs-va-form__bitrix-widget--file-rows {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pcs-va-form__file-widget-row {
    padding: 10px;
    border: 1px solid #d5dde5;
    border-radius: 6px;
    background: #fff;
}

.pcs-va-form__file-widget-row--empty {
    border-style: dashed;
}

.pcs-va-form__note {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.4;
}

.pcs-va-form__note--warning {
    color: #8a5a00;
}


.pcs-va-form .pcs-it {
    max-width: 100%;
}

.pcs-it {
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
    padding: 14px;
    border: 1px solid #d8e0ea;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    box-shadow: 0 8px 22px rgba(34, 60, 94, 0.08);
    font-family: var(--ui-font-family-primary, "Helvetica Neue", Arial, Helvetica, sans-serif);
}

.pcs-it *,
.pcs-it *::before,
.pcs-it *::after {
    box-sizing: border-box;
}

.pcs-it-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 36px;
    padding: 2px 0 10px;
}

.pcs-it-empty {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    color: #8b99aa;
    font-size: 13px;
}

.pcs-it-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 32px;
    padding: 6px 8px 6px 12px;
    border: 1px solid rgba(52, 123, 235, 0.22);
    border-radius: 999px;
    background: linear-gradient(135deg, #eef6ff 0%, #e8fff5 100%);
    color: #184667;
    box-shadow: 0 6px 14px rgba(52, 123, 235, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.pcs-it-tag:hover {
    transform: translateY(-1px);
    border-color: rgba(52, 123, 235, 0.35);
    box-shadow: 0 10px 20px rgba(52, 123, 235, 0.18);
}

.pcs-it-tag-new {
    animation: pcs-it-pop 0.22s ease-out;
}

.pcs-it-tag-text {
    overflow: hidden;
    max-width: 420px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.pcs-it-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(24, 70, 103, 0.08);
    color: #466176;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.pcs-it-remove:hover,
.pcs-it-remove:focus {
    background: #ff5c75;
    color: #ffffff;
    outline: none;
    transform: rotate(90deg);
}

.pcs-it-control {
    display: block;
    max-width: 560px;
}

.pcs-it-input-wrap {
    position: relative;
    width: 100%;
    min-width: 220px;
}

.pcs-it-input {
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #cfd8e5;
    border-radius: 10px;
    background: #ffffff;
    color: #243447;
    font-size: 14px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pcs-it-input:focus {
    border-color: #4f9cff;
    box-shadow: 0 0 0 3px rgba(79, 156, 255, 0.15);
}

.pcs-it-dropdown {
    position: absolute;
    z-index: 1000;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    display: none;
    overflow: auto;
    max-height: 260px;
    padding: 6px;
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(34, 60, 94, 0.18);
}

.pcs-it-dropdown-open {
    display: block;
}

.pcs-it-option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #243447;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.25;
    text-align: left;
}

.pcs-it-option:hover,
.pcs-it-option-active {
    background: linear-gradient(135deg, #edf5ff 0%, #effff8 100%);
    color: #125d92;
}

.pcs-it-option-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    border: 1px solid rgba(40, 120, 255, 0.16);
    background: linear-gradient(135deg, #f2f8ff 0%, #f1fff9 100%);
}

.pcs-it-option-new:hover,
.pcs-it-option-new:focus {
    border-color: rgba(40, 120, 255, 0.28);
    outline: none;
}

.pcs-it-option-new-label {
    flex: 0 0 auto;
    color: #16735f;
    font-weight: 700;
}

.pcs-it-option-new-value {
    overflow: hidden;
    min-width: 0;
    color: #243447;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-it-option-new-value::before {
    content: "«";
    color: #8b99aa;
    font-weight: 400;
}

.pcs-it-option-new-value::after {
    content: "»";
    color: #8b99aa;
    font-weight: 400;
}

.pcs-it-option-muted,
.pcs-it-option-muted:hover {
    background: transparent;
    color: #8b99aa;
    cursor: default;
}

.pcs-it-option-added {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #f7f9fc;
}

.pcs-it-option-added-label {
    flex: 0 0 auto;
    color: #8b99aa;
    font-weight: 600;
}

.pcs-it-option-added-value {
    overflow: hidden;
    min-width: 0;
    color: #466176;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-it-option-added-value::before {
    content: "«";
    color: #8b99aa;
    font-weight: 400;
}

.pcs-it-option-added-value::after {
    content: "»";
    color: #8b99aa;
    font-weight: 400;
}

.pcs-it-loading .pcs-it-input {
    background-image: linear-gradient(90deg, transparent, rgba(40, 120, 255, 0.07), transparent);
    background-size: 180px 100%;
    background-repeat: no-repeat;
    animation: pcs-it-shimmer 1.1s infinite linear;
}

.pcs-it-error .pcs-it-input {
    border-color: #ff5c75;
    box-shadow: 0 0 0 3px rgba(255, 92, 117, 0.16);
    animation: pcs-it-shake 0.35s ease;
}

.pcs-it-list-tag {
    display: inline-block;
    margin: 1px 3px 1px 0;
    padding: 3px 8px;
    border-radius: 999px;
    background: #eef6ff;
    color: #184667;
    font-size: 12px;
    font-weight: 600;
}

@keyframes pcs-it-pop {
    0% {
        opacity: 0;
        transform: scale(0.92) translateY(2px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes pcs-it-shimmer {
    0% {
        background-position: -180px 0;
    }
    100% {
        background-position: calc(100% + 180px) 0;
    }
}

@keyframes pcs-it-shake {
    0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-4px);
    }
    75% {
        transform: translateX(4px);
    }
}

@media (max-width: 640px) {
    .pcs-it-input-wrap {
        min-width: 0;
    }
}


.pcs-va-form .pcs-sff-field {
    max-width: 100%;
}

.pcs-sff-field {
    display: inline-flex;
    align-items: stretch;
    width: 100%;
    max-width: 840px;
    vertical-align: middle;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.pcs-sff-field .pcs-sff-input {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-width: 260px;
    width: 100%;
    height: 29px;
    margin: 0;
    padding: 4px 8px;
    border: 1px solid #b7c4cf;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    background: #ffffff;
    color: #2f3b47;
    font-size: 13px;
    line-height: 19px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pcs-sff-field .pcs-sff-input::placeholder {
    color: #8a98a8;
}

.pcs-sff-field .pcs-sff-input:hover {
    border-color: #a5b5c2;
}

.pcs-sff-field .pcs-sff-input:focus {
    border-color: #8fa5b8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06), 0 0 0 1px rgba(143, 165, 184, .10);
}

.pcs-sff-field .pcs-sff-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 29px;
    width: 29px;
    min-width: 29px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 1px solid #b7c4cf;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#eef4f8, #dfe8f0);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.pcs-sff-field .pcs-sff-button:hover {
    border-color: #a5b5c2;
    background: linear-gradient(#f3f7fa, #d7e3ec);
}

.pcs-sff-field .pcs-sff-button:active {
    background: linear-gradient(#d7e3ec, #edf4f8);
}

.pcs-sff-field .pcs-sff-button:focus {
    outline: none;
}

.pcs-sff-field:focus-within .pcs-sff-input,
.pcs-sff-field:focus-within .pcs-sff-button {
    border-color: #8fa5b8;
}

.pcs-sff-field:focus-within .pcs-sff-button {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 0 0 1px rgba(143, 165, 184, .10);
}

.pcs-sff-folder-icon,
.pcs-sff-node-icon-folder {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
}

.pcs-sff-folder-icon {
    width: 14px;
    height: 10px;
    background: linear-gradient(#6fa4d0, #4c84b5);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
}

.pcs-sff-folder-icon:before {
    content: '';
    position: absolute;
    left: 1px;
    top: -3px;
    width: 6px;
    height: 4px;
    border-radius: 2px 2px 0 0;
    background: #8bb8dd;
}

.pcs-sff-modal-open {
    overflow: hidden;
}

.pcs-sff-modal-overlay {
    position: fixed;
    z-index: 9999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, .35);
}

.pcs-sff-modal-overlay[hidden] {
    display: none;
}

.pcs-sff-modal {
    box-sizing: border-box;
    width: min(1040px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .28);
    overflow: hidden;
}

.pcs-sff-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid #dce2e6;
    background: #f6f8f9;
}

.pcs-sff-modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.pcs-sff-modal-close {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: 26px;
    color: #6a737b;
    cursor: pointer;
}

.pcs-sff-tree-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-bottom: 1px solid #e2e8ee;
    background: #fbfcfd;
    color: #687786;
    font-size: 12px;
    line-height: 18px;
    user-select: none;
}

.pcs-sff-sort {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    margin: 0;
    padding: 0 6px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #687786;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.pcs-sff-sort:hover {
    background: #edf5fb;
    color: #2f3b47;
}

.pcs-sff-sort:focus {
    outline: none;
    background: #e8f2fb;
}

.pcs-sff-sort-active {
    color: #2f3b47;
    font-weight: 600;
}

.pcs-sff-sort-arrow {
    display: inline-block;
    width: 10px;
    color: #4c84b5;
    font-size: 12px;
    line-height: 1;
}

.pcs-sff-head-name {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 44px;
}

.pcs-sff-head-size {
    flex: 0 0 95px;
    justify-content: flex-end;
    width: 95px;
    min-width: 95px;
    text-align: right;
}

.pcs-sff-head-date {
    flex: 0 0 145px;
    width: 145px;
    min-width: 145px;
}

.pcs-sff-head-action {
    flex: 0 0 76px;
    width: 76px;
    min-width: 76px;
}

.pcs-sff-tree {
    flex: 1 1 auto;
    min-height: 280px;
    max-height: 62vh;
    padding: 12px 18px 18px;
    overflow: auto;
    background: #fff;
}

.pcs-sff-node {
    margin: 1px 0;
}

.pcs-sff-children {
    margin-left: 24px;
}

.pcs-sff-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 3px 6px;
    border-radius: 4px;
    color: #333;
}

.pcs-sff-folder-row {
    cursor: pointer;
}

.pcs-sff-root-folder > .pcs-sff-folder-row {
    cursor: default;
}

.pcs-sff-folder-row:hover,
.pcs-sff-file-row:hover {
    background: #eef6ff;
}

.pcs-sff-expander {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5c6f82;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.pcs-sff-expander-spacer,
.pcs-sff-expander-root {
    display: inline-flex;
    cursor: default;
}

.pcs-sff-node-title {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-sff-node-size {
    flex: 0 0 95px;
    width: 95px;
    min-width: 95px;
    overflow: hidden;
    color: #6a737b;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    white-space: nowrap;
}

.pcs-sff-node-date {
    flex: 0 0 145px;
    width: 145px;
    min-width: 145px;
    overflow: hidden;
    color: #6a737b;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.pcs-sff-node-size-empty,
.pcs-sff-node-date-empty {
    color: transparent;
}

.pcs-sff-node-icon {
    flex: 0 0 auto;
}

.pcs-sff-node-icon-folder {
    width: 16px;
    height: 11px;
    background: linear-gradient(#a8bace, #8ea7c0);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .12);
}

.pcs-sff-node-icon-folder:before {
    content: '';
    position: absolute;
    left: 1px;
    top: -3px;
    width: 7px;
    height: 4px;
    border-radius: 2px 2px 0 0;
    background: #bfd0df;
}

.pcs-sff-node-icon-file {
    width: 14px;
    height: 18px;
    border: 1px solid #9aa9b5;
    border-radius: 2px;
    background: #fff;
    box-shadow: inset -4px 4px 0 #edf2f5;
}

.pcs-sff-select-file {
    flex: 0 0 76px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .12s ease;
}

.pcs-sff-file-row:hover .pcs-sff-select-file,
.pcs-sff-file-row:focus-within .pcs-sff-select-file {
    visibility: visible;
    opacity: 1;
}

.pcs-sff-loading,
.pcs-sff-empty,
.pcs-sff-error {
    padding: 8px 0 8px 30px;
    color: #6a737b;
}

.pcs-sff-error {
    color: #b00020;
}

.pcs-sff-modal-footer {
    padding: 12px 18px;
    border-top: 1px solid #dce2e6;
    background: #f6f8f9;
    text-align: right;
}

/* Жесткая подгонка размеров поля под стандартные input админки Битрикс.
   В некоторых административных темах глобальные стили input[type=text]
   могут перебивать высоту пользовательского input, поэтому здесь
   используются более точные селекторы и !important только для размеров. */
span.pcs-sff-field input.pcs-sff-input[type="text"] {
    box-sizing: border-box !important;
    display: block !important;
    height: 29px !important;
    min-height: 29px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 19px !important;
}

span.pcs-sff-field button.pcs-sff-button {
    box-sizing: border-box !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
}


.pcs-va-form__html-editor,
.pcs-va-form__html-editor table,
.pcs-va-form__html-editor iframe {
    max-width: 100%;
}

.pcs-va-form__html-editor textarea {
    width: 100% !important;
    min-height: 220px;
}

.pcs-va-form__editor-preload {
    display: block !important;
}

.pcs-va-form__bitrix-widget--image input[type="checkbox"][name$="_del"] {
    display: none !important;
}

.pcs-va-form__inline-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 18px;
}

.pcs-va-form__inline-field {
    min-width: 0;
}

.pcs-va-form__duration {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.pcs-va-form__duration-input {
    flex: 1 1 auto;
    min-width: 0;
}

.pcs-va-form__duration-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

.pcs-va-form__video-preview {
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid #dce7ef;
    border-radius: 14px;
    background: #f8fbfd;
}

.pcs-va-form__video-preview-head,
.pcs-va-form__video-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.pcs-va-form__video-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px 0 0;
}

.pcs-va-form__video-preview-title {
    color: #24364a;
    font-size: 14px;
    font-weight: 700;
}

.pcs-va-form__video-frame {
    width: 100%;
    max-width: 720px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid #d2dee8;
    border-radius: 12px;
    background: #101820;
}

.pcs-va-form__video-player {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #101820;
    object-fit: contain;
    outline: none;
}

.pcs-va-form__capture-button {
    box-sizing: border-box;
    min-height: 34px;
    padding: 8px 14px;
    border: 1px solid #8fb8d8;
    border-radius: 9px;
    background: linear-gradient(#eef8ff, #dcefff);
    color: #12537c;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.pcs-va-form__capture-button:hover,
.pcs-va-form__capture-button:focus {
    border-color: #5aa2d4;
    background: linear-gradient(#f6fcff, #d1ebff);
    box-shadow: 0 0 0 3px rgba(83, 162, 211, .16);
}

.pcs-va-picture {
    position: relative;
    border: 1px dashed #b9cddd;
    border-radius: 16px;
    background: #f8fbfd;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.pcs-va-picture.is-dragover,
.pcs-va-picture:focus-within {
    border-color: #57a6d8;
    background: #f1f9ff;
    box-shadow: 0 0 0 3px rgba(87, 166, 216, .14);
}

.pcs-va-picture__input,
.pcs-va-files__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.pcs-va-picture__body {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
}

.pcs-va-picture__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 126px;
    overflow: hidden;
    border: 1px solid #d9e5ed;
    border-radius: 12px;
    background: #fff;
}

.pcs-va-picture__preview img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 160px;
    object-fit: cover;
}

.pcs-va-picture__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 126px;
    color: #8293a4;
    font-size: 13px;
    background: repeating-linear-gradient(-45deg, #f5f8fa, #f5f8fa 8px, #eef3f6 8px, #eef3f6 16px);
}

.pcs-va-picture__side {
    min-width: 0;
}

.pcs-va-picture__title {
    margin-bottom: 5px;
    color: #22384e;
    font-size: 14px;
    font-weight: 700;
}

.pcs-va-picture__hint {
    max-width: 620px;
    margin-bottom: 12px;
    color: #617385;
    font-size: 13px;
    line-height: 1.45;
}

.pcs-va-picture__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.pcs-va-picture__delete {
    margin-top: 8px;
}

.pcs-va-files {
    border: 1px solid #dce7ef;
    border-radius: 16px;
    background: #fff;
}

.pcs-va-files.is-dragover .pcs-va-files__dropzone {
    border-color: #57a6d8;
    background: #f1f9ff;
    box-shadow: inset 0 0 0 3px rgba(87, 166, 216, .12);
}

.pcs-va-files__dropzone {
    margin: 14px;
    padding: 22px 18px;
    border: 1px dashed #b7cbdc;
    border-radius: 14px;
    background: #f8fbfd;
    text-align: center;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.pcs-va-files__icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 10px;
    border-radius: 50%;
    background: #e4f2fb;
    position: relative;
}

.pcs-va-files__icon:before,
.pcs-va-files__icon:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background: #4f9acb;
    transform: translate(-50%, -50%);
}

.pcs-va-files__icon:before {
    width: 18px;
    height: 3px;
}

.pcs-va-files__icon:after {
    width: 3px;
    height: 18px;
}

.pcs-va-files__title {
    color: #22384e;
    font-size: 15px;
    font-weight: 700;
}

.pcs-va-files__hint {
    margin: 4px 0 12px;
    color: #6c7f90;
    font-size: 13px;
}

.pcs-va-files__choose {
    min-height: 34px;
    padding: 8px 14px;
    border: 1px solid #8fb8d8;
    border-radius: 9px;
    background: linear-gradient(#fff, #eef7fe);
    color: #12537c;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

.pcs-va-files__list {
    display: grid;
    gap: 8px;
    margin: 0 14px 14px;
}

.pcs-va-files__list:empty {
    display: none;
}

.pcs-va-files__item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #e2eaf0;
    border-radius: 12px;
    background: #fbfdff;
}

.pcs-va-files__item.is-deleted {
    opacity: .58;
    background: #fff8f7;
    border-color: #f2cdc8;
}

.pcs-va-files__item-icon {
    flex: 0 0 auto;
    width: 28px;
    height: 34px;
    border: 1px solid #b8c7d3;
    border-radius: 5px;
    background: linear-gradient(135deg, #fff 0 70%, #e8eff5 70% 100%);
}

.pcs-va-files__item-main {
    flex: 1 1 auto;
    min-width: 0;
}

.pcs-va-files__item-name {
    display: block;
    overflow: hidden;
    color: #22384e;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-va-files__item-meta {
    display: block;
    margin-top: 2px;
    color: #738596;
    font-size: 12px;
}

.pcs-va-files__remove {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid #d9e5ed;
    border-radius: 8px;
    background: #fff;
    color: #51677b;
    cursor: pointer;
    font-size: 12px;
}

.pcs-va-files__remove:hover,
.pcs-va-files__remove:focus {
    border-color: #b7cbdc;
    color: #d6422f;
}

.pcs-va-editor-switch {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 0 0 10px;
    padding: 3px;
    border: 1px solid #d7e2eb;
    border-radius: 11px;
    background: #f3f7fa;
}

.pcs-va-editor-switch__button {
    min-height: 30px;
    padding: 6px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #53687b;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

.pcs-va-editor-switch__button:hover,
.pcs-va-editor-switch__button:focus {
    color: #1f5d86;
    background: #e7f3fb;
}

.pcs-va-editor-switch__button.is-active {
    color: #fff;
    background: #4f9acb;
    box-shadow: 0 2px 5px rgba(34, 91, 130, .18);
}

.pcs-va-form__html-editor input[type="radio"][name="PREVIEW_TEXT_TYPE"],
.pcs-va-form__html-editor input[type="radio"][name="PREVIEW_TEXT_TYPE"] + label {
    display: none !important;
}

.pcs-va-form__note.is-error {
    color: #b00020;
}

.pcs-va-form__note.is-success {
    color: #287233;
}

@media (max-width: 760px) {
    .pcs-va-form__inline-row,
    .pcs-va-picture__body {
        grid-template-columns: 1fr;
    }

    .pcs-va-form__video-preview-head,
    .pcs-va-form__duration,
    .pcs-va-files__item {
        align-items: stretch;
        flex-direction: column;
    }

    .pcs-va-form__capture-button,
    .pcs-va-form__small-button,
    .pcs-va-files__choose,
    .pcs-va-files__remove {
        width: 100%;
    }
}
.pcs-va-files {
    position: relative;
}

.pcs-va-list__modal-counter {
    color: #7e8f9e;
    opacity: .9;
}

.pcs-va-list__modal-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pcs-va-card__share {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-left: 2px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M7.7 11.7l4.7 2.7M12.4 5.6L7.7 8.3' fill='none' stroke='%239facba' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='5.8' cy='10' r='2.1' fill='none' stroke='%239facba' stroke-width='1.5'/%3E%3Ccircle cx='14.2' cy='5' r='2.1' fill='none' stroke='%239facba' stroke-width='1.5'/%3E%3Ccircle cx='14.2' cy='15' r='2.1' fill='none' stroke='%239facba' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    cursor: pointer;
    opacity: .82;
    vertical-align: middle;
}

.pcs-va-card__share:hover,
.pcs-va-card__share:focus,
.pcs-va-card__share.is-copied,
.pcs-va-card__share.is-active {
    background-color: rgba(79, 154, 203, .12);
    opacity: 1;
    outline: none;
}

.pcs-va-list__modal-share {
    margin-left: 0;
    border: 1px solid rgba(126, 143, 158, .24);
    background-color: #fff;
}

.pcs-va-share-message {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    max-width: min(360px, calc(100vw - 48px));
    padding: 12px 16px;
    border-radius: 12px;
    background: rgba(35, 51, 65, .96);
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.pcs-va-share-message[hidden] {
    display: none;
}

.pcs-va-form__html-editor {
    box-sizing: border-box;
}

.pcs-va-form__html-editor > table,
.pcs-va-form__html-editor table.bxhtmledmain,
.pcs-va-form__html-editor table.bxhtmled-main,
.pcs-va-form__html-editor [id^="bxed_"] {
    width: 100% !important;
    max-width: 100% !important;
}

.pcs-va-form__html-editor iframe,
.pcs-va-form__html-editor textarea,
.pcs-va-form__html-editor .bxhtmled-iframe-cnt,
.pcs-va-form__html-editor .bxhtmled-textarea-cnt {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.pcs-va-form__html-editor iframe {
    min-height: 360px !important;
}

.pcs-va-form__description .pcs-va-form__control,
.pcs-va-form__row--description .pcs-va-form__control {
    width: 100%;
}

.pcs-va-form__row--section {
    margin-bottom: 18px;
}

.pcs-va-form__section-control {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.pcs-va-form__section-control .pcs-va-form__input {
    flex: 1 1 auto;
    min-width: 0;
}

.pcs-va-form__section-create-toggle {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid #b9c7d5;
    border-radius: 6px;
    background: #f5f8fa;
    color: #2f4658;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.pcs-va-form__section-create-toggle:hover,
.pcs-va-form__section-create-toggle:focus {
    border-color: #7da9d8;
    background: #eef7ff;
    outline: none;
}

.pcs-va-form__section-create {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #d8e3ec;
    border-radius: 10px;
    background: #f8fbfd;
}

.pcs-va-form__label--sub {
    margin-bottom: 8px;
    color: #607180;
    font-weight: 600;
}

.pcs-va-form__section-create-line {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.pcs-va-form__section-create-line .pcs-va-form__input {
    flex: 1 1 auto;
    min-width: 0;
}

.pcs-va-form__section-create-submit,
.pcs-va-form__section-create-cancel {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .pcs-va-form__section-control,
    .pcs-va-form__section-create-line {
        flex-direction: column;
    }

    .pcs-va-form__section-create-toggle,
    .pcs-va-form__section-create-submit,
    .pcs-va-form__section-create-cancel {
        width: 100%;
    }
}

.pcs-va-card__lock-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 3;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(120, 140, 160, .35);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .92);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M5.1 7.4V5.9a3.9 3.9 0 0 1 7.8 0v1.5' fill='none' stroke='%237b8793' stroke-width='1.45' stroke-linecap='round'/%3E%3Crect x='4.1' y='7' width='9.8' height='7.9' rx='1.8' fill='none' stroke='%237b8793' stroke-width='1.45'/%3E%3Cpath d='M9 10.2v1.7' fill='none' stroke='%237b8793' stroke-width='1.45' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .10);
    pointer-events: none;
}

.pcs-va-list__modal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.pcs-va-list__modal-actions[hidden] {
    display: none;
}

.pcs-va-list__download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 15px;
    border: 1px solid #7da9d8;
    border-radius: 6px;
    background: #dff0ff;
    color: #174c7c;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
    cursor: pointer;
}

.pcs-va-list__download-button:hover,
.pcs-va-list__download-button:focus {
    background: #cfe8fb;
    color: #174c7c;
    text-decoration: none;
    outline: none;
}

.pcs-va-list__download-icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2717%27%20height%3D%2717%27%20viewBox%3D%270%200%2017%2017%27%3E%3Cpath%20d%3D%27M8.5%202.4v7.1%27%20fill%3D%27none%27%20stroke%3D%27%23174c7c%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M5.5%206.7l3%203%203-3%27%20fill%3D%27none%27%20stroke%3D%27%23174c7c%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M3.3%2011.2v2.1c0%20.8.7%201.5%201.5%201.5h7.4c.8%200%201.5-.7%201.5-1.5v-2.1%27%20fill%3D%27none%27%20stroke%3D%27%23174c7c%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pcs-va-list__modal-social {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #e1e7ed;
    border-radius: 10px;
    background: #f8fafc;
}

.pcs-va-list__modal-social[hidden] {
    display: none;
}

.pcs-va-list__social-title {
    margin-bottom: 8px;
    color: #68737f;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-list__social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.pcs-va-list__social-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #cfd7df;
    border-radius: 15px;
    background: #fff;
    color: #394b59;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
}

.pcs-va-list__social-button:hover,
.pcs-va-list__social-button:focus,
.pcs-va-list__social-button.is-copied {
    border-color: #b6c6d3;
    background: #eef6ff;
    color: #174c7c;
    text-decoration: none;
    outline: none;
}

.pcs-va-list__social-button--vk {
    color: #2f6fba;
}

.pcs-va-list__social-button--max {
    color: #246b5b;
}

.pcs-va-list__social-vk-like,
.pcs-va-list__vk-like-host {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
}

.pcs-va-list__download-button--social {
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 18px;
}

.pcs-va-list__download-button--social .pcs-va-list__download-icon {
    width: 15px;
    height: 15px;
}

.pcs-va-list__form-confirm {
    position: fixed;
    z-index: 1040;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.pcs-va-list__form-confirm-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
}

.pcs-va-list__form-confirm-window {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(420px, 100%);
    padding: 22px 24px 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}

.pcs-va-list__form-confirm-title {
    margin-bottom: 8px;
    color: #202a35;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.pcs-va-list__form-confirm-text {
    color: #65717d;
    font-size: 14px;
    line-height: 20px;
}

.pcs-va-list__form-confirm-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

.pcs-va-list__form-confirm-actions button {
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #cfd7df;
    border-radius: 6px;
    background: #fff;
    color: #2f3d4a;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}

.pcs-va-list__form-confirm-actions button:hover,
.pcs-va-list__form-confirm-actions button:focus {
    background: #f2f6fa;
    outline: none;
}

.pcs-va-list__form-confirm-save {
    border-color: #6ba4d8 !important;
    background: #dff0ff !important;
    color: #174c7c !important;
    font-weight: 600;
}

.pcs-va-list__form-confirm-save:hover,
.pcs-va-list__form-confirm-save:focus {
    background: #cfe8fb !important;
}

.pcs-va-list__form-confirm-discard {
    color: #8a3b3b !important;
}

@media (max-width: 700px) {
    .pcs-va-title__sections,
    .pcs-va-title__tags {
        margin-right: 0;
    }

    .pcs-va-title__section,
    .pcs-va-title__tag {
        max-width: 100%;
    }
}

.pcs-va-list__favorites-toggle.is-active {
    border-color: #d2b450;
    background: #fff5cf;
    color: #6a5212;
}

.pcs-va-list__recent {
    margin: 0 0 18px;
    padding: 12px 14px 14px;
    border: 1px solid #d9e2ea;
    border-radius: 10px;
    background: #f8fafc;
}

.pcs-va-list__recent[hidden] {
    display: none;
}

.pcs-va-list__recent-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
}

.pcs-va-list__recent-title {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pcs-va-list__recent-clear {
    padding: 0;
    border: 0;
    background: transparent;
    color: #7a8793;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    line-height: 18px;
}

.pcs-va-list__recent-clear:hover,
.pcs-va-list__recent-clear:focus {
    color: #2f6f9f;
    outline: none;
}

.pcs-va-list__recent-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 8px;
}

.pcs-va-recent-card {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 7px;
    border: 1px solid #d9e2ea;
    border-radius: 8px;
    background: #fff;
    color: #222;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.pcs-va-recent-card:hover,
.pcs-va-recent-card:focus {
    border-color: #a8bfd5;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .07);
    outline: none;
}

.pcs-va-recent-card__picture {
    position: relative;
    flex: 0 0 58px;
    width: 58px;
    height: 34px;
    overflow: hidden;
    border-radius: 5px;
    background: #eef2f5;
    color: #7c8792;
    font-size: 11px;
    font-weight: 600;
    line-height: 34px;
    text-align: center;
}

.pcs-va-recent-card__picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pcs-va-recent-card__info {
    display: block;
    min-width: 0;
}

.pcs-va-recent-card__name {
    display: block;
    overflow: hidden;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-va-recent-card__meta {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #7a8793;
    font-size: 11px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pcs-va-favorite-button {
    position: absolute;
    z-index: 4;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(120, 140, 160, .35);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .92);
    color: #87919c;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .10);
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.pcs-va-favorite-button::before {
    content: '';
    position: absolute;
    inset: 6px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 1.9l2.16 4.38 4.84.7-3.5 3.41.83 4.82L9 12.94l-4.33 2.27.83-4.82L2 6.98l4.84-.7L9 1.9z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 1.9l2.16 4.38 4.84.7-3.5 3.41.83 4.82L9 12.94l-4.33 2.27.83-4.82L2 6.98l4.84-.7L9 1.9z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.pcs-va-favorite-button:hover,
.pcs-va-favorite-button:focus-visible {
    border-color: #d2b450;
    background-color: #fff7d6;
    color: #b58b00;
    outline: none;
    transform: translateY(-1px);
}

.pcs-va-favorite-button.is-active {
    border-color: #d2b450;
    background-color: #fff3bd;
    color: #d39b00;
}

.pcs-va-favorite-button--card {
    top: 8px;
    right: 8px;
}

.pcs-va-favorite-button--title {
    top: 10px;
    right: 14px;
}

.pcs-va-favorite-button--modal {
    position: relative;
    inset: auto;
    flex: 0 0 30px;
    box-shadow: none;
}

@media (max-width: 640px) {
    .pcs-va-list__recent-items {
        grid-template-columns: 1fr;
    }
}

.pcs-va-favorite-button--card {
    right: 46px;
}

.pcs-va-favorite-button--title {
    right: 52px;
}


/* v1.0.43: размещение избранного, просмотренные и выравнивание метаданных */
.pcs-va-list__recent-toggle.is-active {
    border-color: #8db9de;
    background: #dff0ff;
    color: #174c7c;
}

.pcs-va-card__meta {
    align-items: center;
    gap: 6px 8px;
    line-height: 22px;
}

.pcs-va-card__meta > span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
}

.pcs-va-card__counter {
    min-height: 22px;
    align-items: center;
}

.pcs-va-card__counter-icon {
    display: inline-flex;
    align-self: center;
}

.pcs-va-card__share {
    align-self: center;
}

.pcs-va-title-line {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.pcs-va-title-line .pcs-va-title {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.pcs-va-title__sections {
    margin-right: 0;
}

.pcs-va-title__tags {
    margin-right: 0;
}

.pcs-va-favorite-button--card {
    top: auto;
    right: 10px;
    bottom: 10px;
    opacity: 0;
    pointer-events: none;
}

.pcs-va-list__item:hover .pcs-va-favorite-button--card,
.pcs-va-list__item:focus-within .pcs-va-favorite-button--card,
.pcs-va-favorite-button--card.is-active {
    opacity: 1;
    pointer-events: auto;
}

.pcs-va-favorite-button--title {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 30px;
    margin-top: -5px;
    opacity: 0;
    pointer-events: none;
    box-shadow: none;
}

.pcs-va-list__item--title:hover .pcs-va-favorite-button--title,
.pcs-va-list__item--title:focus-within .pcs-va-favorite-button--title,
.pcs-va-favorite-button--title.is-active {
    opacity: 1;
    pointer-events: auto;
}

.pcs-va-list__recent-empty {
    grid-column: 1 / -1;
    padding: 10px 0;
    color: #7a8793;
    font-size: 13px;
    line-height: 18px;
}

@media (max-width: 640px) {
    .pcs-va-title-line {
        align-items: flex-start;
    }

    .pcs-va-favorite-button--title {
        margin-top: -4px;
    }
}

/* v1.0.44: звёздочка избранного внутри картинки превью и корректный toggle */
.pcs-va-card:focus {
    border-color: #a8bfd5;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .1);
    outline: none;
}

.pcs-va-card__picture .pcs-va-favorite-button--card {
    top: auto;
    right: 8px;
    bottom: 8px;
}

.pcs-va-favorite-button--card {
    opacity: 0;
    pointer-events: none;
}

.pcs-va-list__item:hover .pcs-va-favorite-button--card,
.pcs-va-list__item:focus-within .pcs-va-favorite-button--card,
.pcs-va-favorite-button--card.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* v1.0.45: звёздочка избранного в режиме «Заголовки» после тегов */
.pcs-va-title__tags {
    align-items: center;
}

.pcs-va-title__tags .pcs-va-favorite-button--title {
    position: relative;
    top: auto;
    right: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    min-height: 22px;
    margin: 0 0 0 1px;
    padding: 0;
    border-radius: 999px;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

.pcs-va-title__tags .pcs-va-favorite-button--title::before {
    inset: 4px;
}

.pcs-va-list__item--title:hover .pcs-va-title__tags .pcs-va-favorite-button--title,
.pcs-va-list__item--title:focus-within .pcs-va-title__tags .pcs-va-favorite-button--title,
.pcs-va-title__tags .pcs-va-favorite-button--title.is-active {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width: 640px) {
    .pcs-va-title__tags .pcs-va-favorite-button--title {
        margin-top: 0;
    }
}


/* v1.0.46: визуальное состояние звёздочки после снятия избранного */
.pcs-va-favorite-button:focus:not(:focus-visible):not(.is-active) {
    border-color: rgba(120, 140, 160, .35);
    background-color: rgba(255, 255, 255, .92);
    color: #87919c;
    transform: none;
}

.pcs-va-list__item--title:not(:hover) .pcs-va-title__tags .pcs-va-favorite-button--title:not(.is-active):not(:focus-visible) {
    opacity: 0;
    pointer-events: none;
}

/* End */
/* /local/templates/nspu.ru/components/bitrix/breadcrumb/pcs-breadcrumb/style.css?1666811862743 */
/* /local/components/pcs/video.archive.search/templates/.default/style.css?17777609228569 */
/* /local/components/pcs/video.archive.list/templates/.default/style.css?177777336473590 */