@font-face {
    font-family: 'UAFSans';
    src: url('font/UAFSans-Regular.woff2') format('woff2'),
         url('font/UAFSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UAFSans';
    src: url('font/UAFSans-Medium.woff2') format('woff2'),
         url('font/UAFSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UAFSans';
    src: url('font/UAFSans-SemiBold.woff2') format('woff2'),
         url('font/UAFSans-SemiBold.woff') format('woff');
    font-weight: 600; /* виправлено */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UAFSans';
    src: url('font/UAFSans-Bold.woff2') format('woff2'),
         url('font/UAFSans-Bold.woff') format('woff');
    font-weight: 700; /* виправлено */
    font-style: normal;
    font-display: swap;
}
/*************************************************************************/

html{
	height:100%;
	width:100%;

	font-size:15px;
}

body {
	position:relative;
	height:100%;
	width:100%;
	max-width:100%;
	overflow-x:hidden!important;
	min-width:520px;
	font-family: 'UAFSans';
	background:#fff;
	
	/*background: #fff url(../images/bg2.jpg) ;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size: cover;*/

	margin:0;
	padding:0;
}

strong{font-size:1.05rem; font-weight:700;}


input, textarea {outline:none!important;}
input:active, textarea:active {outline:none!important;}
:focus {outline:none!important;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

textarea:focus, input:focus{
outline: none!important;
}

*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#edit-field-request-resolution-0-format{display:none!important}
.ck.ck-label{display:none!important}
.ck.ck-powered-by{display:none!important}

.new-request-operator-form .js-form-type-vertical-tabs{
	display:none;
}

/*****************************************/

.wrapper a{
	text-decoration:none;
	font-size:1rem;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4 ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.wrapper a:hover{
	color:#167cb9;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4 ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.wrapper {
    position: relative;
	width: 100%;
	background:#fff;
	display:inline-block; 
	min-height:95vh;
	padding:0;
	font-family: 'UAFSans';
}

.page-title{
	text-align:center;
}

.page-title h1{
	font-size:2.95rem;
	padding:0;
	line-height:1;
	margin:.75em 0 1em;
	display:inline-block;
}

/* Робочі сторінки */

/* Скидання пароля */

.page-wrapper-single {
	position: relative;
	width: 100%;
	max-width:100%;
	overflow-x:hidden;
	background: #EFF3F8;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	font-family: 'UAFSans';
}

.user-form-section {
	background: #fff;
	padding: 40px 35px 35px;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	max-width: 450px;
	width: 100%;
	text-align: center;
}

.user-resetform-section{
	background: #fff;
	padding: 40px 35px 35px;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
	max-width: 500px;
	width: 100%;
	text-align: left;
}

.user-resetform-section p{
	color:#000;
	font-size:1rem;
}

#user-register-form .description{
	color:#000;
	font-size:.78rem;
	margin:15px 0;
	line-height:1.42;
}

.user-resetform-section img ,
.user-form-section img {
	display: block;
	margin: 0 auto 20px;
	width:105px;
	height:auto;
}

.user-form-section .form-item {
	width: 100%;
	margin-bottom: 18px;
	text-align: left;
}

#user-register-form .form-item {
	width: 100%;
	margin-bottom: 25px;
	text-align: left;
}

#user-register-form label {
	font-size: 0.88rem;
	margin-bottom: 11px;
	display: block;
	font-weight: 900;
	color: #222;
}

.user-form-section .form-item label {
	font-size: 0.9rem;
	margin-bottom: 6px;
	display: block;
	font-weight: 900;
	color: #222;
}

.user-form-section .form-email ,
.user-form-section .form-text {
	width: 100%;
	height: 48px;
	padding: 0 12px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 14px;
	box-sizing: border-box;
}

.user-form-section .form-text:focus {
	outline: none;
	border-color: #BFEFFF;
	box-shadow: 0 0 0 3px rgba(231, 248, 255, 0.9);
	background-color: #F4FCFF;
}

.user-form-section p {
	font-size: 0.85rem;
	color: #555;
	text-align: center;
	margin: 15px 0 20px;
	line-height: 1.4;
}

.user-resetform-section .form-submit ,
.user-form-section .form-submit {
	width: 100%;
	height: 52px;
	border: none;
	font-family: 'UAFSans';
	border-radius: 12px;
	margin-top:15px;
	background: #222555;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.3s ease;
	box-shadow: 0 6px 16px rgba(17, 18, 36, 0.22);
}

.user-resetform-section .form-submit:hover ,
.user-form-section .form-submit:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(17, 18, 36, 0.28);
	background: #1a1d4a;
}

/**/

/* Реєстрація */


.edit-form-page form{
	background: #fff;
	padding: 40px 35px 35px;
	display:block;
	width: 43%;
	margin:2em auto;
	text-align: left;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.edit-form-page form .form-item{
	margin:0 0 30px;
}

.edit-form-page form .form-item label {
	font-size: .9rem;
	margin-bottom: 6px;
	display: block;
	font-weight: 900;
	color: #222;
}

.edit-form-page form .form-item .description{
	font-size: .85rem;
	margin:15px 0;
	display: block;
	font-weight:normal;
	color: #222;
	text-align:left;
}


.edit-form-page form #edit-submit {
	width: 100%;
	background-color: #153484;
	color:#fff;
	border: none;
	padding: 17px 0;
	font-size: .9rem;
	font-weight: 600;
	display:block;
	margin:1.15em auto 1.75em;
	text-transform: uppercase;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	font-family: 'UAFSans';
}

.edit-form-page form #edit-submit:hover {
	background-color: #111224;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.edit-form-page form #edit-submit:focus {
	outline: none;
}

.user-form input.form-text,
.user-form input.form-email {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	height: 48px;
	padding: 0 12px 0 42px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 18px;
	box-sizing: border-box;
}

.user-form input.email-icon {
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 13 2 6.76V18h20V6.76L12 13Zm0-2L22 4H2l10 7Z'/></svg>");
}

.user-form input.user-icon {
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5Zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}


.user-form .password-icon {
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a6 6 0 0 0-6 6v2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V8a6 6 0 0 0-6-6Zm-4 6a4 4 0 1 1 8 0v2H8V8Zm4 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/></svg>");
}

.user-form input#edit-field-operator-0-value {
	background-image: url("../images/navy.png");
}

