.wpdevart_org_chart {
position: relative;
max-width: 100% !important;
}
.wpdevart_org_chart_container {
text-align: center;
display: inline-block;
max-width: initial !important;
position: relative;
}
.wpdevart_org_chart_container_parent {
max-width: initial !important;
text-align: center;
margin-top: 0px !important;
overflow: auto;
width: 100%;
}
.wpdevart_org_chart_container li .wpda_tree_item_container {
line-height: 0px;
}
.wpdevart_org_chart_container li > ul {
line-height: 0px;
}
.wpdevart_org_chart_container li .wpda_tree_item_container > div {
border: 1px solid #ccc;
padding: 0px;
text-decoration: none;
color: #666;
font-family: arial, verdana, tahoma;
font-size: 11px;
display: inline-block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
min-height: 120px;
min-width: 102px;
overflow: hidden;
line-height: normal;
}
.wpdevart_org_chart_container .wpda_tree_item_container > div {
position: relative;
}
.wpdevart_org_chart_container_parent .wpdevart_org_chart_container ul {
padding-top: 20px;
position: relative;
white-space: nowrap;
margin: 0;
padding-left: 0;
}
.wpdevart_org_chart_container ul:first-child {
padding-top: 0px;
}
.wpdevart_org_chart_container li {
vertical-align: top;
display: inline-block;
text-align: center;
list-style-type: none;
position: relative;
padding: 20px 5px 0 5px;
line-height: 0px;
margin: 0px;
}
.wpdevart_org_chart_container ul li {
padding: 20px 5px 0 5px;
margin: 0px;
}
.wpdevart_org_chart_container li::before,
.wpdevart_org_chart_container li::after {
content: "";
position: absolute;
top: 0;
right: 50%;
border-top: 1px solid #ccc;
width: 50%;
height: 20px;
box-sizing: border-box;
}
.wpdevart_org_chart_container li:after {
right: auto;
left: 50%;
border-left: 1px solid #ccc;
}
.wpdevart_org_chart_container li:only-child::after,
.wpdevart_org_chart_container li:only-child::before {
display: none;
}
.wpdevart_org_chart_container li:only-child {
padding-top: 0;
}
.wpdevart_org_chart_container li:first-child::before,
.wpdevart_org_chart_container li:last-child::after {
border: 0 none;
}
.wpdevart_org_chart_container li:last-child::before {
border-right: 1px solid #ccc;
border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
}
.wpdevart_org_chart_container li:first-child::after {
border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
}
.wpdevart_org_chart_container ul ul::before {
content: "";
position: absolute;
top: 0;
left: 50%;
border-left: 1px solid #ccc;
width: 0;
height: 20px;
}
.wpdevart_org_chart_container .wpda_tree_item_img_cont {
width: 100px;
height: 100px;
margin: 0 auto 0px;
display: inline-block;
}
.wpdevart_org_chart_container li .wpda_tree_item_container img {
max-width: 100%;
max-height: 100%;
}
.first_child_hidden.wpdevart_org_chart_container > ul > li > ul::before {
display: none !important;
}
.wpda_tree_item_title,
.wpda_tree_item_desc,
.wpda_tree_item_img_cont {
position: relative;
}
.wpda_tree_item_title,
.wpda_tree_item_desc {
white-space: pre-line;
word-break: break-all;
}
.wpdevart_org_chart_container .wpda_tree_node_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration: none;
}
.wpdevart_org_chart_container .wpda_tree_node_link:focus {
background: none !important;
} .wpda_mobile.wpdevart_org_chart_container ul,
.wpdevart_org_chart_container .chart_wpda_mobile_after ul {
padding-top: 0;
padding-left: 20px;
margin: 0px;
}
.wpda_mobile.wpdevart_org_chart_container li,
.wpdevart_org_chart_container .chart_wpda_mobile_after li {
display: block;
text-align: left;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li > ul li,
.wpdevart_org_chart_container .chart_wpda_mobile_after > ul li {
border-left: 1px solid #ccc;
padding-top: 0;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li > ul li:last-child,
.wpdevart_org_chart_container .chart_wpda_mobile_after > ul li:last-child {
border-left: 0;
position: relative;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li > ul li:last-child:before,
.wpdevart_org_chart_container .chart_wpda_mobile_after > ul li:last-child:before {
content: "";
width: 0 !important;
position: absolute;
left: 0;
top: 0 !important;
height: 50% !important;
right: auto;
border-radius: 0;
}
.wpda_mobile.wpdevart_org_chart_container li.has_children > .wpda_tree_item_container:before,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children > .wpda_tree_item_container:before,
.wpdevart_org_chart_container .chart_wpda_mobile_after li.has_children > .wpda_tree_item_container:before {
content: "";
border-left: 1px solid #ccc;
width: 0;
position: absolute;
top: 50%;
height: 50%;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li.has_children > .wpda_tree_item_container:before,
.wpdevart_org_chart_container:not(.wpda_mobile) .chart_wpda_mobile_after.has_children > .wpda_tree_item_container:before {
content: "";
left: 0;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li.has_children > .wpda_tree_item_container,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children > .wpda_tree_item_container {
padding-bottom: 20px;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li.has_children > .wpda_tree_item_container > div,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children > .wpda_tree_item_container > div {
position: relative;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li > ul li.next_no_children:before,
.wpdevart_org_chart_container .chart_wpda_mobile_after ul li.next_no_children:before {
content: none;
}
.wpda_mobile.wpdevart_org_chart_container li.has_children li,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children li {
padding-left: 20px;
margin-left: -20px;
}
.wpda_mobile.wpdevart_org_chart_container li.has_children li .wpda_tree_item_container,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children li .wpda_tree_item_container {
padding-left: 20px;
margin-left: -20px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
.wpda_mobile.wpdevart_org_chart_container li.has_children li .wpda_tree_item_container:after,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children li .wpda_tree_item_container:after {
content: "";
border-top: 1px solid #ccc;
width: 20px;
position: absolute;
left: 0;
top: 50%;
height: 0;
}
.wpda_mobile.wpdevart_org_chart_container li.has_children li .wpda_tree_item_container > div,
.wpdevart_org_chart_container .chart_wpda_mobile_after.has_children .wpda_tree_item_container:after {
position: relative;
background: #fff;
}
.wpda_mobile.wpdevart_org_chart_container > ul > li > ul li:last-child > div > span.wpda_tree_line,
.wpdevart_org_chart_container .chart_wpda_mobile_after > ul li:last-child > div > span.wpda_tree_line {
position: absolute;
height: 50%;
width: 0;
border-left: 1px solid #ccc;
left: 0px;
top: 0;
}
.wpda_mobile.wpdevart_org_chart_container li .wpda_tree_item_container > div,
.wpdevart_org_chart_container .chart_wpda_mobile_after .wpda_tree_item_container > div {
border-radius: 0;
}
.wpda_mobile.wpdevart_org_chart_container li .wpda_tree_item_container,
.wpdevart_org_chart_container .chart_wpda_mobile_after .wpda_tree_item_container {
text-align: center;
display: inline-block;
border-radius: 0;
position: relative;
}
.wpda_mobile.wpdevart_org_chart_container ul ul::before,
.wpda_mobile.wpdevart_org_chart_container li::before,
.wpda_mobile.wpdevart_org_chart_container li::after,
.wpdevart_org_chart_container .chart_wpda_mobile_after ul::before,
.wpdevart_org_chart_container .chart_wpda_mobile_after li::before,
.wpdevart_org_chart_container .chart_wpda_mobile_after li::after {
content: none;
}
.wpdevart_org_chart_container:not(.wpda_mobile) .chart_wpda_mobile_after {
text-align: left;
}
.wpdevart_org_chart_container:not(.wpda_mobile) li.chart_wpda_mobile_after:after {
border-left: 0px;
}
.wpdevart_org_chart_container:not(.wpda_mobile) li.chart_wpda_mobile_after > div.wpda_tree_item_container:not(.wpda_tree_item_container_first):after {
content: '';
background: #ffffff;
width: 2px;
height: 22px;
position: absolute;
top: -22px;
left: 50%;
transform: translate(-50%);
}
.wpdevart_org_chart_container:not(.wpda_mobile) li.chart_wpda_mobile_after:first-child > div.wpda_tree_item_container:not(.wpda_tree_item_container_first):after {
display: none;
}
.wpdevart_org_chart_container:not(.wpda_mobile) li.chart_wpda_mobile_after:last-child > div.wpda_tree_item_container:not(.wpda_tree_item_container_first):after {
display: none;
}
.wpdevart_org_chart_container:not(.wpda_mobile) li.chart_wpda_mobile_after:only-child > div.wpda_tree_item_container:not(.wpda_tree_item_container_first):after {
display: none;
}
.wpda_mobile.wpdevart_org_chart_container.first_child_hidden > ul > li > ul > li:first-child {
border: none !important;
}
.wpda_mobile.wpdevart_org_chart_container.first_child_hidden > ul > li > ul > li:first-child::before {
content: "";
border-left: 1px solid #ccc;
width: 0;
position: absolute;
left: 20px;
top: 80px;
height: calc(100% - 80px);
}
.wpda_mobile.wpdevart_org_chart_container.first_child_hidden > ul > li > div.wpda_tree_item_container:before {
border: none;
} .wpda_tree_element_hidden {
display: none;
}
#wpdaOrgChartOverlay {
z-index: 9999999;
}
#wpdaOrgChartPopupWindow {
overflow: hidden;
z-index: 10000000;
}
#wpdaOrgChartCloseSection {
padding-right: 10px;
}
.wpda_popup_innerhtml {
overflow: auto;
}
#wpdaOrgChartCloseSection {
line-height: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
#wpdaOrgChartCloseSection > span,
#wpdaOrgChartPopupWindow > span {
cursor: pointer;
} div.wpdevart_org_chart .zoomable_buttons_container {
line-height: 0px;
text-align: right;
padding: 0px;
padding-top: 5px;
width: 100%;
max-width: 100% !important;
position: relative;
right: 5px;
z-index: 999999;
}
div.wpdevart_org_chart .zoomable_buttons_container button {
background-color: #eaeaea;
border: 0;
border-radius: 3px;
color: #000;
padding: 8px 14px 8px 14px;
line-height: 1em;
font-size: 14px;
margin-right: 4px;
font-weight: normal;
outline: none;
cursor: pointer;
}
div.wpdevart_org_chart .zoomable_buttons_container button.wpda_fullScreen {
margin-right: 0;
}
.wpdevart_org_chart.wpda_fullscreen_active {
overflow: auto;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
div.wpdevart_org_chart .zoomable_buttons_container.wpda_button_theme_dark button {
background: #000000;
color: #ffffff;
}
div.wpdevart_org_chart .zoomable_buttons_container.wpda_button_theme_dark button:hover {
background: #000000;
color: #ffffff;
opacity: 0.8;
}
div.wpdevart_org_chart .wpda_tree_open_button {
background-color: #eaeaea;
border: 1px solid #ccc;
border-radius: 3px;
color: #000;
padding: 3px 10px 3px 10px !important;
line-height: 1em;
font-size: 16px;
margin-right: 3px;
font-weight: normal;
outline: none;
cursor: pointer;
}
div.wpdevart_org_chart .wpda_tree_open_button:hover {
background-color: #d4d4d4;
border: 1px solid #ccc;
border-radius: 3px;
color: #000;
padding: 3px 10px 3px 10px !important;
line-height: 1em;
font-size: 16px;
margin-right: 3px;
cursor: pointer;
}
div.wpdevart_org_chart .wpda_tree_open_button.wpda_open_button_theme_dark {
background: #000000;
color: #ffffff;
}
div.wpdevart_org_chart .wpda_tree_open_button.wpda_open_button_theme_dark:hover {
background: #000000;
color: #ffffff;
opacity: 0.8;
}
div.wpdevart_org_chart .zoomable_buttons_container button:last-child {
margin-right: 0px;
}
div.wpdevart_org_chart .wpda_tree_open_popup_el {
cursor: pointer;
}
ul.wpda_chart_hidden {
display: none;
}
ul.wpda_chart_show {
display: block;
} div.wpdevart_org_chart li.wpda_chart_hidden.has_children.chart_wpda_mobile_after:not(.wpda_chart_show) > div::before,
div.wpdevart_org_chart li.chart_wpda_mobile_after li.wpda_chart_hidden.has_children:not(.wpda_chart_show) > div:before,
div.wpda_mobile li.wpda_chart_hidden.has_children:not(.wpda_chart_show) > div::before,
div.wpda_mobile li li.wpda_chart_hidden.has_children:not(.wpda_chart_show) > div:before {
display: none;
}
div.wpdevart_org_chart .wpdevart_org_chart_container li .wpda_tree_item_container > div {
position: relative;
overflow: visible;
}
div.wpda_tree_item_container button {
position: absolute;
bottom: -15px;
transform: translateX(-50%);
z-index: 99;
cursor: pointer;
padding: 3px 10px 3px 10px;
}
div.wpdevart_org_chart .wpdevart_search_bar {
padding-top: 2px;
padding-bottom: 2px;
position: relative;
display: flex;
justify-content: flex-end;
right: 5px;
z-index: 999999;
}
div.wpdevart_org_chart .wpdevart_search_term {
border: 1px solid #d3d3d3;
border-right: none;
padding: 5px !important;
height: 20px !important;
border-radius: 3px 0 0 3px;
outline: none;
color: #000;
font-size: 14px !important;
box-sizing: content-box;
width: 195px;
float: right;
}
div.wpdevart_org_chart .wpdevart_search_term:focus {
border-color: #000000;
}
div.wpdevart_org_chart .wpdevart_search_term:focus {
color: #000;
}
div.wpdevart_org_chart button.wpdevart_search_button {
width: 40px;
height: 32px !important;
min-height: 10px;
border: 0;
background: #000000;
background-color: #000000;
text-align: center;
color: #fff;
border-radius: 0 3px 3px 0;
cursor: pointer;
font-size: 20px;
position: relative;
box-sizing: border-box;
padding: 0px;
}
div.wpdevart_org_chart .wpdevart_search_button > img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 24px;
}
div.wpdevart_org_chart .wpdevart_search_button:hover {
opacity: 0.8;
}
div.wpdevart_org_chart .wpdevart_search_button .fa:before {
font-size: 14px;
}
.wpda_tree_item_title{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
color: #000000;
font-size: 14px;
line-height: normal;
letter-spacing: normal;
font-weight: bold;
font-style: initial;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.wpda_tree_item_desc{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 12px;
line-height:normal;
letter-spacing:normal;
font-weight: initial;
font-style: initial;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}@keyframes wpda_animation_fade {
0%{
opacity:0;
}
100%{
opacity:1;
}
}
@-webkit-keyframes wpda_animation_fade {
0%{
opacity:0;
}
100%{
opacity:1;
}
}
@keyframes wpda_animation_fade_remove {
0%{
opacity:1;
}
100%{
opacity:0;
}
}
@-webkit-keyframes wpda_animation_fade_remove {
0%{
opacity:1;
}
100%{
opacity:0;
}
}
.wpda_animation_fade {	
-webkit-animation-name: wpda_animation_fade;
animation-name: wpda_animation_fade;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_fade_remove {	
-webkit-animation-name: wpda_animation_fade_remove;
animation-name: wpda_animation_fade_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_zoom_out {
0%{
transform:scale(1.5,1.5);
opacity:0;
}
100%{
transform:scale(1,1);
opacity:1;
}
}
@-webkit-keyframes wpda_animation_zoom_out {
0%{
transform:scale(1.5,1.5);
opacity:0;
}
100%{
transform:scale(1,1);
opacity:1;
}
}
@keyframes wpda_animation_zoom_out_remove {
0%{
transform:scale(1,1);
opacity:1;
}
100%{
transform:scale(1.5,1.5);
opacity:0;
}
}
@-webkit-keyframes wpda_animation_zoom_out_remove {
0%{
transform:scale(1,1);
opacity:1;
}
100%{
transform:scale(1.5,1.5);
opacity:0;
}
}
.wpda_animation_zoom_out {	
-webkit-animation-name: wpda_animation_zoom_out;
animation-name: wpda_animation_zoom_out;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_zoom_out_remove {	
-webkit-animation-name: wpda_animation_zoom_out_remove;
animation-name: wpda_animation_zoom_out_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_zoom_in {
0%{
transform:scale(0.2,0.2);
opacity:0;
}
100%{
transform:scale(1,1);
opacity:1;
}
}
@-webkit-keyframes wpda_animation_zoom_in {
0%{
transform:scale(0.2,0.2);
opacity:0;
}
100%{
transform:scale(1,1);
opacity:1;
}
}
@keyframes wpda_animation_zoom_in_remove {
0%{
transform:scale(1,1);
opacity:1;
}
100%{
transform:scale(0.1,0.1);
opacity:0;
}
}
@-webkit-keyframes wpda_animation_zoom_in_remove {
0%{
transform:scale(1,1);
opacity:1;
}
100%{
transform:scale(0.1,0.1);
opacity:0;
}
}
.wpda_animation_zoom_in {	
-webkit-animation-name: wpda_animation_zoom_in;
animation-name: wpda_animation_zoom_in;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_zoom_in_remove {	
-webkit-animation-name: wpda_animation_zoom_in_remove;
animation-name: wpda_animation_zoom_in_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_slide_in_left {
0%{
opacity:0;
left:0px;
}
100%{
opacity:1;
}
}
@-webkit-keyframes wpda_animation_slide_in_left {
0%{
opacity:0;
left:0px;
}
100%{
opacity:1;
}
}
@keyframes wpda_animation_slide_in_left_remove {
0%{
opacity:1;
}
100%{
opacity:0;
left:0px;
}
}
@-webkit-keyframes wpda_animation_slide_in_left_remove {
0%{
opacity:1;
}
100%{
opacity:0;
left:0px;
}
}
.wpda_animation_slide_in_left {	
-webkit-animation-name: wpda_animation_slide_in_left;
animation-name: wpda_animation_slide_in_left;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_slide_in_left_remove {	
-webkit-animation-name: wpda_animation_slide_in_left_remove;
animation-name: wpda_animation_slide_in_left_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_slide_in_right {
0%{
opacity:0;
left:100%;
}
100%{
opacity:1;
}
}
@-webkit-keyframes wpda_animation_slide_in_right {
0%{
opacity:0;
left:100%;
}
100%{
opacity:1;
}
}
@keyframes wpda_animation_slide_in_right_remove {
0%{
opacity:1;
}
100%{
opacity:0;
left:100%;
}
}
@-webkit-keyframes wpda_animation_slide_in_right_remove {
0%{
opacity:1;
}
100%{
opacity:0;
left:100%;
}
}
.wpda_animation_slide_in_right {	
-webkit-animation-name: wpda_animation_slide_in_right;
animation-name: wpda_animation_slide_in_right;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_slide_in_right_remove {	
-webkit-animation-name: wpda_animation_slide_in_right_remove;
animation-name: wpda_animation_slide_in_right_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_slide_from_top {
0%{
opacity:0;
top:0px;
}
100%{
opacity:1;
}
}
@-webkit-keyframes wpda_animation_slide_from_top {
0%{
opacity:0;
top:0px;
}
100%{
opacity:1;
}
}
@keyframes wpda_animation_slide_from_top_remove {
0%{
opacity:1;
}
100%{
opacity:0;
top:0px;
}
}
@-webkit-keyframes wpda_animation_slide_from_top_remove {
0%{
opacity:1;
}
100%{
opacity:0;
top:0px;
}
}
.wpda_animation_slide_from_top {	
-webkit-animation-name: wpda_animation_slide_from_top;
animation-name: wpda_animation_slide_from_top;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_slide_from_top_remove {	
-webkit-animation-name: wpda_animation_slide_from_top_remove;
animation-name: wpda_animation_slide_from_top_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_slide_from_bottom {
0%{
opacity:1;
top:70%;
}
100%{
opacity:1;
}
}
@-webkit-keyframes wpda_animation_slide_from_bottom {
0%{
opacity:0;
top:70%;
}
100%{
opacity:1;
}
}
@keyframes wpda_animation_slide_from_bottom_remove {
0%{
opacity:0;
}
100%{
opacity:0;
top:70%;
}
}
@-webkit-keyframes wpda_animation_slide_from_bottom_remove {
0%{
opacity:1;
}
100%{
opacity:0;
top:70%;
}
}
.wpda_animation_slide_from_bottom {	
-webkit-animation-name: wpda_animation_slide_from_bottom;
animation-name: wpda_animation_slide_from_bottom;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_slide_from_bottom_remove {	
-webkit-animation-name: wpda_animation_slide_from_bottom_remove;
animation-name: wpda_animation_slide_from_bottom_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
} @keyframes wpda_animation_newspaper {
0%{
opacity:0;
-ms-transform: rotate(720deg) scale(0.1,0.1); -webkit-transform: rotate(720deg) scale(0.1,0.1); transform: rotate(720deg) scale(0.1,0.1); }
100%{
opacity:1;
-ms-transform: rotate(0deg) scale(1,1); -webkit-transform: rotate(0deg) scale(1,1); transform: rotate(0deg) scale(1,1); }
}
@-webkit-keyframes wpda_animation_newspaper {
0%{
opacity:0;
-ms-transform: rotate(720deg) scale(0.1,0.1); -webkit-transform: rotate(720deg) scale(0.1,0.1); transform: rotate(720deg) scale(0.1,0.1); }
100%{
opacity:1;
-ms-transform: rotate(0deg) scale(1,1); -webkit-transform: rotate(0deg) scale(1,1); transform: rotate(0deg) scale(1,1); }
}
@keyframes wpda_animation_newspaper_remove {
0%{
opacity:1;
-ms-transform: rotate(0deg) scale(1,1); -webkit-transform: rotate(0deg) scale(1,1); transform: rotate(0deg) scale(1,1); }
100%{
opacity:0;
-ms-transform: rotate(720deg) scale(0.1,0.1); -webkit-transform: rotate(720deg) scale(0.1,0.1); transform: rotate(720deg) scale(0.1,0.1); }
}
@-webkit-keyframes wpda_animation_newspaper_remove {
0%{
opacity:1;
-ms-transform: rotate(0deg) scale(1,1); -webkit-transform: rotate(0deg) scale(1,1); transform: rotate(0deg) scale(1,1); }
100%{
opacity:0;
-ms-transform: rotate(720deg) scale(0.1,0.1); -webkit-transform: rotate(720deg) scale(0.1,0.1); transform: rotate(720deg) scale(0.1,0.1); }
}
.wpda_animation_newspaper {	
-webkit-animation-name: wpda_animation_newspaper;
animation-name: wpda_animation_newspaper;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_newspaper_remove {	
-webkit-animation-name: wpda_animation_newspaper_remove;
animation-name: wpda_animation_newspaper_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}   @keyframes wpda_animation_flip_hor_left {
0%{
opacity:0;
-ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
100%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-webkit-keyframes wpda_animation_flip_hor_left {
0%{
opacity:0;
-ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
100%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@keyframes wpda_animation_flip_hor_left_remove {
0%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
100%{
opacity:0;
-ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}
@-webkit-keyframes wpda_animation_flip_hor_left_remove {
0%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
100%{
opacity:0;
-ms-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); }
}
.wpda_animation_flip_hor_left {	
-webkit-animation-name: wpda_animation_flip_hor_left;
animation-name: wpda_animation_flip_hor_left;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_flip_hor_left_remove {	
-webkit-animation-name: wpda_animation_flip_hor_left_remove;
animation-name: wpda_animation_flip_hor_left_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}   @keyframes wpda_animation_flip_hor_right {
0%{
opacity:0;
-ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
100%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@-webkit-keyframes wpda_animation_flip_hor_right {
0%{
opacity:0;
-ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
100%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
}
@keyframes wpda_animation_flip_hor_right_remove {
0%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
100%{
opacity:0;
-ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}
@-webkit-keyframes wpda_animation_flip_hor_right_remove {
0%{
opacity:1;
-ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }
100%{
opacity:0;
-ms-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); }
}
.wpda_animation_flip_hor_right {	
-webkit-animation-name: wpda_animation_flip_hor_right;
animation-name: wpda_animation_flip_hor_right;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}
.wpda_animation_flip_hor_right_remove {	
-webkit-animation-name: wpda_animation_flip_hor_right_remove;
animation-name: wpda_animation_flip_hor_right_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}   @keyframes wpda_animation_flip_ver_top {
0%{
opacity:0;
-ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
100%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@-webkit-keyframes wpda_animation_flip_ver_top {
0%{
opacity:0;
-ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
100%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@keyframes wpda_animation_flip_ver_top_remove {
0%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
100%{
opacity:0;
-ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}
@-webkit-keyframes wpda_animation_flip_ver_top_remove {
0%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
100%{
opacity:0;
-ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
}
.wpda_animation_flip_ver_top {	
-webkit-animation-name: wpda_animation_flip_ver_top;
animation-name: wpda_animation_flip_ver_top;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.wpda_animation_flip_ver_top_remove {	
-webkit-animation-name: wpda_animation_flip_ver_top_remove;
animation-name: wpda_animation_flip_ver_top_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; 
}   @keyframes wpda_animation_flip_ver_bottom {
0%{
opacity:0;
-ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
100%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@-webkit-keyframes wpda_animation_flip_ver_bottom {
0%{
opacity:0;
-ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
100%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
}
@keyframes wpda_animation_flip_ver_bottom_remove {
0%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
100%{
opacity:0;
-ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}
@-webkit-keyframes wpda_animation_flip_ver_bottom_remove {
0%{
opacity:1;
-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
100%{
opacity:0;
-ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }
}
.wpda_animation_flip_ver_bottom {	
-webkit-animation-name: wpda_animation_flip_ver_bottom;
animation-name: wpda_animation_flip_ver_bottom;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.wpda_animation_flip_ver_bottom_remove {	
-webkit-animation-name: wpda_animation_flip_ver_bottom_remove;
animation-name: wpda_animation_flip_ver_bottom_remove;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}.sntvd-app{
--blue:#2972bf;
--blue-deep:#1f5f9f;
--teal:#068782;
--orange:#fc7b02;
--navy:#0b3158;
--ink:#17324d;
--muted:#64798d;
--line:#d8e6f0;
--soft:#f5f9fc;
--white:#ffffff;
max-width:1180px;
margin:0 auto;
font-family:Inter,Arial,Helvetica,sans-serif;
color:var(--ink);
box-sizing:border-box;
}
.sntvd-app *{box-sizing:border-box}
.sntvd-app button,.sntvd-app input,.sntvd-app select{font:inherit}
.sntvd-app button,.sntvd-app input,.sntvd-app select{transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease, color .18s ease}
.sntvd-app button:focus-visible,.sntvd-app input:focus-visible,.sntvd-app select:focus-visible{outline:3px solid rgba(41,114,191,.18);outline-offset:2px}
.sntvd-hero{
display:grid;
grid-template-columns:auto 1fr auto;
gap:24px;
align-items:center;
padding:32px 34px;
border-radius:30px;
background:linear-gradient(132deg,#eef9fb 0%,#edf5ff 52%,#fff5ea 100%);
border:1px solid #dcebf2;
box-shadow:0 24px 54px rgba(20,72,108,.12);
position:relative;
overflow:hidden;
}
.sntvd-hero:before,.sntvd-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.sntvd-hero:before{width:250px;height:250px;left:-110px;top:-145px;background:rgba(6,135,130,.08)}
.sntvd-hero:after{right:-95px;bottom:-135px;width:305px;height:305px;background:rgba(252,123,2,.10)}
.sntvd-hero-mark{
width:86px;height:86px;border-radius:28px;
background:linear-gradient(145deg,var(--teal),var(--blue));
color:#fff;display:grid;place-items:center;
font-weight:900;font-size:26px;letter-spacing:.02em;
box-shadow:0 14px 28px rgba(6,135,130,.23);
z-index:1;transform:rotate(-2deg);
}
.sntvd-kicker{margin:0 0 6px;color:var(--teal);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.sntvd-hero h2{font-size:40px;line-height:1.04;margin:0 0 10px;color:var(--navy);letter-spacing:-.02em}
.sntvd-hero p:last-child{margin:0;max-width:720px;font-size:17px;line-height:1.58;color:#425c72}
.sntvd-hero-date{
position:relative;z-index:1;text-align:right;background:rgba(255,255,255,.95);
padding:14px 17px;border-radius:18px;border:1px solid #e1ebf1;color:var(--muted);
font-size:12px;box-shadow:0 10px 24px rgba(19,63,94,.07);backdrop-filter:blur(5px)
}
.sntvd-hero-date strong{font-size:18px;color:var(--navy)}
.sntvd-search-panel{
margin:-2px 24px 28px;
padding:24px;
border-radius:0 0 26px 26px;
border:1px solid var(--line);
border-top:0;
background:#fff;
box-shadow:0 16px 34px rgba(24,73,104,.08);
position:relative;z-index:2;
}
.sntvd-search-row{display:grid;grid-template-columns:1fr auto;gap:12px}
.sntvd-search-row input{
min-width:0;border:2px solid #bfd7e7!important;border-radius:18px!important;
padding:17px 18px!important;font-size:17px!important;height:auto!important;
background:#fbfdff!important;color:var(--ink)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.sntvd-search-row input:focus{border-color:var(--blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(41,114,191,.10)}
.sntvd-search-btn{
border:0;border-radius:18px;padding:0 28px;
background:linear-gradient(135deg,var(--orange),#ff9d39);
color:#fff;font-weight:900;cursor:pointer;
box-shadow:0 12px 24px rgba(252,123,2,.22)
}
.sntvd-search-btn:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(252,123,2,.28)}
.sntvd-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sntvd-filters select{
border:1px solid #c7dcea!important;border-radius:13px!important;background:#f8fbfd!important;
padding:11px 38px 11px 13px!important;color:var(--navy)!important;min-width:220px;height:auto!important;
box-shadow:0 1px 0 rgba(255,255,255,.6) inset;
}
.sntvd-filters select:hover{border-color:#b6cfdf!important;background:#fff!important}
.sntvd-reset{
border:1px solid transparent;background:transparent;color:var(--blue);
font-weight:800;cursor:pointer;padding:9px 11px;border-radius:11px
}
.sntvd-reset:hover{background:#eef6fb}
.sntvd-search-hint{margin:11px 0 0;color:var(--muted);font-size:13px}
.sntvd-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:32px 2px 14px}
.sntvd-section-head>div{display:flex;align-items:center;gap:10px}
.sntvd-section-head h3{margin:0;font-size:26px;color:var(--navy);letter-spacing:-.01em}
.sntvd-small,.sntvd-count{font-size:13px;color:var(--muted)}
.sntvd-count strong{font-size:15px;color:var(--navy)}
.sntvd-dot{width:12px;height:12px;border-radius:50%;background:var(--teal);display:inline-block;box-shadow:0 0 0 5px rgba(6,135,130,.09)}
.sntvd-dot-orange{background:var(--orange);box-shadow:0 0 0 5px rgba(252,123,2,.10)}
.sntvd-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.sntvd-right-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sntvd-alert-card,.sntvd-right-card{
position:relative;background:#fff;border:1px solid var(--line);
box-shadow:0 10px 24px rgba(28,69,98,.055);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sntvd-alert-card:hover,.sntvd-right-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(28,69,98,.10);border-color:#c9deea}
.sntvd-alert-card{border-radius:20px;padding:18px;border-top-width:5px;overflow:hidden}
.sntvd-alert-card:after{content:"";position:absolute;right:-38px;bottom:-52px;width:88px;height:88px;border-radius:50%;background:rgba(41,114,191,.05)}
.sntvd-alert-card.sntvd-p1{border-top-color:#d83b32;background:linear-gradient(180deg,#fff,#fff8f7)}
.sntvd-alert-card.sntvd-p2{border-top-color:var(--orange);background:linear-gradient(180deg,#fff,#fffaf4)}
.sntvd-alert-card.sntvd-p3{border-top-color:var(--blue)}
.sntvd-right-card{border-radius:20px;padding:19px 20px;overflow:hidden}
.sntvd-right-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 6px 6px 0;background:linear-gradient(var(--teal),var(--blue));opacity:.9}
.sntvd-alert-top,.sntvd-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sntvd-priority{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#17324d;color:#fff;font-size:11px;font-weight:900;padding:6px 10px;letter-spacing:.04em}
.sntvd-deadline{font-size:12px;color:var(--muted)}
.sntvd-alert-card h4,.sntvd-right-card h4{font-size:18px;line-height:1.28;margin:13px 0 8px;color:var(--navy)}
.sntvd-alert-card>p,.sntvd-right-card>p{font-size:14px;line-height:1.56;margin:0 0 13px;color:#465e73}
.sntvd-more{border:0;background:transparent;color:var(--blue);font-weight:900;padding:5px 0;cursor:pointer}
.sntvd-more:hover{color:var(--blue-deep)}
.sntvd-detail{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.58}
.sntvd-detail p:first-child{margin-top:0}
.sntvd-action{margin-top:14px;padding:12px 13px;border-radius:13px;background:#eef8f7;border-left:4px solid var(--teal)}
.sntvd-source{font-size:12px;color:var(--muted);margin:10px 0 4px}
.sntvd-source-link{font-size:12px;font-weight:800;color:var(--blue);text-decoration:none}
.sntvd-source-link:hover{text-decoration:underline}
.sntvd-rights[hidden],.sntvd-alerts[hidden],.sntvd-right-card[hidden],.sntvd-no-results[hidden],.sntvd-agreement-body[hidden]{display:none!important}
.sntvd-theme-pill{display:inline-block;background:#eaf5fb;color:#075d90;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.sntvd-status{font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px}
.sntvd-status-ok{background:#e7f6f2;color:#087b6a}
.sntvd-status-warn{background:#fff0e3;color:#b05200}
.sntvd-status-check{background:#f1f1f3;color:#616674}
.sntvd-no-results{
padding:18px 19px;border-radius:16px;background:#fff8ec;border:1px solid #ffd39a;
margin-bottom:14px;display:flex;flex-direction:column;gap:5px;box-shadow:0 7px 20px rgba(252,123,2,.08)
}
.sntvd-footer-note{margin:30px 0 4px;padding:17px 19px;border-radius:16px;background:#f3f7fa;color:#526a7e;font-size:13px;line-height:1.56;border-left:4px solid var(--blue)}
.sntvd-agreement-zone{margin-top:16px;padding:15px;border-radius:16px;background:#f8fbfd;border:1px solid var(--line)}
.sntvd-agreement-zone h5{margin:0 0 10px;font-size:15px;color:var(--navy)}
.sntvd-agreement-item{background:#fff;border:1px solid #dce8f0;border-radius:13px;margin-top:9px;overflow:hidden}
.sntvd-agreement-item:first-of-type{margin-top:0}
.sntvd-agreement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px}
.sntvd-agreement-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.sntvd-agreement-head strong{font-size:12px;color:var(--blue);letter-spacing:.04em}
.sntvd-agreement-head span{font-size:12px;line-height:1.35;color:#4f667a}
.sntvd-agreement-load{flex:0 0 auto;border:1px solid #bed5e6;background:#fff;color:var(--blue);font-weight:900;border-radius:11px;padding:8px 12px;cursor:pointer}
.sntvd-agreement-load:hover{background:#edf6fb;transform:translateY(-1px)}
.sntvd-agreement-missing{display:inline-block;padding:6px 9px;border-radius:9px;background:#fff4e8;color:#9a570d;font-size:11px!important;font-weight:800}
.sntvd-agreement-body{border-top:1px solid #dce8f0;padding:15px;background:#fff;max-height:600px;overflow:auto;overscroll-behavior:contain}
.sntvd-agreement-loading{font-size:13px;color:var(--muted)}
.sntvd-agreement-content{font-size:13px;line-height:1.58;color:#273f54}
.sntvd-agreement-content h4{font-size:15px;line-height:1.3;margin:18px 0 8px;color:var(--navy)}
.sntvd-agreement-content h4:first-child{margin-top:0}
.sntvd-agreement-content p{margin:0 0 10px}
.sntvd-agreement-content table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px}
.sntvd-agreement-content td,.sntvd-agreement-content th{border:1px solid #cfdee9;padding:7px;vertical-align:top;text-align:left}
@media(max-width:880px){
.sntvd-alert-grid{grid-template-columns:1fr 1fr}
.sntvd-hero{grid-template-columns:auto 1fr}
.sntvd-hero-date{grid-column:1/-1;text-align:left}
.sntvd-right-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
.sntvd-app{padding:0 10px}
.sntvd-hero{grid-template-columns:1fr;padding:24px 18px;border-radius:24px;text-align:center}
.sntvd-hero-mark{margin:0 auto;width:68px;height:68px;border-radius:22px;font-size:22px}
.sntvd-hero h2{font-size:31px}
.sntvd-hero p:last-child{font-size:15px}
.sntvd-hero-date{text-align:center}
.sntvd-search-panel{margin:0 5px 20px;padding:16px;border-radius:0 0 20px 20px}
.sntvd-search-row{grid-template-columns:1fr}
.sntvd-search-btn{padding:13px}
.sntvd-filters{display:grid;grid-template-columns:1fr}
.sntvd-filters select{width:100%;min-width:0}
.sntvd-reset{text-align:left}
.sntvd-alert-grid{grid-template-columns:1fr}
.sntvd-section-head{align-items:flex-start;flex-direction:column}
.sntvd-section-head h3{font-size:23px}
.sntvd-right-card,.sntvd-alert-card{padding:15px}
.sntvd-small{line-height:1.4}
.sntvd-agreement-head{align-items:stretch;flex-direction:column}
.sntvd-agreement-load{width:100%}
.sntvd-agreement-body{max-height:520px;padding:12px}
} .sntvd-app{display:flex;flex-direction:column}
.sntvd-hero{order:1}
.sntvd-search-panel{order:2}
.sntvd-rights{order:3}
.sntvd-alerts{order:4}
.sntvd-footer-note{order:5} .sntvd-app,
.sntvd-app *{
font-family:"Segoe UI",Inter,Arial,Helvetica,sans-serif!important;
}
.sntvd-app{
--shadow-soft:0 12px 32px rgba(11,49,88,.08);
--shadow-card:0 14px 34px rgba(11,49,88,.09);
--shadow-hover:0 22px 48px rgba(11,49,88,.15);
--radius-xl:30px;
--radius-lg:22px;
--radius-md:16px;
} .sntvd-hero{
min-height:190px;
padding:34px 38px;
border-radius:32px;
border:1px solid rgba(41,114,191,.16);
background:
radial-gradient(circle at 10% 18%,rgba(6,135,130,.17),transparent 31%),
radial-gradient(circle at 87% 22%,rgba(252,123,2,.14),transparent 28%),
radial-gradient(circle at 68% 118%,rgba(41,114,191,.14),transparent 40%),
linear-gradient(135deg,#f8fdff 0%,#f0f7ff 50%,#fffaf4 100%);
box-shadow:0 24px 60px rgba(15,62,97,.13);
}
.sntvd-hero:before{
width:190px;height:190px;left:-70px;top:-80px;
background:linear-gradient(135deg,rgba(6,135,130,.13),rgba(41,114,191,.04));
filter:blur(1px);
}
.sntvd-hero:after{
right:-75px;bottom:-120px;width:275px;height:275px;
background:linear-gradient(145deg,rgba(252,123,2,.15),rgba(41,114,191,.05));
}
.sntvd-hero-mark{
width:92px;height:92px;border-radius:28px;
background:linear-gradient(145deg,#07938c 0%,#2972bf 62%,#2362a0 100%);
border:1px solid rgba(255,255,255,.7);
box-shadow:0 16px 34px rgba(6,135,130,.28),inset 0 1px 0 rgba(255,255,255,.32);
transform:rotate(-3deg);
position:relative;
}
.sntvd-hero-mark:after{
content:"";position:absolute;inset:7px;border-radius:22px;
border:1px solid rgba(255,255,255,.22);pointer-events:none;
}
.sntvd-kicker{font-size:12px;letter-spacing:.14em;color:#087d78}
.sntvd-hero h2{font-size:42px;letter-spacing:-.035em;text-shadow:0 1px 0 #fff}
.sntvd-hero p:last-child{font-size:16px;line-height:1.62;color:#405d74}
.sntvd-hero-date{
padding:15px 18px;border-radius:18px;
background:rgba(255,255,255,.82);
border:1px solid rgba(255,255,255,.9);
box-shadow:0 12px 30px rgba(11,49,88,.09),inset 0 0 0 1px rgba(41,114,191,.06);
backdrop-filter:blur(12px);
} .sntvd-search-panel{
margin:-14px 28px 30px;
padding:22px;
border-radius:22px;
border:1px solid rgba(41,114,191,.14);
background:rgba(255,255,255,.94);
box-shadow:0 18px 44px rgba(11,49,88,.11);
backdrop-filter:blur(14px);
}
.sntvd-search-row{gap:10px}
.sntvd-search-row input{
border:1px solid #c5dceb!important;
border-radius:15px!important;
padding:16px 18px!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
box-shadow:0 4px 14px rgba(11,49,88,.04),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.sntvd-search-row input:hover{border-color:#9fc7df!important}
.sntvd-search-row input:focus{
border-color:var(--blue)!important;
box-shadow:0 0 0 4px rgba(41,114,191,.10),0 8px 20px rgba(11,49,88,.07)!important;
}
.sntvd-search-btn{
min-width:118px;
border-radius:15px;
background:linear-gradient(135deg,#fc7b02 0%,#ff9b32 100%);
box-shadow:0 10px 22px rgba(252,123,2,.25),inset 0 1px 0 rgba(255,255,255,.25);
letter-spacing:.01em;
}
.sntvd-search-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(252,123,2,.30)}
.sntvd-filters{gap:9px;margin-top:12px}
.sntvd-filters select{
border:1px solid #d2e2ed!important;
background:#f8fbfd!important;
border-radius:12px!important;
box-shadow:none!important;
}
.sntvd-filters select:focus{background:#fff!important}
.sntvd-reset{border-radius:12px}
.sntvd-search-hint{margin-top:10px;color:#718599} .sntvd-section-head{margin:34px 3px 16px;padding:0 2px}
.sntvd-section-head h3{font-size:28px;letter-spacing:-.025em}
.sntvd-dot{width:10px;height:28px;border-radius:999px;box-shadow:none}
.sntvd-dot-orange{box-shadow:none}
.sntvd-count,.sntvd-small{
background:#f4f8fb;border:1px solid #e1ebf2;border-radius:999px;
padding:6px 10px;line-height:1.2;
} .sntvd-right-grid{gap:16px}
.sntvd-right-card{
border-radius:22px;
border:1px solid #dce8f1;
padding:20px 21px 19px 22px;
background:
linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(251,253,255,1) 100%);
box-shadow:var(--shadow-card);
overflow:hidden;
}
.sntvd-right-card:before{
top:0;bottom:0;width:5px;border-radius:0;
background:linear-gradient(180deg,var(--teal) 0%,var(--blue) 72%,rgba(41,114,191,.45) 100%);
}
.sntvd-right-card:after{
content:"";position:absolute;right:-46px;top:-56px;width:120px;height:120px;border-radius:50%;
background:radial-gradient(circle,rgba(41,114,191,.08),rgba(41,114,191,0) 72%);
pointer-events:none;
}
.sntvd-right-card:hover{
transform:translateY(-4px);
border-color:#bfd7e7;
box-shadow:var(--shadow-hover);
}
.sntvd-right-card h4{font-size:19px;letter-spacing:-.015em;margin-top:14px}
.sntvd-right-card>p{color:#526b80;line-height:1.6}
.sntvd-theme-pill{
background:linear-gradient(135deg,#e9f7f6,#eef6fd);
color:#086e87;
border:1px solid #d2e9eb;
padding:6px 10px;
}
.sntvd-status{border:1px solid transparent;box-shadow:0 2px 8px rgba(11,49,88,.04)}
.sntvd-status-ok{border-color:#cce9df}
.sntvd-status-warn{border-color:#ffd9b4}
.sntvd-status-check{border-color:#ddddE5}
.sntvd-more{
display:inline-flex;align-items:center;gap:7px;
min-height:34px;padding:7px 12px;
border-radius:999px;
background:#f0f6fb;
color:#2366a0;
}
.sntvd-more:after{content:"›";font-size:18px;line-height:1;transition:transform .18s ease}
.sntvd-more:hover{background:#e7f2fa;color:#174f81;transform:translateX(1px)}
.sntvd-more[aria-expanded="true"]:after{transform:rotate(90deg)}
.sntvd-detail{border-top:1px solid #e2ecf3;margin-top:15px;padding-top:16px}
.sntvd-action{
background:linear-gradient(135deg,#eef9f7,#f4fbfa);
border-left:4px solid var(--teal);
box-shadow:inset 0 0 0 1px rgba(6,135,130,.06);
} .sntvd-alert-grid{gap:16px}
.sntvd-alert-card{
border-radius:22px;
border:1px solid #dfe9f1;
border-top-width:5px;
padding:19px;
box-shadow:var(--shadow-card);
}
.sntvd-alert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.sntvd-alert-card.sntvd-p1{background:linear-gradient(180deg,#fff 0%,#fff8f7 100%)}
.sntvd-alert-card.sntvd-p2{background:linear-gradient(180deg,#fff 0%,#fffaf4 100%)}
.sntvd-alert-card.sntvd-p3{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.sntvd-priority{box-shadow:0 5px 12px rgba(11,49,88,.12)}
.sntvd-alert-card h4{font-size:18px;letter-spacing:-.012em}
.sntvd-alert-card>p{color:#526b80;line-height:1.58} .sntvd-agreement-zone{
border-radius:17px;
background:linear-gradient(180deg,#f8fbfd,#f4f8fb);
box-shadow:inset 0 1px 0 #fff;
}
.sntvd-agreement-item{
border-radius:14px;
box-shadow:0 6px 16px rgba(11,49,88,.04);
}
.sntvd-agreement-head{padding:13px 14px}
.sntvd-agreement-load{
border-radius:11px;
background:linear-gradient(180deg,#fff,#f7fbfd);
box-shadow:0 4px 12px rgba(11,49,88,.05);
}
.sntvd-agreement-body{background:#fff}
.sntvd-no-results{
border-radius:18px;
background:linear-gradient(135deg,#fff9f0,#fffdf8);
box-shadow:0 12px 28px rgba(252,123,2,.10);
}
.sntvd-footer-note{
margin-top:34px;
border-radius:18px;
background:linear-gradient(135deg,#f4f8fb,#f9fbfd);
box-shadow:0 8px 22px rgba(11,49,88,.05);
} @keyframes sntvdFadeUp{
from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}
.sntvd-rights:not([hidden]) .sntvd-right-card:not([hidden]),
.sntvd-alerts:not([hidden]) .sntvd-alert-card{
animation:sntvdFadeUp .28s ease both;
}
.sntvd-right-grid .sntvd-right-card:nth-child(2n),
.sntvd-alert-grid .sntvd-alert-card:nth-child(2n){animation-delay:.025s}
@media(max-width:880px){
.sntvd-hero{padding:30px}
.sntvd-search-panel{margin:-12px 18px 26px}
}
@media(max-width:620px){
.sntvd-hero{min-height:0;padding:25px 18px;border-radius:25px}
.sntvd-hero h2{font-size:32px}
.sntvd-hero-mark{width:70px;height:70px;border-radius:22px}
.sntvd-search-panel{margin:-8px 5px 22px;padding:15px;border-radius:18px}
.sntvd-section-head h3{font-size:24px}
.sntvd-count,.sntvd-small{padding:5px 8px}
.sntvd-right-card,.sntvd-alert-card{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
.sntvd-app *,
.sntvd-rights:not([hidden]) .sntvd-right-card:not([hidden]),
.sntvd-alerts:not([hidden]) .sntvd-alert-card{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
}
}