.user-form input#edit-field-user-unit-0-target-id {
	background-image: url("../images/navy.png");
}

.user-form-section {
	overflow: hidden;
}

.user-form {
	max-width: 100%;
}


.ui-menu-item-wrapper {
	display: block;
	font-size: 15px;
	color: #111;
	cursor: pointer;
	
	font-family: 'UAFSans';
}


.ui-autocomplete::-webkit-scrollbar {
	width: 6px;
}


/**/

.signin-section {
	position: relative;
	min-height: 100vh;
	background: #EFF3F8;
	font-family: 'UAFSans';
	display: flex;
	align-items: center;
	overflow: hidden;
}

.auth-banner {
	width: 70%;
	height: 100vh;
}

.auth-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user-auth {
	position: absolute;
	right: 2%;
	top: 0;
	height: 100%;
	width: 34%;

	display: flex;
	align-items: center;
	justify-content: center;

	pointer-events: none;
}

.user-auth::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 85%;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.1);
	pointer-events: all;
}

/* внутрішній контейнер */
.user-auth > div {
	position: relative;
	width: 100%;
	height: 90%;
	display: flex;
	margin-top:-1.5%;
	align-items: center;
	justify-content: center;
	pointer-events: all;
}

/* форма */
#block-cimic-vkhid {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* відступи блоків */
.signin-section .form-item {
	width: 100%;
	margin-bottom: 5%;
}

.signin-section .form-item label {
	font-size: .9em;
	margin-bottom: 6px;
	display: block;
	font-weight: 900;
	color: #222;
}

.signin-section .user-auth h2 {
	display: block;
	font-size: 2.3em;
	font-weight: 900;
	text-align: center;
	margin-bottom: 11px;
	text-transform: uppercase;
}

.signin-section .auth-description {
	display: block;
	font-size: .85em;
	color: #555;
	text-align: center;
	margin-bottom: 23px;
	line-height: 1.4;
}

.signin-section .form-text {
	width: 100%;
	min-width:380px;
	height: 48px;
	padding: 0 12px 0 42px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 18px;
	box-sizing: border-box;
}

.user-login-form input.email-icon {
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z'/></svg>");
}

.user-login-form input.password-icon {
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a6 6 0 0 0-6 6v2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V8a6 6 0 0 0-6-6Zm-4 6a4 4 0 1 1 8 0v2H8V8Zm4 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/></svg>");
}

.signin-section .form-text:focus {
	outline: none;
	border-color: #BFEFFF;
	box-shadow: 0 0 0 3px rgba(231, 248, 255, 0.9);
	background-color: #F4FCFF;
}

.signin-section .form-submit {
	width: 100%;
	height: 52px;
	border: none;
	font-family: 'UAFSans';
	border-radius: 12px;
	background: #222555;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 5%;
	position: relative;
	overflow: hidden;
	text-transform: uppercase;
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.3s ease;
	box-shadow: 0 6px 16px rgba(17, 18, 36, 0.22);
}

.signin-section .form-submit:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(17, 18, 36, 0.28);
	background: #1a1d4a;
}

.signin-section ul {
	width:100%;
	text-align:center;
	margin:25px 0;
	
}

.signin-section ul li{
	display:inline-block;
}

.signin-section ul li a{
	display: block;
    margin-top: 6%;
    font-size: 13px;
    color: #666;
	margin-right:15px;
}

.signin-section .request-password-link {
	display: block;
	margin-top: 6%;
	font-size: 13px;
	color: #666;
	text-align: center;
	text-decoration: none;
}

.signin-section .request-password-link:hover {
	text-decoration: underline;
}


/**/

.page-wrapper{
	position:relative;
	display:block;
	
	background:#EFF3F8;
	min-height:95vh;
	padding:1.15em 0 .65em;
	font-family: 'UAFSans';
}

/**/

.head-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	padding: 15px 25px 15px;
	border-radius: 16px;
	width: 95%;
	margin: 0px auto 1.15em;
}

.logo-head-block {
	display: flex;
	align-items: center;
	gap: 15px;
	font-family: 'UAFSans';
}

.logo-head-block img {
	height: 70px;
	width: auto;
	display: block;
}

.views-field-field-logo-name .field-content {
	font-size: .85em;
	font-weight: 600;
	text-transform: uppercase;
	color: #1a1a1a;
	font-family: 'UAFSans';
}

.user-menu {
	display: flex;
	align-items: center;
}

.user-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.user-menu li:first-child {
	display: none;
}

.user-menu a {
	display: inline-block;
	background-color: #F18900;
	color: #000;
	font-family: 'UAFSans';
	padding: 13px 50px;
	border-radius: 13px;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
	font-size:1em;
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.3s ease;
	box-shadow: 0 6px 16px rgba(17, 18, 36, 0.22);
}

.user-menu a:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(17, 18, 36, 0.28);
	background: #1a1d4a;
	background-color: #111224;
	color: #fff;
}


/**/

.head-button {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-left: auto;
	margin-right: 20px;
}

/* кнопки */
.head-button a {
	display: flex;
	align-items: center;
	gap: 10px;

	background-color: #FFEF76;
	color: #000;
	font-family: 'UAFSans';

	padding: 11px 24px;
	border-radius: 13px;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.9em;

	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.3s ease;

	box-shadow: 0 6px 16px rgba(17, 18, 36, 0.22);
}

/* hover кнопки */
.head-button a:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(17, 18, 36, 0.25);
	background-color: #111224;
	color: #fff;
}

/* іконка справа */
.head-button a::before {
	content: "";
	width: 25px;
	height: 25px;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;

	display: inline-block;
	flex-shrink: 0;

	order: 2;
	margin-left: 10px;

	transition: background-image 0.3s ease;
}

/* ===== ІКОНКИ ===== */

/* Усі звернення */
.operator-go-list::before {
	background-image: url('/themes/cimic/images/btn-all.png');
}

.operator-go-list:hover::before {
	background-image: url('/themes/cimic/images/btn-all-2.png');
}

/* Статистика */
.operator-go-statistics::before {
	background-image: url('/themes/cimic/images/btn-stats.png');
}

.operator-go-statistics:hover::before {
	background-image: url('/themes/cimic/images/btn-stats-2.png');
}

/* Нове звернення */
.operator-new-list::before {
	background-image: url('/themes/cimic/images/btn-add.png');
}

.operator-new-list:hover::before {
	background-image: url('/themes/cimic/images/btn-add-2.png');
}

/**/

.operator-section{
	display: block;
	align-items: left;
	background: #fff;
	padding: 0 25px!important;
	border-radius: 16px;
	width: 95%;
	margin: 0px auto 1.15em;
}

.operator-section span{
	padding: 31px 0px 31px;
	position:relative;
	display:inline-block;
	
}

.operator-section span.user-info-text{
	text-transform:uppercase;
	font-size:.82em;
	color:#000;
	font-weight:600;
}

.operator-section span.user-unit{
	text-transform:uppercase;
	font-size:1em;
	color:#000;
	font-weight:500;
}

.operator-section span.user-name{
	font-size:1.25em;
	color:#111224;
	font-weight:800;
}



/**/

.body-section{
	display: block;
	align-items: left;
	background: #fff;
	padding: 15px 25px 15px;
	border-radius: 16px;
	width: 95%;
	text-align:center;
	min-height:50vh;
	margin: 0px auto 1.15em;
}

.link-block {
	position:relative;
	display: inline-flex;
	text-align:left;
	flex-direction: column;
	justify-content: space-between;
	background: #E7F8FF;
	border-radius: 16px;
	padding: 25px;
	width: calc(33.033% - 14px);
	min-height: 270px;
	vertical-align: top;
	box-sizing: border-box;
	margin-right: 1.5%;
	margin-bottom: 20px;
	transition: transform 0.35s ease;
}



.link-block a{
	position:relative;
	display:inline-block;
	text-decoration: none;
}

.big-link{
	position:absolute;
	width:100%;
	height:100%;
	display:inline-block;
	left:0;
	top:0;
}

.link-block:nth-child(3n) {
	margin-right: 0;
}

.link-block:hover img {
	transform: scale(0.9);
	transition: transform 0.35s ease;
}

.link-block img {
	width: 22%;
	height: auto;
	object-fit: contain;
	margin-bottom:15px;
	transition: transform 0.35s ease;
}

.link-block span a{
	font-size: 20px;
	font-weight: 600;
	color:#000;
	margin-top: 10px;
}

.link-block p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 1.4;
}

.go-link-arrow{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: auto;
	padding: 0;
	background: transparent;
	min-height: auto;
}

a.go-link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
}

a.go-link::after {
	content: "";
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #FFEF76 url('../images/arrow.png') no-repeat center;
	background-size: 16px;
	box-shadow: 0 4px 0 #C69968;
	box-shadow: 0 6px 16px rgba(198, 153, 104, 0.22);
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		background 0.3s ease;
	display: inline-block;
	transition: all 0.3s ease;
}

.go-link:hover::after {
	transform: translateY(-4px);
	box-shadow: 0 16px 32px rgba(198, 153, 104, 0.28);
}

/******/

/* Сторінка нове звернення */

.new-request-operator-form{
	position:relative;
	display:block;
	width:94%;
	border:0px solid red;
	margin:1em auto 0em;
	padding-bottom:0em;
}

.new-request-operator-form h1 {
	font-family: 'UAFSans';
	font-weight: 900;
	font-size: 2.5em;
	line-height: 1.2;
	color: #000;
	text-align: center;
	margin-bottom: 1.65em;
}

.request-edit-form h2 ,
.new-request-operator-form h2 {
	font-family: 'UAFSans';
	font-weight: 900;
	font-size: 3.15em;
	line-height: 1.2;
	color: #000;
	text-align: center;
	margin-bottom: 1.65em;
}

.print__wrapper--pdf {
  position: absolute;
  top: 0%;
  right: 0%;
}

.print__link--pdf {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background-color: #FFEF76;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;

  /* тінь */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

/* іконка як окремий шар */
.print__link--pdf::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  background-image: url("../images/print.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;

  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.3s ease;
}

/* hover ефект */
.print__link--pdf:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.print__link--pdf:hover::before {
  transform: translate(-50%, -50%) scale(.85);
}

.new-request-operator-form .form-meta {
	display: flex;
	gap: 40px;
	margin-top: 16px;
	margin-bottom: 20px;
	width:95%;
	flex-wrap: wrap;
	margin:0 auto;
}

.new-request-operator-form .form-meta-field {
	width:26%;
	text-align:left;
	display: inline-block;
}

.new-request-operator-form .form-meta-field label{
	font-weight: 600;
	font-size: .8em;
	color: #000;
	margin-right:6px;
	text-transform: uppercase;
}

.new-request-operator-form h4 {
	font-size: .85em;
    font-weight: 500;
    display: block;
    color: #2a2a2a;
	line-height:1;
	margin:0 0 5px;
	padding:0;
}


.new-request-operator-form .form-meta-field span {
	font-weight: 900;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 1.05em;
}


.new-request-operator-form .form-meta-field:last-child {
	width: 100%;
	margin-top:4px;
	text-align:left;
}

/**/

.operator-node-page .new-request-operator-form .form-meta {
	position: relative;
	display: block;
	width: 95%;
	padding: 1.8% 2.5% 2%;
	margin: 3em auto;
	background: rgba(239, 243, 248,.7);
	border-radius: 20px;
	font-size: 0;
	text-align:left;
}

.operator-node-page .new-request-operator-form .form-meta-field {
	display: inline-block!important;
	width:auto!important;
	vertical-align: bottom;
	white-space: nowrap;
	margin-right: 5%;
	font-size: 14px;
}

.operator-node-page .new-request-operator-form .form-meta-field:last-child {
	margin-right: 0;
}

.operator-node-page .new-request-operator-form .form-meta-field label {
	font-weight: 600;
	font-size: .85em;
	color: #000;
	margin-right: 6px;
	text-transform: uppercase;
}

.operator-node-page .new-request-operator-form h4 {
	font-size: .85em;
	font-weight: 500;
	display: block;
	color: #2a2a2a;
	line-height: 1;
	margin: 0 0 5px;
	padding: 0;
}

.operator-node-page .new-request-operator-form .form-meta-field span {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1em;
}

/**/

.form-row{
	position:relative;
	display:block;
	width:95%;
	padding:2.5% 2.5% 1.5%;
	margin:3em auto;
	background:#F8F9FA;
	border-radius:20px;
	text-align:left;
}

.form-row span.form-row-title{
	position:relative;
	display:block;
	font-size:1.35em;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:1.65em;
}

/**/

.form-row.result{
	position:relative;
	display:block;
	width:95%;
	padding:2.5% 2.5% 1.5%;
	margin:3em auto;
	background: rgba(255, 251, 234,.98);
	border-radius: 30px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.04);
	text-align:left;
}

.form-row.result .cimic-form-field #edit-field-request-resolution-wrapper{
	display:block;
	width:100%;
}

.form-row.result .cimic-form-field .ck-editor{
	background-color: #fff;
	
}

.form-row.result .cimic-form-field .ck-content{
	background-color: #fff;
	font-size: .85em;
	font-family: 'UAFSans';
}

/**/

.cimic-form-field.status{
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom:-1em;
	padding: 22px 0px;
	background: #E5F6FE;
	border: 1px solid #86d5fc;
	border-radius: 12px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.04);
	font-family: 'UAFSans', sans-serif;
	
}

.cimic-form-field.status fieldset{
	text-align:left;
	margin-left:2rem;
	border:none!important;
}

.cimic-form-field.status legend span{
	position: relative;
    display: block;
    font-size: 1.45em;
    text-transform: uppercase;
    font-weight: 700;
    margin:10px 0 25px;
}

/**/

.cimic-form-field {
	display: flex;
	width:100%;
	align-items: center;

	margin:15px 0 15px;
	border-bottom: 1px dashed #d6d6d6;
	padding:15px 0 15px;
	
}

.cimic-form-field:last-child{
	margin:15px 0 0;
	border-bottom: 0px dashed #d6d6d6;
}

.cimic-form-field label {
	font-size: .85em;
	font-weight: 500;
	display:inline-block;
	color: #2a2a2a;
	margin: 0 1em 0 0;
}

.cimic-form-field .form-select {
	background-color: #f7f7f7;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	padding: 10px;
	font-size: 14px;
	color: #333;
	outline: none;
	cursor: pointer;
	transition: border-color 0.3s ease;
	width: auto; /* Adjust width to fit the content */
	min-width: 150px; /* Optional: you can set a minimum width */
}

.cimic-form-field .form-select:focus {
  border-color: #0073e6;
}

.cimic-form-field .form-select.required {
  background-color: #fff;
}

.cimic-form-field .form-item {
	margin-bottom: 16px;
	display:block;
}

.form-row .form-item select {
	width: auto; 
	background:#fff!important;
	min-width: 250px; 
}

/* Adjust the options dropdown styling */
.form-row option {
	padding: 8px;
	font-size: 14px;
}

/**/

/* Статус */

.form-row .field--type-list-string.field--name-field-requests-status.js-form-wrapper fieldset{border:none;margin:10px 10px 0;}

.form-row .field--type-list-string.field--name-field-requests-status.js-form-wrapper fieldset legend{
	font-size:1.1em;
	color:#111224;
	font-weight:800;
	margin-bottom:15px;
}

.form-row .field--type-list-string.field--name-field-requests-status.js-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;

  padding: 12px 16px;        /* внутрішні відступи */
  border: 1px dashed #d6d6d6;
  
}

/* Стилі для полів, які мають обидва класи: field--type-list-string і field--name-field-requests-status */
.field--type-list-string.field--name-field-requests-status .form-radio {
  position: absolute;
  opacity: 0;
}

/* Стиль мітки для кожного радіо */
.field--type-list-string.field--name-field-requests-status .form-radio + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 62px;
  min-height: 28px;
  cursor: pointer;
  font-size: .85em;
}

/* Стиль фону мітки (аналог для радіокнопки) */
.field--type-list-string.field--name-field-requests-status .form-radio + label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 50px;
  height: 28px;
  background-color: #ccc;
  border-radius: 999px;
  transition: background-color 0.3s;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Округла кнопка */
.field--type-list-string.field--name-field-requests-status .form-radio + label::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  z-index: 2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

/* Лейбл перед текстом */
.field--type-list-string.field--name-field-requests-status .form-radio + label span::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 5px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s;
  z-index: 1;
}

/* Лейбл після тексту */
.field--type-list-string.field--name-field-requests-status .form-radio + label span::after {
  content: '';
  position: absolute;
  right: 8px;
  top: 5px;
  font-size: 14px;
  color: white;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 1;
}

/* Стиль активного стану радіокнопки */
.field--type-list-string.field--name-field-requests-status .form-radio:checked + label::before {
  background-color: #2196F3;
}

.field--type-list-string.field--name-field-requests-status .form-radio:checked + label::after {
  transform: translateX(22px);
}

.field--type-list-string.field--name-field-requests-status .form-radio:checked + label span::before {
  opacity: 0;
}

.field--type-list-string.field--name-field-requests-status .form-radio:checked + label span::after {
  opacity: 1;
}

/**/

/* Adjust form wrapper and form item behavior */
.form-row .js-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}


.form-row .form-select {
  background: #fff;
  color: #000 ;
}

/**/

.form-row.user-info .form-row-title {
  font-size: 1.35em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.65em;
}

/* Стилі для кожного поля */
.form-row.user-info .cimic-form-field {
	width: 43%; /* Кожне поле займає 45% ширини */
	margin: 15px 0 15px; /* Відступи між полями */
	display: inline-block; /* Для того, щоб елементи були в одному ряду */
	box-sizing: border-box;
	margin-right:9%;
}


.form-row.user-info .cimic-form-field {
	
	border-bottom: 0px dashed #d6d6d6;
	padding:0px;
	
}


.form-row.user-info .cimic-form-field:nth-child(odd) {
	margin-right: 0!important; 
}

.form-row.user-info .cimic-form-field label {
  font-size: .85em;
  font-weight: 500;
  display: block;
  color: #2a2a2a;
  margin-bottom: 8px; 
}

.cimic-form-field input,
.cimic-form-field select,
.cimic-form-field textarea {
	background-color: #fff;
	border: 1.5px solid #d6d6d6;
	border-radius: 8px;
	padding:15px 10px;
	font-size: 14px;
	color: #333;
	outline: none;
	width: 100%; /* Поля повинні займати всю ширину в межах контейнера */
	margin-top: 4px; /* Відступ зверху */
}

.cimic-form-field .form-select {
	background-color: #fff;
	border: 1.5px solid #d6d6d6;
	border-radius: 8px;
	padding:15px 10px;
	font-size: 14px;
	color: #333;
	outline: none;
	width: 100%;
	min-width: 180px; 
}

.cimic-form-field input:focus,
.cimic-form-field select:focus,
.cimic-form-field textarea:focus {
	border-color: #111224; 
}


.form-row.user-info .cimic-form-field.description{
	width: 95%; /* Кожне поле займає 45% ширини */
	margin: 15px 0 15px; /* Відступи між полями */
	display: inline-block; /* Для того, щоб елементи були в одному ряду */
	box-sizing: border-box;
	margin-right:0%;
}

.form-row.user-info .cimic-form-field.description #edit-field-request-description-0-format{
	display:none;
}

/* Категорія звернення */

/* Контейнер всього поля */
.field--name-field-request-category {
	padding: 12px 16px;
	border: 1px dashed #d6d6d6;
}

/* Заголовок */
.field--name-field-request-category fieldset {border:none;!important;}

.field--name-field-request-category legend {
	font-size: 1em;
	color: #111224;
	font-weight: 600;
	margin-bottom: 12px;
}

/* Обгортка чекбоксів */
.field--name-field-request-category .form-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
}

/* Кожен пункт */
.field--name-field-request-category .form-item {
	position: relative;
}

/* Ховаємо checkbox */
.field--name-field-request-category .form-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* Label як кнопка */
.field--name-field-request-category .form-checkbox + label {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 13px 15px 13px 65px;

	font-size: .97em;
	line-height: 1.3;
	cursor: pointer;

	background: #f5f5f5;
	border-radius: 24px;
	transition: all 0.25s ease;
}

/* Свічер (фон) */
.field--name-field-request-category .form-checkbox + label::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 24px;
	background-color: #ccc;
	border-radius: 999px;
	transition: background-color 0.25s;
}

/* Кружок */
.field--name-field-request-category .form-checkbox + label::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 12px;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: transform 0.25s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* Hover */
.field--name-field-request-category label:hover {
	background: #eaeaea;
}

/* Активний label */
.field--name-field-request-category .form-checkbox:checked + label {
	background: #e3f2fd;
}

/* Активний свічер */
.field--name-field-request-category .form-checkbox:checked + label::before {
	background-color: #2196F3;
}

/* Рух кружка */
.field--name-field-request-category .form-checkbox:checked + label::after {
	transform: translate(18px, -50%);
}

/* Focus (доступність) */
.field--name-field-request-category .form-checkbox:focus + label {
	outline: 2px solid #2196F3;
	outline-offset: 2px;
}

/**/


/* =========================
   CONTAINER
========================= */

#edit-field-assigned-unit--wrapper,
#edit-field-target-unit--wrapper {
  padding: 12px 16px;
  border: 1px dashed #d6d6d6;
}

/* legend */
#edit-field-assigned-unit--wrapper legend,
#edit-field-target-unit--wrapper legend {
  font-size: 1em;
  color: #111224;
  font-weight: 600;
  margin-bottom: 12px;
}

/* fieldset reset */
#edit-field-assigned-unit--wrapper fieldset,
#edit-field-target-unit--wrapper fieldset {
  border: none !important;
}

/* =========================
   STACK LAYOUT
========================= */

#edit-field-assigned-unit--wrapper .fieldset-wrapper > div,
#edit-field-target-unit--wrapper .fieldset-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* =========================
   FORM ITEM
========================= */

#edit-field-assigned-unit--wrapper .form-item,
#edit-field-target-unit--wrapper .form-item {
  position: relative;
}

/* =========================
   HIDE RADIO
========================= */

#edit-field-assigned-unit--wrapper input[type="radio"],
#edit-field-target-unit--wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* =========================
   LEVEL INDENT (ВАЖЛИВО)
========================= */

/* 🔥 відступ робимо тут, а не в label */
#edit-field-assigned-unit--wrapper .unit-level-0,
#edit-field-target-unit--wrapper .unit-level-0 {
  margin-left: 0;
}

#edit-field-assigned-unit--wrapper .unit-level-1,
#edit-field-target-unit--wrapper .unit-level-1 {
  margin-left: 18px;
}

#edit-field-assigned-unit--wrapper .unit-level-2,
#edit-field-target-unit--wrapper .unit-level-2 {
  margin-left: 36px;
}

#edit-field-assigned-unit--wrapper .unit-level-3,
#edit-field-target-unit--wrapper .unit-level-3 {
  margin-left: 54px;
}

#edit-field-assigned-unit--wrapper .unit-level-4,
#edit-field-target-unit--wrapper .unit-level-4 {
  margin-left: 72px;
}

/* =========================
   LABEL AS SWITCH
========================= */

#edit-field-assigned-unit--wrapper label,
#edit-field-target-unit--wrapper label {
  position: relative;
  display: flex;
  align-items: center;

  padding: 13px 15px 13px 65px;

  font-size: 0.97em;
  line-height: 1.3;
  cursor: pointer;

  background: #f5f5f5;
  border-radius: 24px;

  transition: all 0.25s ease;
}

/* hover */
#edit-field-assigned-unit--wrapper label:hover,
#edit-field-target-unit--wrapper label:hover {
  background: #eaeaea;
}

/* =========================
   SWITCH BACKGROUND
========================= */

#edit-field-assigned-unit--wrapper label::before,
#edit-field-target-unit--wrapper label::before {
  content: '';
  position: absolute;

  left: 10px;
  top: 50%;
  transform: translateY(-50%);

  width: 40px;
  height: 24px;

  background-color: #ccc;
  border-radius: 999px;

  transition: background-color 0.25s;
}

/* =========================
   SWITCH DOT
========================= */

#edit-field-assigned-unit--wrapper label::after,
#edit-field-target-unit--wrapper label::after {
  content: '';
  position: absolute;

  top: 50%;
  left: 12px;

  width: 18px;
  height: 18px;

  background-color: #fff;
  border-radius: 50%;

  transform: translateY(-50%);
  transition: transform 0.25s;

  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

/* =========================
   ACTIVE STATE
========================= */

#edit-field-assigned-unit--wrapper input:checked + label,
#edit-field-target-unit--wrapper input:checked + label {
  background: #fff399;
}

#edit-field-assigned-unit--wrapper input:checked + label::before,
#edit-field-target-unit--wrapper input:checked + label::before {
  background-color: #2196F3;
}

#edit-field-assigned-unit--wrapper input:checked + label::after,
#edit-field-target-unit--wrapper input:checked + label::after {
  transform: translate(18px, -50%);
}

/* =========================
   FOCUS
========================= */

#edit-field-assigned-unit--wrapper input:focus + label,
#edit-field-target-unit--wrapper input:focus + label {
  outline: 2px solid #2196F3;
  outline-offset: 2px;
}

/* =========================
   NONE HIDE
========================= */

.unit-none {
  display: none !important;
}


/**/

/* Стилі для текстової області */
.cimic-form-field .form-textarea {
  resize: vertical;
  min-height: 100px;
  max-width: 100%;
}

/* Суть звернення (textarea) */
.cimic-form-field textarea {
	width: 100%;
	max-width: 100%;
	padding: 10px;
}

/**/

/* Результат відпрацювання */

.cimic-form-field-resolution{
    width: 95%;
    margin: 15px 0 15px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0%;
}

.form-row.result .cimic-form-field.attachments{
	width: 45%;
}

.form-row.result label {
    font-size: .85em;
    font-weight: 500;
    display: block;
    color: #2a2a2a;
    margin-bottom: 8px;
}
.form-row.result summary {
    font-size: 1em;
    font-weight: 500;
    display: block;
    color: #2a2a2a;
    margin-bottom: 8px;
}

.form-row.result .link.tabledrag-toggle-weight{display:none!important;}

.cimic-form-field input[value="Вилучити"] {
    background: #f2f2f2;
    color: #333;
    border: 1px solid #ddd;
    padding: 8px 12px;
    cursor: pointer;
}

.form-row.result details {
  font-size: 14px;
  color: #333;
}

.form-row.result summary {
  cursor: pointer;
  padding: 8px 0;
  font-weight: 500;
}

.form-row.result table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.form-row.result th,
.form-row.result td {
  padding: 8px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.form-row.result th {
  font-weight: 500;
  color: #666;
}

.form-row.result .file a {
  color: #2b2b2b;
  text-decoration: none;
}

.form-row.result .file a:hover {
  text-decoration: underline;
}

.form-row.result .button.form-submit {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #333;
  padding: 6px 10px;
  cursor: pointer;
}

.form-row.result .button.form-submit:hover {
  background: #eaeaea;
}

.form-row.result .button.form-submit:active {
  background: #ddd;
}

.form-row.result input[type="file"] {
  font-size: 13px;
}

.form-row.result .description {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/**/

.cimic-form-field input[type="date"] {
	max-width: 250px; 
	width: 100%;
}

.cimic-form-field input[type="email"],
.cimic-form-field input[type="text"] {
	width: 100%;
}

.cimic-form-field .field--type-timestamp .form-item {
	display: inline-block;
}

.cimic-form-field .field--type-timestamp .form-date,.cimic-form-field .field--type-timestamp .form-time {
  background-color: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 10px;
  font-size: 14px;
  color: #333;
  outline: none;
  width: 150px; /* Встановлюємо однакову ширину для обох полів */
}

.field--type-timestamp .form-date:focus, .field--type-timestamp .form-time:focus {
	border-color: #0073e6; 
}

#edit-field-due-date-0-value--description, #edit-preview {
	display: none;
}

.form-actions input[value="Зберегти"],
.new-request-operator-form #edit-submit {
	width: 40%;
	background-color: #153484;
	color:#fff;
	border: none;
	padding: 17px 0;
	font-size: .9em;
	font-weight: 600;
	display:block;
	margin:1.15em auto 1.75em;
	text-transform: uppercase;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	font-family: 'UAFSans';
}

.new-request-operator-form #edit-submit:hover {
	background-color: #111224;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.new-request-operator-form #edit-submit:focus {
	outline: none;
}

/**/

#edit-delete.button--danger {
	width: 40%;
	display: block;
	margin: 1.15em auto 1.75em;
	padding: 17px 0;

	background-color: #d64545; /* червоний для danger */
	color: #fff;
	text-align: center;

	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'UAFSans';

	border: none;
	border-radius: 8px;
	cursor: pointer;

	box-shadow: 0 4px 12px rgba(214, 69, 69, 0.25);
	transition: all 0.3s ease;
}

/* Hover */
#edit-delete.button--danger:hover {
	background-color: #a71d2a;
	box-shadow: 0 6px 20px rgba(167, 29, 42, 0.35);
	transform: translateY(-1px);
}

/* Active */
#edit-delete.button--danger:active {
	transform: translateY(1px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

/* Focus */
#edit-delete.button--danger:focus {
	outline: none;
}

/**/

/* Оператор / сторінка із заявками */


.request-edit-form .form-meta {
	position: relative;
	display: block;
	width: 95%;
	padding: 1.8% 2.5% 2%;
	margin: 3em auto;
	background: rgba(239, 243, 248,.5);
	border-radius: 20px;
	font-size: 0;
	text-align:left;
}

.request-edit-form .form-meta-field {
	display: inline-block!important;
	width:auto!important;
	vertical-align: bottom;
	white-space: nowrap;
	margin-right: 5%;
	font-size: 14px;
}

.request-edit-form .form-meta-field:last-child {
	margin-right: 0;
}

.request-edit-form .form-meta-field label {
	font-weight: 600;
	font-size: .85em;
	color: #000;
	margin-right: 6px;
	text-transform: uppercase;
}

.request-edit-form h4 {
	font-size: .85em;
	font-weight: 500;
	display: block;
	color: #2a2a2a;
	line-height: 1;
	margin: 0 0 5px;
	padding: 0;
}

.request-edit-form .form-meta-field span {
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1em;
}
/**/

/* Стилі фільтрів */

/* Контейнер форми — мінімалізм */

/* Контейнер */
.requests-list-section .views-exposed-form.bef-exposed-form {
    background: transparent;
    padding: 0;
    border: none;
    box-shadow: none;

    display: flex;
    flex-wrap: wrap;
    gap: 16px;
	justify-content: flex-start;
    align-items: flex-start;
	margin-bottom:2em;
}

/* Кожен фільтр = 2 в ряд */
.requests-list-section .views-exposed-form .form-item {
    width: calc(48% - 8px); /* 2 в ряд з відступом */
    
    display: flex;
    flex-direction: column;
	
	vertical-align:top;
	
    background: rgba(239, 243, 248, 1);
    padding: 1% 1%;
    border-radius: 10px;
}

/* === Останній фільтр на всю ширину === */
.requests-list-section .views-exposed-form .form-item.js-form-item-category{
    width: 99%;
	padding: 1.5% 1%;
}

/* Лейбли */

.requests-list-section .views-exposed-form label {
  font-size: .77em;
  font-weight:600;
  text-transform:uppercase;
  color: #111224;
  margin:7px 0 12px;
  display: block;
}

/* Інпут */
.requests-list-section .views-exposed-form .form-text {
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    color: #111224;

    border: none;
    border-radius: 8px;
    background: #ffffff;
}

/* BEF links */
.requests-list-section .views-exposed-form .bef-links {
    background: transparent;
    border: none;
    padding: 0;
}

/* Список кнопок */
.requests-list-section .views-exposed-form .bef-links ul {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: wrap; /* ключове */
    gap: 8px;
}

/* Кнопки */
.requests-list-section .views-exposed-form .bef-links ul li a {
    display: inline-block;
    padding: 12px 14px;
    font-size: .86rem;
	margin-bottom:5px;
    color: #111224;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;

    text-decoration: none;
    transition: all 0.2s;
}

/* Active / hover */
.requests-list-section .views-exposed-form .bef-links ul li a.bef-link--selected,
.requests-list-section .views-exposed-form .bef-links ul li a:hover {
    background: #153484;
    color: #ffffff;
    border-color: #153484;
}

/* Кнопка submit — на новий ряд */
.requests-list-section .views-exposed-form .form-actions {
    width: 100%;
}

.requests-list-section .views-exposed-form .form-submit {
    margin-top: 4px;

    padding: 0 18px;
    height: 40px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;

    cursor: pointer;
    background-color: #153484;
    color: #ffffff;
    border: none;

    transition: all 0.2s;
}

.requests-list-section .views-exposed-form .form-submit:hover {
    background-color: #0f2663;
    transform: translateY(-1px);
}

/* === Пошук (title) окремим блоком === */
.requests-list-section .views-exposed-form .form-item-title {
    width: 100%; /* на всю ширину */
    
    background: transparent; /* без заливки */
    padding: 0 0 16px;
    border-bottom: 1px solid #e5e7eb; /* SaaS divider */
    border-radius: 0;
}

/* Інпут пошуку */
.requests-list-section .views-exposed-form .form-item-title .form-text {
    width: 500px;
    max-width: 100%;
}

/* Важливо: щоб не застосовувався фон від загального правила */
.requests-list-section .views-exposed-form .form-item.form-item-title {
    background: transparent;
    padding: 0 0 16px;
}


/* Mobile — 1 в ряд */
@media (max-width: 768px) {
    .requests-list-section .views-exposed-form .form-item {
        width: 100%;
    }
}

/* Reset кнопка — окремий блок по центру */
.requests-list-section .views-exposed-form #edit-reset-units-requests-list,
.requests-list-section .views-exposed-form #edit-reset-requests-list {
    display: block;
    margin: 25px auto 35px;
	background-color: #F18900;
	
    color: #fff;
    font-family: 'UAFSans';
	height:auto;
	width:auto;
    padding: 17px 130px;
    border-radius: 13px;
    border: none;
	line-height:1;
    font-weight: 800;
    font-size: 1.05rem;
    cursor: pointer;

    text-align: center;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.3s ease,
        color 0.3s ease;

    box-shadow: 0 6px 16px rgba(17, 18, 36, 0.22);
}


/* Hover */
.requests-list-section .views-exposed-form #edit-reset-units-requests-list:hover ,
.requests-list-section .views-exposed-form #edit-reset-requests-list:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 32px rgba(17, 18, 36, 0.28);
	background-color: #111224;
    
    color: #fff;
}

/**********/


.requests-list-section {
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  width: 96%;
  margin: 0 auto 20px;
  color: #111224;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 20px rgba(17, 18, 36, 0.05);
}

/* FILTER */
.requests-list-section .views-exposed-form {
	background: #fff;
	padding: 16px 25px;
	border-radius: 12px;
	margin-bottom: 16px;
	display: flex;
	gap: 14px;
	align-items: flex-end;
	flex-wrap: wrap;
    border: 1px solid #e5e7eb;
}

.requests-list-section .views-exposed-form table label {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 4px;
  display: block;
}

/* INPUTS */
.requests-list-section .views-exposed-form .form-text,
.requests-list-section .views-exposed-form .form-select {
	
	padding: 9px 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	background: #ffffff;
	font-size: .85rem;
	min-width: 350px;
	color: #111224;
	transition: all 0.2s ease;
}

.requests-list-section .views-exposed-form .form-text:focus,
.requests-list-section .views-exposed-form .form-select:focus {
  outline: none;
  border-color: #153484;
  box-shadow: 0 0 0 3px rgba(21, 52, 132, 0.15);
}

/* PRIMARY BUTTON */
.requests-list-section .views-exposed-form .form-submit {
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: #153484;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.requests-list-section .views-exposed-form .form-submit:hover {
  background: #0f2663;
  transform: translateY(-1px);
}

/* BULK HEADER */
.requests-list-section [data-drupal-selector="edit-header"] {
	
	
}

/* BULK FORM */
.requests-list-section [data-drupal-selector="edit-node-bulk-form"] {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin:30px 0 15px;
	
	background:#F2F6FC;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 21px 14px;
}

.requests-list-section .form-item-action label {
  font-size: 1rem;
  color: #6b7280;
  margin:0 7px;
}

.requests-list-section .form-item-action .form-select {
  height: 45px;
  min-width: 200px;
  font-size: .83rem;
  padding: 5px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

/* APPLY BUTTON (ACCENT) */
.requests-list-section #edit-submit--2 {
  height: 45px;
  padding: 0 25px;
  border-radius: 8px;
  background: #111224;
  color: #fff;
  border: none;
  font-size: .83rem;
  cursor: pointer;
  font-weight: 600;
  transition: 0.2s;
  font-family: 'UAFSans';
}

.requests-list-section #edit-submit--2:hover {
  background: #F18900;
  transform: translateY(-1px);
}

/* TABLE */
.requests-list-section table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.requests-list-section .views-form form{
    display: flex;
    flex-direction: column;
}

/* таблиця буде першою */
.requests-list-section table {
    order: 1;
}

/* header вниз */
.requests-list-section [data-drupal-selector="edit-header"] {
    order: 2;
    margin-top: 14px;
}

/* HEADER */
.requests-list-section thead {
  background: #f8fafc;
}

.requests-list-section th {
	text-align: left;
	font-size: 11px;
	color: #6b7280;
	font-weight: 600;
	padding: 12px;
	border-bottom: 1px solid #e5e7eb;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* ROWS */
.requests-list-section td {
	padding: 20px 12px;
	border-bottom: 1px solid #f1f5f9;
	font-size: 13.5px;
	vertical-align: middle;
	color: #111224;
}

.requests-list-section tbody tr {
	transition: all 0.15s ease;
}

/* HOVER = SOFT YELLOW */
.requests-list-section tbody tr:hover {
	background: #EFF3F8;
}

/* LINKS */
.requests-list-section a {
	color: #153484;
	text-decoration: none;
	font-weight: 500;
}



.requests-list-section a:hover {
  color: #0f2663;
}

/* CHECKBOX */
.requests-list-section .form-checkbox {
	width: 15px;
	height: 15px;
	accent-color: #153484;
	cursor: pointer;
}

/* DROPBUTTON */
.requests-list-section .dropbutton-wrapper .dropbutton-action a {
  background: #f3f4f6;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  color: #111224;
  border: 1px solid #e5e7eb;
  transition: 0.2s;
}

.requests-list-section .dropbutton-wrapper .dropbutton-action a:hover {
	background: #EFF3F8;
}

/* FOOTER ACTIONS */
.requests-list-section .views-form > .form-actions {
  background: #f9fafb;
  padding: 14px;
  border-radius: 12px;
  margin-top: 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid #e5e7eb;
}
/*
.requests-list-section #edit-action {
	height: 36px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	padding: 4px 10px;
	background: #ffffff;
}*/

.requests-list-section #edit-submit {
  display: none;
}

.views-field-operations ul.dropbutton {
  list-style: none;       /* прибираємо крапки */
  margin: 0;
  padding: 0;
  display: flex;          /* розташування у рядок */
  gap: 0.5rem;            /* невеликий проміжок між кнопками */
}

.views-field-operations ul.dropbutton li {
  margin: 0;
}

.views-field-operations ul.dropbutton li a {
	display: inline-block;
	padding: 0.5em 0.7em; 
	font-size: 0.75rem;    
	text-decoration: none;
	color: #1f2937;        
	border: 1px solid #d1d5db; 
	border-radius: 4px;    
	background-color: #ffffff;
	transition: all 0.2s ease;
}

.views-field-operations ul.dropbutton li a:hover {
  background-color: #f3f4f6; /* світлий ховер */
  border-color: #9ca3af;     /* темніший бордер на ховер */
}

.views-field-operations ul.dropbutton li a.use-ajax {
  color: #b91c1c;           /* червоне виділення для видалення */
  border-color: #fca5a5;
}

.views-field-operations ul.dropbutton li a.use-ajax:hover {
  background-color: #fee2e2;
  border-color: #f87171;
}

/**/

.bef-links a[name$="[All]"] {
  display: none !important;
}

/* Ховаємо сам <li>, щоб не залишалось пустого місця */
.bef-links li:has(a[name$="[All]"]) {
  display: none !important;
}

/**/

@media (min-width:1870px) {

body {
	font-size:20px;
}

.signin-section .form-text {
    width: 100%;
    min-width: 500px;
    height: auto;
    padding: 18px 12px 18px 42px;
    border-radius: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 19px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 18px;
    box-sizing: border-box;
}

.signin-section .form-submit {
	width: 100%;
	height: 64px;
	border-radius: 15px;
	font-size: 19px;
}

.signin-section .request-password-link,
.signin-section ul li a {
	margin-top: 12%;
	font-size: .9rem;
}

/**/

.link-block {
	position: relative;
	display: inline-flex;
	text-align: left;
	flex-direction: column;
	justify-content: space-between;
	background: #E7F8FF;
	border-radius: 16px;
	padding: 25px;
	width: calc(32.733% - 14px);
	min-height: 270px;
	vertical-align: top;
	box-sizing: border-box;
	margin-right: 1.2%;
	margin-bottom: 20px;
	transition: transform 0.35s ease;
}

.link-block span a {
	font-size: 1.4rem;
	font-weight: 600;
	color: #000;
	margin-top: 10px;
}

.link-block p {
	font-size: .95rem;
	margin-top: 28px;
	line-height: 1.5;
}

a.go-link::after {
	content: "";
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: #FFEF76 url(/themes/cimic/images/arrow.png) no-repeat center;
	background-size: 22px;
}

/**/

.head-button a {
	padding: 16px 24px;
	border-radius: 15px;
	font-size: .97rem;
}

.head-button a::before {
	content: "";
	width: 29px;
	height: 29px;
}

.user-menu a {
	padding: 17px 50px;
	border-radius: 15px;
}

/**/

.requests-list-section .views-exposed-form .form-text, .requests-list-section .views-exposed-form .form-select {
	padding: 17px 15px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	background: #ffffff;
	font-size: .95rem;
	min-width: 350px;
	color: #111224;
	transition: all 0.2s ease;
}

.requests-list-section .views-exposed-form .bef-links ul li a {
	display: inline-block;
	padding: 13px 18px;
	font-size: 1.15rem;
}

/**/

.requests-list-section .form-item-action label {
	font-size: .87rem;
	margin-right:14px;
}

.requests-list-section #edit-action{
	height: auto;
	padding: 15px 14px;
	border-radius: 14px;
	font-size: .9rem;
}

.requests-list-section #edit-submit--2 {
	height: auto;
	padding: 15px 34px;
	border-radius: 14px;
	background: #F18900;
	color: #111224;
	border: none;
	font-size: .9rem;
	cursor: pointer;
	font-weight: 600;
	transition: 0.2s;
}

.requests-list-section .views-field.views-field-title a {
	font-size: .96rem;
}

.requests-list-section td {
	font-size: .85rem;
}

.requests-list-section a {
	font-size: .96rem;
}

.views-field-operations ul.dropbutton li a {
	padding: 0.75rem 0.9rem;
	font-size: 0.91rem;
	border-radius: 7px;
}

}