body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal;}
body{font:12px/18px Arial, Helvetica, sans-serif; color:#444; background:#f4f1ec;}
img,fieldset{border:none; margin:0; padding:0;}
.left{float:left;}
.right{float:right; width:auto;}
.full{float:left; width:100%;}
.curve{float:left; width:100%}
.curve img{float:left}
.clear{clear:both;}
.visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
clip-path:inset(50%);
white-space:nowrap;
border:0;
}
a{color:#444; text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none}
input:focus{outline:none;}
select{font-size:11px;}
table{line-height:16px;}
img{vertical-align:middle;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;}
/* h1,h2,h3,h4,h5,h6 { font-family:'Reenie Beanie', arial, serif; } */
#main{float:left; width:100%; background:#e4dfdd url(../images/main_bg.gif) repeat-x 0 0;}
#inner_main{float:left; width:100%; min-height:100%; background:#edeae6}
#inner_main_centre{float:left; width:100%; background:url(../images/inner_centre_main_bg.png) repeat-x center 0;}
div,span,li{text-overflow:ellipsis;}

.bold, .own_athlete {font-weight:bold;}
.italic{font-style:italic;}

.red{color:#f04935;}
.green{color:#25a6ad;}
.green2{color:#25ccad;}
.blue{color:#ad25a6;}
.black{color:#000;}
.alert{background:#f00; color:#000;}


.separator {clear:both;height:12px;width:100%;}

form select:hover,#inner_main_centre input[type=submit]:hover {
border:1px solid #000;
}

#inner_body_container input[type=submit] {
-moz-border-radius:5px;
-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
-webkit-border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
background:#ffad67;
border:1px solid #e07920;
border-radius:5px;
box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
color:#fff;
cursor:pointer;
font-family:"Lucida Sans Unicode";
font-weight:700;
margin-left:4px;
text-shadow:#adadad 1px 1px 1px;
}

form select:hover,#inner_main_centre input[type=button]:hover {
border:1px solid #000;
}

#inner_body_container input[type=button] {
-moz-border-radius:5px;
-moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
-webkit-border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
background:#ffad67;
border:1px solid #e07920;
border-radius:5px;
box-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
color:#fff;
cursor:pointer;
font-family:"Lucida Sans Unicode";
font-weight:700;
margin-left:4px;
text-shadow:#adadad 1px 1px 1px;
}

#wrapper{width:942px; margin:0 auto;}

#header{float:left; width:942px;height:115px;}
#header .logo{float:left; width:278px;}
#header .logo img{float:left;}
#header .right_details{float:right; width:655px;}
#header .top_details{float:right; width:650px;}
#header .top_details .like{float:left; width:490px; font-size:12px; line-height:14px; color:#939598; background:url(../images/top_divider.gif) no-repeat right 0; margin:5px 0 0 15px; display:inline;height:24px;overflow:hidden;}
#header .top_details .like img{float:left;}
#header .language{float:right; width:126px; padding-top:5px; position:relative}
#header .language label{float:left; width:120px; font-size:11px; line-height:14px; color:#9e9c98; padding-top:4px}
#header .language .flag_bg{float:left; width:118px; background:url(../images/flag_bg.gif) no-repeat 0 0; padding:4px;}
#header .language .flag_bg span{float:left; width:104px; height:16px; font-size:11px; line-height:14px; color:#9e9c98; overflow:hidden;}
#header .language .flag_bg span img{vertical-align:middle; margin:0 3px; display:inline;}
#header .language .flag_bg small{float:left; width:auto; padding-top:5px;}
#header .language .flag_bg small img{float:left;}

#header .menu{float:left; width:auto; padding:12px 0 0 10px;}
#header .menu ul{float:left; width:auto; list-style:none;}
#header .menu ul li{float:left; width:158px; font-size:17pt; line-height:22px; font-weight:bold; text-shadow:0px 1px white; padding:2px 8px 7px; background:url(../images/menu_divider.gif) no-repeat right 0; letter-spacing:-1px; overflow:hidden; text-align:center;white-space:nowrap;}
#header .menu ul li a span{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:9pt; line-height:13pt; letter-spacing:-1px; color:#47999e; font-style:italic; text-shadow:none; font-weight:normal;white-space:nowrap;}
#header .menu ul li a:hover{color:#f9a400;}
#header .menu ul li a:hover span{color:#f9a400;}

#header .top_menu{float:left; padding:5px 0 0 20px;}
#header .top_menu ul{float:left; width:auto; list-style:none;}
#header .top_menu ul li{float:left; width:auto; height:19px; padding:0 9px;}
#header .top_menu ul li a{float:left; height:19px;}
#header .top_menu ul li.home a{width:18px; background:url(../images/home.gif) no-repeat 0 0;}
#header .top_menu ul li.arena a{width:15px; background:url(../images/arena.gif) no-repeat 0 0;}
#header .top_menu ul li.league a{width:18px; background:url(../images/league.gif) no-repeat 0 0;}
#header .top_menu ul li.curtrasf a{width:13px; background:url(../images/curtrasf.gif) no-repeat 0 0;}
#header .top_menu ul li.calender a{width:18px; background:url(../images/calender.gif) no-repeat 0 0;}
#header .top_menu ul li.friend a{width:18px; background:url(../images/friend.gif) no-repeat 0 0;}
#header .top_menu ul li.record a{width:14px; background:url(../images/record.gif) no-repeat 0 0;}
#header .top_menu ul li.search a{width:17px; background:url(../images/search.gif) no-repeat 0 0;}
#header .top_menu ul li.ads a{width:18px; background:url(../images/ads.gif) no-repeat 0 0;}
#header .top_menu ul li.bookmark a{width:18px; background:url(../images/bookmark.gif) no-repeat 0 0;}
#header .top_menu ul li.statistics a{width:16px; background:url(../images/statistics.gif) no-repeat 0 0;}
#header .top_menu ul li.notepad a{width:16px; background:url(../images/notepad.gif) no-repeat 0 0;}
#header .top_menu ul li a:hover{background-position:0 -19px}

#header .users_online{float:right; font-weight:bold;font-size:11px; line-height:16px; padding:8px 10px 0px 0px;width:210px;text-align:right;}
#header .users_online small, #header .users_online small a{font-size:12px; color:#17a1a9;}

#header .maxitrainer{float:right; width:256px; padding-top:12px;}
#header .maxitrainer ul{float:left; width:100%; list-style:none;}
#header .maxitrainer ul li a{float:left; width:100%; font-size:12px; line-height:14px; padding-bottom:5px;}
#header .maxitrainer ul span{float:left; font-size:11px; line-height:14px; color:#fff; padding:0 2px 1px; background:#169da5; margin-right:10px; display:inline;}
#header .maxitrainer ul span.status_new{background:#d3321f;}
#header .maxitrainer ul strong{float:left; width:208px;white-space:nowrap;}
#header .maxitrainer ul strong a{text-overflow:ellipsis;overflow:hidden;}

#header .login_box{float:right; width:106px; padding-top:15px;}
#header .login_box form{float:left;}
#header .login_box .input_bg{float:left; width:105px; height:21px; background:url(../images/input_bg2.gif) no-repeat 0 0; margin-bottom:5px;}
#header .login_box .input_bg input{float:left; width:95px; margin:0; border:none; background:none; padding:2px 5px 4px; font:11px/14px Arial, Helvetica, sans-serif; color:#a9a9a7;}
#header .login_box .input_bg input::placeholder{color:#9a9a98; font-size:11px; opacity:1;}
#header .login_box .login_btn{float:right; cursor:pointer; margin-top:3px; border:none; background-color:#83993e; color:#f4f1ec; text-transform:uppercase; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0px 10px 0px 3px; border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-top-right-radius:20px 10px; -moz-border-radius-topright:20px 10px; border-bottom-right-radius:20px 10px; -moz-border-radius-bottomright:20px 10px; box-shadow:3px 4px 3px #AAA; -moz-box-shadow:3px 4px 3px #AAA; -webkit-box-shadow:3px 4px 3px #AAA;}

#banner_container{float:left; width:942px;}
#banner_container .left_details{float:left; width:452px; position:relative;}
#banner_container .left_details h1{float:left; width:100%; padding-bottom:8px; font-family:arial black, sans-serif; font-size:27pt; line-height:34px; letter-spacing:-3px; color:#444; text-shadow:0px 1px white, 0px -1px #3d3d3d; font-weight:bold;}
#banner_container .left_details span{float:left; width:100%; font-size:12pt; ; line-height:18px; letter-spacing:-1px; color:#83983e; font-weight:bold; text-shadow:0px 1px white;}
#banner_container .left_details span .or{padding:0px 15px; width:auto;}
#banner_container .left_details p{float:left; width:100%; font-size:11pt; line-height:18px; padding-top:13px;}

#banner_container .left_details .bottons{float:left; width:100%; padding-top:20px;}
#banner_container .left_details .bottons a:hover{text-decoration:none;}
#banner_container .left_details .bottons a.try_it_btn{float:left; background-color:#fba500; text-shadow:none; font-weight:bold; letter-spacing:-1px; font-size:17px; color:#f4f1ec; 	padding:2px 18px 3px 3px; text-transform:uppercase; border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-top-right-radius:30px 10px; -moz-border-radius-topright:30px 10px; border-bottom-right-radius:30px 10px; -moz-border-radius-bottomright:30px 10px; box-shadow:3px 4px 3px #AAA; -moz-box-shadow:3px 4px 3px #AAA; -webkit-box-shadow:3px 4px 3px #AAA;}
#banner_container .left_details .bottons a.register_btn{float:left; background-color:#83993e; text-shadow:none; font-weight:bold; letter-spacing:-1px; font-size:17px; color:#f4f1ec; 	padding:2px 18px 3px 3px; text-transform:uppercase; border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-top-right-radius:30px 10px; -moz-border-radius-topright:30px 10px; border-bottom-right-radius:30px 10px; -moz-border-radius-bottomright:30px 10px; box-shadow:3px 4px 3px #AAA; -moz-box-shadow:3px 4px 3px #AAA; -webkit-box-shadow:3px 4px 3px #AAA;}
#banner_container .left_details .bottons img{float:left; margin:0 13px; display:inline}

#banner_container .left_details .sence_arrow{position:absolute; right:-70px; top:0;}
#banner_container .photo{float:left; width:490px;}
#banner_container .photo img{float:left;}

.or {font:normal 22px/24px 'Annie Use Your Telescope', arial, sans-serif;}

#body_container{float:left; width:942px;}
#top_container{float:left; width:942px; padding-top:30px}
#top_container ul{float:left; width:942px; list-style:none;}
#top_container ul li{float:left; width:auto; background:url(../images/top_container_divider.gif) no-repeat right 0;}
#top_container h2{float:left; width:100%; font-size:17pt; line-height:24px; color:#444; font-weight:bold; letter-spacing:-1px; text-shadow:0px 1px white;}
#top_container h2 span{font:normal 22px/24px 'Annie Use Your Telescope', arial, sans-serif; color:#5a9598; float:left; padding-top:2px;}
#top_container h2 img{float:left;}
#top_container p{float:left; width:100%; font-size:14px; line-height:18px; padding-top:8px}
#top_container .common_details{float:left; width:260px; padding-right:40px; position:relative; margin-right:5px;}
#top_container .common_details .content{float:left; width:240px; padding-left:25px;}
#top_container .common_details.space{padding-left:27px;}
#top_container .common_details .arrow{position:absolute; right:5px; top:15px;}
#top_container .common_details.last{width:250px; padding:0 0 0 20px;}
#top_container .last{background:none;}


#top_container .common_details .heading{font-weight:normal; letter-spacing:-0.5px; font-size:13.5pt; line-height:20px; color:#f4f1ec; text-transform:uppercase; padding-left:3px; float:left; margin:4px 0 0 5px; display:inline}
#top_container .common_details .heading small{width:auto; float:left; background:#a14d43; padding:0px 2px 2px 2px; font-size:13.5pt; margin-right:5px; box-shadow:3px 4px 3px #AAA; -moz-box-shadow:3px 4px 3px #AAA; -webkit-box-shadow:3px 4px 3px #AAA;}



#middle_container{float:left; width:942px; padding:30px 0 20px;}
#middle_container .statistics_details{float:left; width:270px; padding-left:20px; position:relative;}
#middle_container .statistics_details h3{float:left; width:100%; font-size:18px; line-height:18px; color:#859b3f; font-weight:bold; text-shadow:1px 1px 1px #fff; padding-bottom:20px;}
#middle_container .statistics_details ul{float:left; width:100%; list-style:none;}
#middle_container .statistics_details ul li{float:left; width:100%; font-size:12px; line-height:15px; padding:5px 0; background:url(../images/statistics_dot.gif) repeat-x 0 bottom;}
#middle_container .statistics_details .col1{float:left; width:166px;}
#middle_container .statistics_details .col2{float:left; width:90px; padding-right:12px; text-align:right; color:#5a9598;}
#middle_container .statistics_details .col2 small{color:#a14d43; font-size:12px; line-height:15px;}
#middle_container .statistics_details .arrow{position:absolute; left:0px; top:10px;}

#middle_container .maxithlon_details{float:left; width:415px; padding-left:40px;}
#middle_container .maxithlon_details h3{float:left; width:100%; font-size:18px; line-height:18px; color:#859b3f; font-weight:bold; text-shadow:1px 1px 1px #fff; padding-bottom:15px;}
#middle_container .maxithlon_details h3 em{font-style:normal; float:left;}
#middle_container .maxithlon_details h3 span{font:normal 20px/22px 'Annie Use Your Telescope', arial, sans-serif; color:#bbb7b6; background:url(../images/arrow02.gif) no-repeat left 9px; padding-left:20px; margin-left:10px; width:180px;}
#middle_container .maxithlon_details h3 a{color:#bbb7b6; margin-left:5px;}
#middle_container .maxithlon_details h3 img{vertical-align:middle; margin-left:5px; display:inline;}
#middle_container .maxithlon_details ul{float:left; width:100%; list-style:none;}
#middle_container .maxithlon_details ul li{float:left; width:100%; padding-bottom:10px;}
#middle_container .maxithlon_details span{float:left; font-size:11px; line-height:14px; color:#fff; padding:0 2px 1px; background:#a14d43;}
#middle_container .maxithlon_details h5{float:left; width:100%; font-size:14px; line-height:18px; color:#5a9598; font-weight:bold;}
#middle_container .maxithlon_details p{float:left; width:100%; font-size:12px; line-height:18px;}

#middle_container .screenshot{float:right; width:140px; padding-left:20px; position:relative;}
#middle_container .screenshot .arrow{position:absolute; right:-15px; top:10px;}
#middle_container .screenshot .close{position:absolute; right:0px; top:25px;}
#middle_container .screenshot h3{float:left; width:100%; font-size:16px; line-height:18px; color:#859b3f; font-weight:bold; text-shadow:1px 1px 1px #fff; padding-bottom:15px;}
#middle_container .screenshot .photo{float:left; width:153px; padding:5px 10px 12px 5px; background:url(../images/screenshot_bg.gif) no-repeat 0 0;}
#middle_container .screenshot .photo img{float:left;}

#main.main_bg{background:url(../images/inner_main_bg.gif) repeat-x 0 0;}
#inner_body_container{float:left; width:942px; padding:0px 0px 30px;}

#left_section{width:157px; float:left; overflow:hidden;}
#left_section h2{text-transform:uppercase; margin:10px 0 5px 0px; font-weight:bold; letter-spacing:-1px; font-size:17px;}
#left_section h2 span a{color:#fff; width:auto; background:#a14d43; padding:0px 8px 0px 7px; box-shadow:3px 4px 3px #AAA; -moz-box-shadow:3px 4px 3px #AAA; -webkit-box-shadow:3px 4px 3px #AAA;}
#left_section h2 span .arrow{width:9px; height:18px; position:absolute; left:-14px; top:16px;}

#left_section ul{width:90%; float:left; list-style:none; margin-left:5px; margin-bottom:5px; padding-bottom:5px;}
#left_section ul li{width:100%;}

#left_section ul li a.icon01{background:url(../images/icon01.png) no-repeat right center; padding-right:13px; color:#169da5;}
#left_section ul li a.icon02{background:url(../images/icon02.png) no-repeat right center; padding-right:13px; color:#169da5;}


#middle_section h2{font:26px/28px arial black, sans-serif; letter-spacing:-2px; text-shadow:1px 1px 1px #FFFFFF; float:left; background:none; padding:0;}
#middle_section h2 img{vertical-align:middle;}
#middle_section{width:532px; float:left;}
#middle_section .head_section{width:100%; float:left; background:url(../images/border.gif) repeat-x 0 bottom; padding-bottom:3px; position:relative;margin-bottom:10px;}
#middle_section .head_section .addto_bookmark{width:122px; height:33px; position:absolute; top:0; right:0;}
#middle_section .head_section .addto_bookmark{float:left; font-size:19px; width:152px;}
#middle_section .head_section .addto_bookmark img{vertical-align:middle;}
#middle_section .head_section .addto_bookmark a {color:#999999;}

#middle_section h2 a img.arrow_left{padding:0px 5px 0px 1px;}
#middle_section h2 a img.arrow_right{padding:0px 1px 0px 5px;}



#middle_section .welcome_details{float:left; width:100%; padding-bottom:20px;}
#middle_section .welcome_details h4{float:left; width:100%; line-height:28px; padding-bottom:6px; font-family:arial black; font-size:19pt; letter-spacing:-2px; color:#444; text-shadow:0px 1px white; font-weight:bold;}

#middle_section .welcome_details{margin-bottom:30px;}
#middle_section .welcome_details .content{float:left; width:430px; position:relative;}
#middle_section .welcome_details .content .arrow{position:absolute; left:-20px; top:60px;}
#middle_section .welcome_details .content p{float:left; width:100%; font-size:12px; line-height:15px; color:#648400; padding-bottom:5px;}
#middle_section .welcome_details .content p span{color:#626262;}
#middle_section .welcome_details .content p small{width:80px; display:inline-block; font-size:12px; line-height:16px; color:#25a6ad;}
#middle_section .welcome_details .content p small img{float:left; margin-top:3px;}
#middle_section .welcome_details .photo{float:left; width:100px; padding-top:25px;}
#middle_section .welcome_details .photo img{float:left;}
#middle_section .welcome_details .content2{float:left; width:100%; position:relative; font-size:12px; line-height:15px; padding-bottom:5px;}
#middle_section .welcome_details .content2 span{color:#626262;}
#middle_section .welcome_details .content2 small{width:80px; display:inline-block; font-size:12px; line-height:16px; color:#25a6ad;}
#middle_section .welcome_details .content2 small img{float:left; margin-top:3px;}
#middle_section .first_step_details{float:left; width:532px; padding-bottom:30px;}
#middle_section h3{float:left; width:100%; font-family:'Annie Use Your Telescope', arial, sans-serif;font-size:26px; line-height:18px; color:#83993e; font-weight:bold; background:url(../images/statistics_dot.gif) repeat-x 0 bottom; padding-bottom:2px; margin-bottom:7px;position:relative;}
.id{color:#777;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:400;vertical-align:middle;line-height:16px;padding-left:10px;letter-spacing:0px;text-shadow:none;}
#middle_section h2 .bookmark{vertical-align:middle;margin-right:10px;position:absolute; top:3px; right:0;}
#middle_section h3 .bookmark{vertical-align:middle;margin-right:10px;position:absolute; top:-3px; right:0;}
#middle_section .subh3{font-size:11px;vertical-align:middle;margin-bottom:10px;}

#middle_section .newbie_details{float:left; width:532px; padding-bottom:30px;}
#middle_section .newbie_details .newbie_section{float:left; width:165px; text-align:center; padding:0px 5px;}
#middle_section .newbie_details .newbie_section h3{margin-top:5px;}
#middle_section .newbie_details .newbie_help{clear:both; padding-top:10px; text-align:center;}
#middle_section .newbie_details .newbie_help a{font-style:italic;}

#middle_section .first_step_details h3 img{vertical-align:middle;}
#middle_section h3 .right_text{float:right; width:auto; font-size:14px; font-weight:normal; color:#444; cursor:pointer;}
#middle_section h3 .right_text:hover{text-decoration:underline;}

#middle_section .news_maxithlon .home-news-archive{float:left; width:100%; text-align:right; font-size:14px; line-height:16px; margin:0 0 2px 0;}
#middle_section .news_maxithlon .home-news-archive a{color:#444;}
#middle_section .news_maxithlon .home-news-archive a:hover{text-decoration:underline;}

#middle_section h3 .title_text{
-moz-border-top:1px solid #83993e;
-webkit-border-top:1px solid #83993e;
-moz-border-right:1px solid #83993e;
-webkit-border-right:1px solid #83993e;

border-top:1px solid #83993e;
border-right:1px solid #83993e;
}
#middle_section h3 .title_text:hover{text-decoration:underline;}

#middle_section .first_step_details ul{list-style:none;}
#middle_section .first_step_details ul li a{float:left; width:100%; font-size:12px; line-height:14px; padding:3px 0;}
#middle_section .first_step_details ul span{float:left; width:380px;}
#middle_section .first_step_details ul strong{float:left; width:120px;}
#middle_section .first_step_details ul strong img{float:left; margin:3px 12px 0; display:inline;}
#middle_section .first_step_details ul strong .text{float:left; width:82px; font-size:12px; line-height:14px; font-weight:bold;}
#middle_section .first_step_details ul strong .image{float:left; width:auto;}

#middle_section .home_details{float:left; width:532px; padding-bottom:25px;}
#middle_section .home_details .content{float:left; width:250px;}
#middle_section .home_details .content1{float:left; width:200px;}
#middle_section .home_details .content2{float:left; width:332px;}
#middle_section .home_details ul{float:left; list-style:none; padding-left:10px;}
#middle_section .home_details ul ul{float:none;height:21px;}
#middle_section .home_details ul li{float:left; width:100%; font-size:12px; line-height:14px; padding:3px 0;white-space:nowrap;overflow:hidden;}
#middle_section .home_details .content2 ul{padding-left:0px;}
#middle_section .home_details .col1{float:left; width:180px;}
#middle_section .home_details .col2{float:left; width:295px;}
#middle_section .home_details .date{float:left; color:#fff; background:#a14d43; font-size:11px; padding:0 1px 1px 2px; margin-right:8px; display:inline;width:60px;text-align:center;}
#middle_section .home_details .date a{color:#fff;}
#middle_section .home_details .hour{background:#d3321f;}
#middle_section .home_details .live{font-weight:bold;}



#middle_section .page_details{float:left; width:762px; padding-bottom:25px;padding-top:5px;}


#middle_section .news_maxithlon{float:left; width:100%; padding-bottom:25px}
#middle_section .news_maxithlon ul{float:left; width:100%; box-sizing:border-box; list-style:none; padding:2px 0 0 10px;}
#middle_section .news_maxithlon ul li{float:left; width:100%; font-size:12px; line-height:14px; padding-bottom:15px;}
#middle_section .news_maxithlon .date{float:left; margin-right:12px; display:inline; font-size:11px; color:#fff; background-color:#169da5; 	padding:0px 1px 1px 2px;}
#middle_section .news_maxithlon .date a{font-size:12px; color:#fff; background-color:#25a6ad; padding:1px 1px 1px 1px;}


#middle_section .news_maxithlon h5{float:left; width:100%; font-size:10pt; line-height:14px; color:#83983e; font-weight:bold;}
#middle_section .news_maxithlon p{float:left; width:100%; font-size:10pt; line-height:14px;}
#middle_section .news_maxithlon p a.continue{float:right; color:#999;}
#middle_section .news_maxithlon p a.continue img{vertical-align:middle;}
#middle_section .news_maxithlon .hade{float:left; width:auto; font-size:11pt; line-height:17px; font-weight:bold; letter-spacing:-1px;}
#middle_section .news_maxithlon .space{padding-top:8px;text-align:justify;}
#middle_section .news_maxithlon .row{float:left; width:100%; padding-top:5px; padding-bottom:0px;}

#middle_section .status_details{float:left; width:100%;}
#middle_section .status_details ul{float:left; width:100%; list-style:none;}
#middle_section .status_details ul li{float:left; width:100%; font-size:12px; line-height:14px; padding-bottom:5px;}
#middle_section .status_details ul li img{vertical-align:middle; margin:0 8px; display:inline;}
#middle_section .status_details ul strong{width:150px;}
#middle_section .status_details ul span{width:250px;}
#middle_section .status_details .date{width:auto;display:inline-block; color:#fff; background:#f3a000; font-size:11px; padding:0 1px 1px 2px; margin-right:8px; display:inline;}

#right_part{float:right; width:230px;}
#right_part h2{float:left; width:209px; line-height:20px; margin-bottom:5px; padding:10px 0 10px 21px; background:url(../images/right_content_heading.png) no-repeat 0 0; font-size:12pt; letter-spacing:-1px; color:#169da5; font-weight:bold; text-shadow:0px 1px white;}
#right_part h2 a{color:#A14D43;}

#right_part .magazine_details{float:left; width:230px;padding-bottom:15px;}
#right_part .magazine_details ul{float:left; width:210px; list-style:none; padding:8px 0 0 15px;}
#right_part .magazine_details ul li{float:left; width:100%; font-size:12px; line-height:14px; padding-bottom:5px;}
#right_part .magazine_details .date{float:left; color:#fff; background:#f3a000; font-size:11px; padding:0 1px 1px 2px; margin-right:5px; display:inline;}
#right_part .magazine_details .text{float:left; width:135px;}
#right_part .team_day{float:left; width:230px; position:relative; margin-bottom:15px;}
#right_part .team_day #last_records{margin-left:10px;}
#right_part .team_day .photo{float:left; display:inline;margin-left:10px;border:1px solid; border-color:#aaa;padding:3px;background-color:#fff;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;box-shadow:2px 2px 3px #bbb; -moz-box-shadow:2px 2px 3px #bbb; -webkit-box-shadow:2px 2px 3px #bbb;}
#right_part .team_day .photo img{float:left; border:1px solid; border-color:#aaa;background-color:#EDEAE6;padding:1px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}
#right_part .team_day ul.details{float:right; width:105px; list-style:none;}
#right_part .team_day ul.details li{float:left; width:105px; font-size:12px; line-height:14px; color:#747373; padding-bottom:6px;}
#right_part .team_day ul.details img{vertical-align:middle; margin-right:8px; display:inline;}
#right_part .team_day ul.details h5 a{float:left; width:105px; font-size:15px; line-height:17px; color:#83993e; font-weight:bold;}
#right_part .random_home{float:left; width:230px;padding-bottom:15px;}
#right_part .random_home h2, #right_part .random_home h2 a{color:#83993e;}
#right_part .random_home ul{float:left; width:210px; list-style:none; padding-left:10px;}
#right_part .random_home ul li{float:left; width:100%; font-size:12px; line-height:12px; color:#959492; padding:3px 0px; border-bottom:1px dotted #ccc;}
#right_part .random_home .col1{float:left; width:168px;}
#right_part .random_home .col1 img{vertical-align:middle; margin-left:3px; margin-right:8px; display:inline;}
#right_part .random_home .col2, #right_part .random_home .col2 a{float:left; width:37px; color:#17a0a8;text-align:center;}
#right_part .random_home ul li.dot{float:left; width:100%; font-size:12px; color:#959492; padding:0 0 5px; background:url(../images/post_dot.gif) no-repeat 30px bottom;}
#right_part .latest_details{float:left; width:230px;padding-bottom:15px;}
#right_part .latest_details h2, #right_part .latest_details h2 a{color:#595959; font-size:16px}
#right_part .latest_details ul{float:left; width:210px; list-style:none; padding-left:20px;}
#right_part .latest_details ul li{float:left; width:100%; font-size:12px; line-height:14px; color:#595959; padding:5px 0 4px;}
#right_part .latest_details .col1{float:left; width:40px; color:#17a0a8; font-size:10pt; font-weight:bold}
#right_part .latest_details .col2{float:left; width:145px;}

.face_area{border:1px solid; border-color:#aaa;float:left;padding:3px;background-color:#fff;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;box-shadow:2px 2px 3px #bbb; -moz-box-shadow:2px 2px 3px #bbb; -webkit-box-shadow:2px 2px 3px #bbb;}
.face_area img{border:1px solid; border-color:#aaa;float:left; padding:1px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}

.stadium_area{border:1px solid; border-color:#aaa;float:left;padding:3px;margin-bottom:15px;background-color:#fff;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;box-shadow:2px 2px 3px #bbb; -moz-box-shadow:2px 2px 3px #bbb; -webkit-box-shadow:2px 2px 3px #bbb;}
.stadium_area img{border:1px solid; border-color:#aaa;float:left; padding:1px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;}

.main_row{width:100%; float:left; margin-bottom:20px;}
.main_row span{overflow:hidden;}
.main_row .text_area{width:410px; float:right; margin-left:10px;}
.main_row .row01{width:100%; float:left; margin-bottom:10px;font-weight:bold;}
.main_row .row01 span{padding-left:20px;}
.main_row .row01 strong{color:#83983e;padding-left:2px;font-weight:bold;}

.main_row .row02{width:100%; float:left; background:#dedad3;margin-bottom:4px;}
.main_row .row02.gray{background:#f2efec;}
.main_row .row02 .col01{width:205px; float:left; padding-left:5px;}
.main_row .row02 .col01 span{width:71px; float:left; font-weight:bold;}
.main_row .row02 .col01 strong{width:130px; float:left; color:#32a9af; font-weight:bold;}
.main_row.female .row02 .col01 strong{color:#e63ce6;}

.main_row .row02 .col0102{width:400px; float:left; padding-left:5px;}
.main_row .row02 .col0102 span{width:71px; float:left; font-weight:bold;}
.main_row .row02 .col0102 strong{width:auto; float:left; color:#32a9af; font-weight:bold;}
.main_row.female .row02 .col0102 strong{color:#e63ce6;}

.main_row .row02 .col02{width:195px; float:left;}
.main_row .row02 .col02 span{width:81px; float:left; font-weight:bold;}
.main_row .row02 .col02 strong{width:110px; float:left; color:#32a9af; font-weight:bold;}
.main_row.female .row02 .col02 strong{color:#e63ce6;}

.main_row .box{width:250px; float:left;}
.main_row .box.box_right{float:right;}
.main_row .box .row{width:100%; float:left; background:#e4e1dd; margin-bottom:4px;}
.main_row .box .row.gray{background:#f4f2ef;}
.main_row .box .row span{width:110px; float:left; padding-left:8px; font-weight:bold;}
.main_row .box .row strong{width:20px; float:left;color:#32a9af; font-size:13px; font-weight:bold;text-align:center;}
.main_row.female .box .row strong{color:#e63ce6;}
.main_row .box .row small{float:left;padding:2px;vertical-align:middle;}
.main_row h4.heading{float:left;width:100%;vertical-align:middle;margin-top:5px;}
.main_row h4.heading span{float:left;font:bold 18px/20px 'Annie Use Your Telescope', arial, sans-serif;color:#849A3F;}
.main_row h4.heading strong{float:left;color:#a14d43;font-size:16px;text-shadow: 1px 1px 1px white;padding-left:5px;}
.main_row h4.heading span.right{float:right;}
.main_row h4.heading strong.right{float:right;}

.main_row .head_row{width:100%; float:left;}
.main_row .head_row .box02{font:bold 16px/18px 'Annie Use Your Telescope', arial, sans-serif; color:#17a1a9;vertical-align:middle;}
.main_row .head_row h4{font:bold 16px/18px Arial, Helvetica, sans-serif; color:#a14d43;}
.main_row .head_row h5{font:bold 12px/15px Arial, Helvetica, sans-serif; color:#17a1a9;}
.main_row.female .head_row .box02{color:#e63ce6;}
.main_row.female .head_row h5{color:#e63ce6;}
.main_row .head_row h5 span.col1{width:49%;}
.main_row .head_row h5 span.col2{width:49%;color:#83993e;}
.main_row .head_row h5 span.col3{width:98%;}

.main_row .text_row{width:100%; float:left; background:#e4e1dd;border:1px;border-color:#ccc;border-right-style:dashed;font:normal 12px/14px Arial, Helvetica, sans-serif; color:#5d5d5d;}
.main_row .text_row.gray{background:#f4f2ef;border:1px;border-color:#ccc;border-right-style:dashed;}

.main_row .box02{width:118px; float:left; padding:2px 0;}
.main_row .box02 strong{color:#849a3f; padding-left:5px;}
.main_row .text_row.gray .box02 strong{color:#19a2a9; padding-left:5px;} 
.main_row.female .text_row.gray .box02 strong{color:#e63ce6;} 
.main_row .box02.bg{border:1px;border-color:#ccc;border-right-style:dashed;}
.main_row .box03{width:134px; float:left; border:1px;border-color:#ccc;border-right-style:dashed; text-align:center; padding:2px 0;}
.main_row .col1{width:49%; float:left;text-align:center;}
.main_row .col2{width:49%; float:left;text-align:center;}
.main_row .box04{width:140px; float:left; border:1px;border-color:#ccc;border-right-style:dashed;text-align:center; padding:2px 0;}
.main_row .box05{width:132px; float:left; text-align:center; padding:2px 0;}
.main_row .box06{width:auto; float:left;}
.main_row .box06 span{color:#83993e;}
.main_row .box07{width:auto; float:right; padding-right:10px;}

.main_row .text_area_box{width:518px; height:102px; background:url(../images/text_area_bg.gif) no-repeat 0 0; padding:5px;}
.main_row .text_area_box textarea{width:513px; height:97px; float:left; background:none; border:0;}
.main_row .text_row.none{background:none;border:0px;}
.main_row form{width:100%; float:left;}
.main_row fieldset{width:100%; float:left; border:0;}
.main_row input.note{width:89px; height:22px; float:left; border:0; background:url(../images/add_note_btn_new.gif) no-repeat 0 0; cursor:pointer; padding:0 0 2px 8px; margin:0; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif; text-align:left}

#right_section{width:221px; float:right;}
#right_section h3{font:bold 18px/18px Arial, Helvetica, sans-serif; color:#17a1a9; padding:10px 20px; background:url(../images/title_right.png) no-repeat 0 0; float:left; width:180px; text-shadow:1px 1px 1px #FFFFFF; position:relative;}
#right_section h3 .arrow{width:16px; height:30px; position:absolute; left:0px; top:18px;}

#right_section .right_menu{width:221px; float:left;}
#right_section .right_menu ul{width:90%; float:left; padding:0 0 25px 20px; list-style:none;}
#right_section .right_menu ul li{width:100%; float:left; font:normal 13px/18px Arial, Helvetica, sans-serif;}
#right_section .right_menu ul li a:hover{color:#17a1a9;}

#right_section .market{width:221px; float:left;}
#right_section .market h3{color:#83993e;}
#right_section .market p{font:normal 12px/14px Arial, Helvetica, sans-serif; padding:0 0 2px 20px; float:left;}
#right_section .market p span{color:#83993e;}
#right_section .market form{width:90%; float:left; padding-left:20px; margin-bottom:6px;}
#right_section .market fieldset{width:100%; float:left; border:0;}
#right_section .market .input_box{width:102px; height:20px; float:left; background:url(../images/input_bg01.gif) no-repeat 0 0; padding:3px 0 0 3px;}
#right_section .market .input_box input{width:98px; float:left; background:none; border:0;}

#right_section .market input.cell{width:60px; height:22px; background:url(../images/cell_btn_new.gif) no-repeat 0 0; cursor:pointer; border:0; margin-top:1px; margin-left:3px; display:inline; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:0 0 3px 3px}


#right_section .market ul{width:90%; float:left; list-style:none; padding:10px 0 20px 20px;}
#right_section .market ul li{width:100%; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; padding:3px 0}
#right_section .market ul li a{float:left; color:#83993e; padding-left:20px; font-size:10pt; color:#83983e; font-weight:bold;}
#right_section .market ul li a.icon01{background:url(../images/icon03.png) no-repeat 0 center;}
#right_section .market ul li a.icon02{background:url(../images/icon04.png) no-repeat 0 center;}
#right_section .market ul li a.icon03{background:url(../images/icon05.png) no-repeat 0 center;}
#right_section .market ul li a.icon04{background:url(../images/icon06.png) no-repeat 0 center;}
#right_section .market ul li a span{color:#17a1a9}

#right_section .coach{width:221px; float:left;}
#right_section .coach form{width:90%; float:left; padding-left:20px; margin-bottom:10px; margin-top:5px;}
#right_section .coach fieldset{width:100%; float:left; border:0;}
#right_section .coach select{width:130px; float:left; margin-top:2px;}

#right_section .coach input.ok{width:60px; height:22px; background:url(../images/ok_btn_new.gif) no-repeat 0 0; cursor:pointer; border:0; margin-top:1px; margin-left:3px; display:inline; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:0 0 2px 3px}


#right_section .coach h4 a{font:normal 18px/20px Arial, Helvetica, sans-serif; padding-left:20px; color:#83993E; padding-bottom:5px; position:relative; float:left;}
#right_section .coach h4 .arrow{width:11px; height:24px; position:absolute; left:6px; top:6px;}
#right_section .coach ul{width:90%; float:left; padding-left:20px; list-style:none;}
#right_section .coach ul li{width:100%; float:left; font:bold 10pt/16px Arial, Helvetica, sans-serif; color:#6a6a6a;}
#right_section .coach ul li span{color:#83993E;}
#right_section .coach ul li strong{color:#17a1a9; font-weight:bold; font-size:10pt}

#footer{float:left; width:100%; padding-top:25px; background:url(../images/footer_bg.gif) repeat-x 0 0;}
#footer .wrapper{width:942px; margin:0 auto;}
#footer h3{float:left; width:100%; font-size:22px; line-height:24px; color:#444; font-weight:bold; padding-bottom:10px;}
#footer h4{float:left; width:100%;}
#footer h4 img{float:left;}
#footer ul{float:left; width:100%; list-style:none;}
#footer ul li{float:left; width:100%; font-size:12px; line-height:14px; color:#959492; padding:6px 0 5px; background:url(../images/statistics_dot.gif) repeat-x 0 bottom;}
#footer ul li a{color:#959492;}
#footer ul li a:hover, #footer ul li.active a{color:#69adaf;}
#footer .cols{float:left; width:191px; padding:0px 20px 20px;}
#footer .cols.space_none{padding-right:0px;}

.page_bar {margin-bottom:15px; margin-top:1px; text-align:center; width:100%; clear:both;}
.page_bar ul {list-style-type:none; margin:0; padding:5px;}
.page_bar ul li {display:inline-block; background-color:#e3dbcf; font-weight:700; margin:5px 1px; padding:5px 15px; text-align:center; *zoom:1; border:1px solid #bbb; border-top-right-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; box-shadow: inset 0 0 1px 1px #d8ccbd;-webkit-box-shadow: inset 0 0 1px 1px #d8ccbd; -moz-box-shadow: inset 0 0 1px 1px #d8ccbd;}
.page_bar ul li:hover {box-shadow: inset 0 0 1px 1px #eae3d9;-webkit-box-shadow: inset 0 0 1px 1px #eae3d9;-moz-box-shadow: inset 0 0 1px 1px #eae3d9;}
.page_bar ul li a{color:#626F37;text-shadow: 0 1px 0 #fff;}
.page_bar ul li a:hover{color:#a14d43;}


.page_bar_main {margin-bottom:15px; margin-top:1px; text-align:center; width:100%; clear:both;}
.page_bar_main ul {list-style-type:none; margin:0; padding:5px;}
.page_bar_main ul li {display:inline-block; background-color:#bfe0e5; font-weight:700; margin:5px 1px; padding:5px 15px; text-align:center; *zoom:1; border:1px solid #bbb; border-top-right-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; box-shadow: inset 0 0 1px 1px #d8ccbd;-webkit-box-shadow: inset 0 0 1px 1px #d8ccbd; -moz-box-shadow: inset 0 0 1px 1px #d8ccbd;}
.page_bar_main ul li:hover {box-shadow: inset 0 0 1px 1px #eae3d9;-webkit-box-shadow: inset 0 0 1px 1px #eae3d9;-moz-box-shadow: inset 0 0 1px 1px #eae3d9;}
.page_bar_main ul li a{color:#626F37;text-shadow: 0 1px 0 #fff;}
.page_bar_main ul li a:hover{color:#a14d43;}


.page_bar_youth {margin-bottom:15px; margin-top:1px; text-align:center; width:100%; clear:both;}
.page_bar_youth ul {list-style-type:none; margin:0; padding:5px;}
.page_bar_youth ul li {display:inline-block; background-color:#a8f0a6; font-weight:700; margin:5px 1px; padding:5px 15px; text-align:center; *zoom:1; border:1px solid #bbb; border-top-right-radius:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px; box-shadow: inset 0 0 1px 1px #d8ccbd;-webkit-box-shadow: inset 0 0 1px 1px #d8ccbd; -moz-box-shadow: inset 0 0 1px 1px #d8ccbd;}
.page_bar_youth ul li:hover {box-shadow: inset 0 0 1px 1px #eae3d9;-webkit-box-shadow: inset 0 0 1px 1px #eae3d9;-moz-box-shadow: inset 0 0 1px 1px #eae3d9;}
.page_bar_youth ul li a{color:#626F37;text-shadow: 0 1px 0 #fff;}
.page_bar_youth ul li a:hover{color:#a14d43;}


.list{float:left; width:179px; background:#fff; border:1px solid #cbcbcb; border-top:none; position:absolute; left:2px; top:26px; display:none; z-index:1000}
.list ul{float:left; width:179px; list-style:none;}
.list ul li{float:left; width:179px; font-size:15px; line-height:17px; border-top:1px solid #cbcbcb;}
.list ul li a{float:left; width:164px; padding:2px 0 2px 15px; color:#656567;}
.list ul li a:hover{background:#f9a400; color:#fff;}
.list ul li a span{float:left; width:160px; font-size:11px; line-height:12px; color:#9e9c98;}
.list ul li a span img{vertical-align:middle; margin:0 8px 0 -8px; display:inline;}
.list ul li a small{float:left; width:auto; padding-top:5px;}
.list ul li a small img{float:left;}

p#vtip {background:#FFF; color:#444; border:1px solid #a6c9e2; display:none; font-size:.8em; padding:6px 8px; position:absolute; z-index:9999; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.man_details {
background:#FFF;
border-spacing:1px 1px;
border-width:0;
}

.man_details td {
background:#f3f1ed;
padding:2px 6px;
vertical-align:middle;
white-space:normal;
word-break:normal;
overflow-wrap:break-word;
}

.man_events td,.results td {
background:#f3f1ed;
padding:2px 4px;
vertical-align:middle;
white-space:normal;
word-break:normal;
overflow-wrap:break-word;
}

.man_events,table.athlete_pers_rank {
background:#FFF;
border-spacing:1px 1px;
border-width:0;
width:100%;
}

.results {
background:#FFF;
border-spacing:1px 1px;
width:100%;
}

.results td.nl_promoted {
background:#CFC;
}

.results td.nl_relegated {
background:#FCC;
}

.results td.official_competition {
background:#FFC;
}

.results th {
background:#FFFAA2;
font-weight:700;
padding:2px 4px;
vertical-align:middle;
}

.results th.header1 {
padding:12px 4px;
}

.results_small td {
padding:1px 4px;
}

.legend_results {
font-size:11px;
width:100%;
}

table.tablesorter {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#bfe0e5;
border-spacing:0px;
width:100%;
}

table.tablesorter_youth {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#a8f0a6;
border-spacing:0px;
width:100%;
}

table.tablesorter_all {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background:#ff8000;
border-spacing:0px;
width:100%;
}

table.tablesorter thead th, table.tablesorter thead td{
vertical-align:middle;
line-height:20px;
border-bottom:5px solid #EDEAE6;
}

table.tablesorter_youth thead th, table.tablesorter_youth thead td{
vertical-align:middle;
line-height:20px;
border-bottom:5px solid #D6FAA7;
}

table.tablesorter_all thead th, table.tablesorter_all thead td{
vertical-align:middle;
line-height:20px;
border-bottom:5px solid #FFA881;
}

table.tablesorter tfoot td{
vertical-align:middle;
line-height:20px;
border-top:5px solid #EDEAE6;
}

table.tablesorter_youth tfoot td{
vertical-align:middle;
line-height:20px;
border-top:5px solid #D6FAA7;
}

table.tablesorter_all tfoot td{
vertical-align:middle;
line-height:20px;
border-top:5px solid #5F45CE;
}

table.tablesorter tbody td {
padding:1px 2px;
vertical-align:middle;
}

table.tablesorter_youth tbody td {
padding:1px 2px;
vertical-align:middle;
}

table.tablesorter_all tbody td {
padding:1px 2px;
vertical-align:middle;
}

#atleti tbody, #atleti1 tbody, #atleti2 tbody, #atleti3 tbody, #atleti4 tbody, #atleti5 tbody, #atleti6 tbody, #atleti7 tbody, #atleti8 tbody, #atleti9 tbody{
text-align:center;
}

table.tablesorter tbody tr td {
background:#dbdbdb;
}

table.tablesorter_youth tbody tr td {
background:#dbdbdb;
}

table.tablesorter_all tbody tr td {
background:#dbdbdb;
}

table.tablesorter tbody tr.odd td {
background:#f2f0fe;
}

table.tablesorter_youth tbody tr.odd td {
background:#f2f0fe;
}

table.tablesorter_all tbody tr.odd td {
background:#f2f0fe;
}

table.youth,table.notice_normal {
background:#b8f5b6;
}

table.nospecialty,table.notice_high {
background:#f6b4b4;
}

table.notice_medium {
background:#fff286;
}

table.female {
background:#ffc2c2;
}

th.man_events {
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
background:#FFFAA2;
/*border-radius-topleft:8px;
border-radius-topright:8px; */
border-top-left-radius:8px;
border-top-right-radius:8px;
padding:5px;
text-align:center;
vertical-align:middle;
}

.man_events_grid {
border-spacing: 1px 1px;
background: #fff;
}

.man_events_grid_col {
background: #f3f1ed;
}

.check {
background:#E4F6DE url(../images/tick-circle.png) no-repeat 15px 50%;
border-bottom:2px solid #8FDC79;
border-top:2px solid #8FDC79;
padding:5px 20px 5px 45px;
text-align:justify;
clear:both;
}

.error {
background:#FFD8D6 url(../images/cross-circle.png) no-repeat 15px 50%;
border-bottom:2px solid #FF0038;
border-top:2px solid #FF0038;
padding:5px 20px 5px 45px;
text-align:justify;
clear:both;
}

.warning {
background:#FFF0BA url(../images/error.png) no-repeat 15px 50%;
border-bottom:2px solid #E87C29;
border-top:2px solid #E87C29;
padding:5px 20px 5px 45px;
text-align:justify;
clear:both;
}

.team_info {
float:left;
width:280px;
}

.team_logo {
float:left;
margin-right:15px;
max-height:300px;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:220px;
}

.team_other {
width:100%;
}

.team_trophy {
float:left;
padding:10px;
}

table.post {
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#ffce83;
border:1px solid #e08904;
border-radius:8px;
border-spacing:2px 1px;
width:100%;
}

table.post tbody tr td {
-moz-border-radius:8px;
-webkit-border-radius:8px;
background:#FFF;
border:1px solid #e08904;
border-radius:8px;
padding:2px 6px;
}

table.post tfoot tr td ul {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px;
text-align:left;
}

table.post tfoot tr td ul li {
display:inline;
font-weight:700;
padding:10px;
text-align:left;
}

table.post thead tr th {
padding:1px 4px;
text-align:left;
}

table.post_poll tbody tr td {
border:0 solid #e08904;
}

.guide_cap {
border:1px solid #CCC;
border-width:0 0 1px;
font-size:130%;
font-weight:700;
padding:0 0 1px 1px;
}

.guide_small_cap {
font-size:115%;
font-weight:700;
padding:0 0 1px 1px;
}

.guide_paragraph {
font-weight:700;
}

.guide_text {
padding:0px 0 15px 1px;
text-align:justify;
}

.guide_text_app {
font-size:0.9em;
}

.podium_bronze {
background:url(../images/podium_bronze.png) repeat-y center;
}

.podium_gold {
background:url(../images/podium_gold.png) repeat-y center;
}

.podium_silver {
background:url(../images/podium_silver.png) repeat-y center;
}

.live_link {
font-style:italic;
font-weight:700;
}

td.female_color {
background:#FCF;
}

td.male_color {
background:#D2FAFF;
}

td.total_color {
background:#fffaa2;
}

/* Upload user page */
.upload-shell {
background:transparent;
border:1px solid #d9e9f8;
border-radius:14px;
padding:18px;
margin-top:12px;
box-shadow:0 8px 22px rgba(16,92,161,0.08);
}

.upload-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.upload-panel {
background:transparent;
border:1px solid #e3edf7;
border-radius:10px;
padding:12px;
}

.upload-panel h4 {
margin:0 0 8px;
font-size:14px;
color:#1a568f;
}

.upload-row {
margin-bottom:12px;
}

.upload-label {
display:block;
font-weight:700;
margin-bottom:6px;
}

.upload-choice {
display:inline-flex;
align-items:center;
margin-right:14px;
gap:4px;
}

.upload-submit {
background:#1f75be;
border:0;
color:#fff;
font-weight:700;
padding:8px 14px;
border-radius:8px;
cursor:pointer;
}

.upload-preview {
background:transparent;
border:1px dashed #b8d4ee;
border-radius:8px;
padding:8px;
}

.upload-preview img {
max-width:100%;
height:auto;
}

.intertempi-modal-overlay {
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.45);
}

.intertempi-modal-content {
background:#fff;
width:420px;
max-width:90%;
margin:10% auto;
padding:18px;
border-radius:6px;
}

.error-log-btn {
background:linear-gradient(180deg,#1b6aa9 0%,#0f4c81 100%);
color:#fff;
border:1px solid #0b3b63;
border-radius:6px;
padding:8px 13px;
cursor:pointer;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:7px;
font-size:12px;
font-weight:bold;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
}

.error-log-btn:hover {
background:linear-gradient(180deg,#175f98 0%,#0d3e69 100%);
color:#fff;
}

.error-log-btn .icon {
font-size:13px;
line-height:1;
}

/* Admin internal pages: reusable visual standards */
.admin-ui#middle_section {
float:left;
width:785px;
max-width:none;
}

.admin-ui .page_details {
float:left;
width:100%;
max-width:none;
padding-right:0;
}

.admin-page-header {
margin:0 0 10px;
padding:9px 12px 10px;
background:#faf8f3;
border:1px solid #ded7cb;
border-radius:6px;
}

.admin-page-breadcrumb {
font-size:11px;
color:#7a6a4d;
margin:0 0 5px;
}

.admin-page-breadcrumb a {
color:#6f5a3a;
font-weight:bold;
}

.admin-page-title-row {
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}

.admin-page-title-right-slot {
display:flex;
align-items:center;
}

.admin-page-title-wrap {
display:flex;
align-items:center;
gap:8px;
min-width:0;
}

.admin-page-icon {
display:inline-flex;
align-items:center;
justify-content:center;
width:25px;
height:25px;
border:1px solid #b8ab8e;
background:#f3ecdd;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.75);
transform:translateY(-1px);
}

.admin-page-icon img {
display:block;
width:12px;
height:12px;
}

.admin-page-icon-glyph{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:13px;
line-height:1;
color:currentColor;
}

.admin-page-title {
float:none !important;
margin:0 !important;
padding:0 !important;
background:none !important;
font-family:'Annie Use Your Telescope', arial, sans-serif;
font-size:32px;
line-height:1.05;
color:#78953e;
text-shadow:0 1px #fff7e2;
}

.admin-subtitle {
margin:6px 0 0;
font-size:12px;
line-height:1.45;
color:#726553;
}

.admin-page-subtitle {
font-size:12px;
}

.admin-page-meta {
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:7px;
}

.admin-meta-badge {
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
padding:4px 9px;
border:1px solid var(--mx-badge-neutral-border, #d7ccb7);
background:var(--mx-badge-neutral-bg, #f6f2e9);
color:var(--mx-badge-neutral-text, #5c4f3e);
font-size:11px;
line-height:1.2;
border-radius:999px;
min-height:24px;
}

.admin-meta-label {
font-weight:bold;
color:inherit;
}

.admin-meta-value {
color:inherit;
}

.admin-meta-badge-neutral {
background:var(--mx-badge-neutral-bg, #f3f2ef);
border-color:var(--mx-badge-neutral-border, #d2cdc1);
color:var(--mx-badge-neutral-text, #5f5b52);
}

.admin-meta-badge-info {
background:var(--mx-badge-info-bg, #edf3fb);
border-color:var(--mx-badge-info-border, #c9d8ee);
color:var(--mx-badge-info-text, #395b84);
}

.admin-meta-badge-success {
background:var(--mx-badge-success-bg, #edf6ea);
border-color:var(--mx-badge-success-border, #cadfbe);
color:var(--mx-badge-success-text, #41633a);
}

.admin-meta-badge-warning {
background:var(--mx-badge-warning-bg, #f9f3e7);
border-color:var(--mx-badge-warning-border, #e7d7b7);
color:var(--mx-badge-warning-text, #70592f);
}

.admin-actions-bar {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:7px 10px;
padding:7px 9px;
margin:0 0 10px;
border:1px solid #ddd6c9;
background:#f8f5ef;
border-radius:6px;
}

.admin-actions-group {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:5px;
}

.admin-actions-group-label {
font-size:11px;
font-weight:bold;
color:#6b593f;
margin-right:1px;
display:inline-flex;
align-items:center;
gap:4px;
}

.admin-actions-divider {
width:1px;
height:26px;
background:#dacfb9;
}

.admin-inline-icon {
font-size:11px;
color:#7f6948;
}

.admin-btn {
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:5px 9px;
border:1px solid #baa78a;
background:#f8f4ea;
color:#584833 !important;
font-size:12px;
font-weight:bold;
line-height:1.2;
text-decoration:none !important;
cursor:pointer;
transition:background-color .12s ease,border-color .12s ease;
}

button.admin-btn {
font-family:inherit;
}

.admin-btn:hover,
.admin-btn:focus {
background:#f2eadb;
text-decoration:none !important;
}

.admin-btn.is-primary {
background:#e7ddc9;
border-color:#9a8763;
color:#4d3f2d !important;
}

.admin-btn.is-secondary-important {
background:#f3ecdd;
border-color:#ab9a7d;
}

.admin-btn.is-choice {
background:#faf6ee;
border-color:#c6b8a1;
}

.admin-btn.is-active {
background:#d7c9ad;
border-color:#8e7753;
color:#3f321f !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.55);
}

.admin-btn:focus-visible {
outline:2px solid #866b46;
outline-offset:1px;
}

.admin-card {
margin:0 0 12px;
border:1px solid var(--mx-card-border, #ddd5c7);
background:var(--mx-card-bg, #fdfcf9);
border-radius:6px;
box-shadow:0 1px 1px rgba(36, 29, 17, 0.04);
}

.admin-card-header {
padding:7px 10px;
border-bottom:1px solid var(--mx-card-header-border, #e2dbce);
background:var(--mx-card-header-bg, #f8f5ef);
}

.admin-card-title {
margin:0;
font-size:14px;
font-weight:bold;
color:#6b573a;
display:inline-flex;
align-items:center;
gap:6px;
letter-spacing:0.2px;
}

.admin-card-body {
padding:9px 10px;
}

.admin-section-icon {
font-size:11px;
color:#8a7049;
}

.admin-card-main {
border-color:var(--mx-card-main-border, #d3c8b2);
background:var(--mx-card-main-bg, #fdfbf8);
}

.admin-card-main .admin-card-header {
background:var(--mx-card-main-header-bg, #f4ecdd);
border-bottom-color:var(--mx-card-main-border, #d3c8b2);
}

.admin-card-secondary {
opacity:.97;
}

.admin-section-stack > .admin-card:last-child {
margin-bottom:0;
}

.admin-summary-grid {
display:grid;
grid-template-columns:minmax(190px,230px) minmax(0,1fr);
column-gap:12px;
row-gap:5px;
font-size:12px;
}

.admin-summary-label {
font-weight:bold;
color:#66543b;
}

.admin-summary-value {
word-break:break-word;
}

.admin-filter-row {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin-bottom:9px;
}

.admin-filter-row label {
font-size:12px;
font-weight:bold;
color:#5f4d34;
}

.admin-filter-input {
flex:1 1 420px;
min-width:220px;
max-width:100%;
padding:7px 8px;
border:1px solid #afc2d6;
font-size:13px;
line-height:1.2;
background:#fffdf8;
color:#4d3f2b;
}

.admin-filter-input:focus {
border-color:#987b56;
outline:2px solid #e2d4ba;
outline-offset:0;
}

.admin-status-inline {
margin:0 0 6px;
font-size:12px;
color:#685842;
}

.admin-pill {
display:inline-flex;
align-items:center;
padding:1px 7px;
font-size:11px;
font-weight:bold;
border:1px solid #bfd0e3;
background:#f2eee4;
color:#635238;
}

.admin-pill.is-on {
border-color:#8ba46f;
background:#eef5e5;
color:#4b6531;
}

.admin-log-viewer {
border:1px solid #d3deea;
background:#fffefd;
min-height:340px;
max-height:70vh;
overflow:auto;
font-family:Consolas, "Lucida Console", Menlo, Monaco, "Courier New", monospace;
font-size:12px;
line-height:1.65;
}

.admin-log-line {
white-space:pre;
padding:8px 12px;
border-bottom:1px solid #f1eadf;
}

.admin-log-line:nth-child(even) {
background:#fdfaf4;
}

.admin-log-line:hover {
background:#f7f0e4;
}

.admin-log-line.line-warning { background:#fff6e8; }
.admin-log-line.line-fatal { background:#fcecea; }
.admin-log-line.line-notice { background:#f4f0e8; }
.admin-log-line.line-deprecated { background:#f5f1e9; }
.admin-log-line.line-proxy { background:#f2f7ee; }
.admin-log-line.line-primary-script { background:#f7f1e6; }

.admin-log-highlight {
background:#ffef99;
color:#4a402f;
font-weight:bold;
padding:0 1px;
}

.admin-log-token {
font-weight:bold;
padding:0 1px;
}

.admin-log-token-error { color:#8a1f1f; }
.admin-log-token-warning { color:#7e5a21; }
.admin-log-token-notice { color:#315f79; }
.admin-log-token-deprecated { color:#684b80; }
.admin-log-token-proxy { color:#3b6d4d; }

.admin-log-timestamp {
color:#8d7d65;
}

.admin-log-status-header {
position:sticky;
top:0;
z-index:1;
display:flex;
flex-wrap:wrap;
gap:6px 12px;
padding:7px 10px;
border-bottom:1px solid #ddd2be;
background:var(--mx-log-status-bg, #f2ebde);
font-size:12px;
color:#63543f;
}

.mx-error-log-layout {
--mx-page-bg:#efe8da;
--mx-page-border:#d8cbb2;
--mx-page-title:#78953e;
--mx-page-title-shadow:#fff7e2;
--mx-subtitle-strip-bg:#f8f4ea;
--mx-subtitle-strip-border:#ddd0b8;
--mx-subtitle-strip-text:#625642;
--mx-card-bg:#fdfcf9;
--mx-card-border:#ddd5c7;
--mx-card-header-bg:#f8f5ef;
--mx-card-header-border:#e2dbce;
--mx-card-main-bg:#fdfbf7;
--mx-card-main-border:#d3c8b2;
--mx-card-main-header-bg:#f4ecdd;
--mx-actions-bg:#f8f4eb;
--mx-actions-border:#ddd3bf;
--mx-controls-bg:#f7f2e8;
--mx-controls-border:#ddcfb7;
--mx-active-filters-bg:#fbf8f2;
--mx-active-filters-border:#dfd2bc;
--mx-log-status-bg:#f2ebde;
--mx-badge-neutral-bg:#f3f2ef;
--mx-badge-neutral-border:#d2cdc1;
--mx-badge-neutral-text:#5f5b52;
--mx-badge-info-bg:#edf3fb;
--mx-badge-info-border:#c9d8ee;
--mx-badge-info-text:#395b84;
--mx-badge-success-bg:#edf6ea;
--mx-badge-success-border:#cadfbe;
--mx-badge-success-text:#41633a;
--mx-badge-warning-bg:#f9f3e7;
--mx-badge-warning-border:#e7d7b7;
--mx-badge-warning-text:#70592f;
}

.mx-error-log-layout.theme-light {
--mx-page-bg:#f7f5f1;
--mx-page-border:#dfd9ce;
--mx-subtitle-strip-bg:#ffffff;
--mx-subtitle-strip-border:#ddd7ca;
--mx-card-bg:#ffffff;
--mx-card-border:#ddd8ce;
--mx-card-header-bg:#f9f7f2;
--mx-card-header-border:#e2ddd2;
--mx-card-main-bg:#ffffff;
--mx-card-main-border:#d6d0c3;
--mx-card-main-header-bg:#f5f2ea;
--mx-actions-bg:#f8f6f2;
--mx-actions-border:#ddd7ca;
--mx-controls-bg:#ffffff;
--mx-controls-border:#ddd6c8;
--mx-active-filters-bg:#fdfcf9;
--mx-active-filters-border:#dfd8cc;
--mx-log-status-bg:#f7f4ee;
}

.mx-error-log-layout.theme-olive {
--mx-page-bg:#f3f0e3;
--mx-page-border:#d6dbc4;
--mx-subtitle-strip-bg:#f7f4e8;
--mx-subtitle-strip-border:#d4d9bf;
--mx-card-bg:#fbfaf3;
--mx-card-border:#d6dbc4;
--mx-card-header-bg:#ece8d7;
--mx-card-header-border:#d5d9bf;
--mx-card-main-bg:#f7f4e8;
--mx-card-main-border:#d1d6bb;
--mx-card-main-header-bg:#e8ecd8;
--mx-actions-bg:#edf1dd;
--mx-actions-border:#d0d6bb;
--mx-controls-bg:#f4f1e4;
--mx-controls-border:#d3d8be;
--mx-active-filters-bg:#f3f0e3;
--mx-active-filters-border:#d4d9bf;
--mx-log-status-bg:#e9edda;
}

.mx-error-log-layout.theme-soft-dark {
--mx-page-bg:#e4ddd0;
--mx-page-border:#b9ab91;
--mx-subtitle-strip-bg:#eee6d8;
--mx-subtitle-strip-border:#c4b59b;
--mx-card-bg:#f4efe6;
--mx-card-border:#bcad93;
--mx-card-header-bg:#e8dfcf;
--mx-card-header-border:#c7b79b;
--mx-card-main-bg:#f1eadf;
--mx-card-main-border:#b29f7f;
--mx-card-main-header-bg:#e1d4be;
--mx-actions-bg:#e6ddce;
--mx-actions-border:#baa98e;
--mx-controls-bg:#efe6d8;
--mx-controls-border:#bfaf95;
--mx-active-filters-bg:#f0e7da;
--mx-active-filters-border:#c8b89f;
--mx-log-status-bg:#e3d9c8;
}

.mx-error-log-layout .admin-page-header {
margin-bottom:12px;
padding:10px 12px 11px;
background:var(--mx-page-bg, #f6f1e5);
border:1px solid var(--mx-page-border, #d6cab3);
border-radius:6px;
}

.mx-error-log-layout .admin-page-title {
font-size:31px;
color:var(--mx-page-title, #78953e);
text-shadow:0 1px var(--mx-page-title-shadow, #fff7e2);
}

.mx-error-log-layout .admin-page-subtitle {
margin-top:7px;
max-width:92%;
}

.mx-error-log-layout .admin-page-title-right-slot {
align-items:flex-end;
}

.mx-error-log-layout .mx-error-log-header-slot {
display:flex;
flex-direction:column;
align-items:flex-end;
gap:6px;
}

.mx-error-log-layout .command-header-refresh-badge {
display:inline-flex;
align-items:center;
gap:6px;
background:#ffffff;
border:1px solid #d8e0ea;
border-radius:999px;
padding:4px 10px;
font-size:12px;
color:#405264;
white-space:nowrap;
}

.mx-error-log-layout .mx-error-log-header-autorefresh-select {
min-width:84px;
height:24px;
padding:1px 18px 1px 6px;
font-size:11px;
}

.mx-error-log-layout .mx-error-log-header-badges {
margin-top:0;
justify-content:flex-end;
}

.mx-error-log-layout .admin-subtitle-strip {
padding:6px 9px;
border:1px solid var(--mx-subtitle-strip-border, #ddd0b8);
background:var(--mx-subtitle-strip-bg, #f8f4ea);
border-radius:5px;
color:var(--mx-subtitle-strip-text, #625642);
}

.mx-error-log-layout .admin-page-meta {
margin-top:8px;
gap:6px;
}

.mx-error-log-layout .admin-actions-bar {
margin-bottom:12px;
padding:8px 9px;
background:var(--mx-actions-bg, #eef4ff);
border-color:var(--mx-actions-border, #bfd0ee);
border-radius:6px;
gap:6px 8px;
align-items:flex-start;
position:relative;
}

.mx-error-log-layout .admin-actions-group {
padding:2px 0;
display:grid;
grid-auto-flow:column;
grid-auto-columns:max-content;
grid-template-rows:auto auto;
align-items:center;
gap:3px 5px;
background:var(--mx-controls-bg, #f7faff);
border:1px solid var(--mx-controls-border, #ccdaef);
border-radius:5px;
padding:4px 6px;
}

.mx-error-log-layout .admin-actions-group-nav,
.mx-error-log-layout .admin-actions-group-main {
margin-right:4px;
}

.mx-error-log-layout .admin-actions-group-controls {
background:var(--mx-controls-bg, #f7faff);
border:1px solid var(--mx-controls-border, #ccdaef);
border-radius:4px;
padding:4px 6px;
}

.mx-error-log-layout .admin-actions-group-autorefresh{
margin-left:auto;
min-width:130px;
}

.mx-error-log-layout .admin-actions-group-autorefresh .admin-filter-select{
grid-row:2;
width:100%;
min-width:100px;
}

.mx-error-log-layout .admin-card.is-collapsed .admin-card-body{
display:none;
}

.mx-error-log-layout .admin-overview-toggle{
margin-left:auto;
font-size:11px;
min-height:24px;
padding:2px 8px;
display:inline-flex;
align-items:center;
gap:4px;
}

.mx-error-log-layout .admin-actions-divider {
height:34px;
background:#cbd8eb;
}

.mx-error-log-layout .admin-actions-group-label {
grid-row:1;
grid-column:1 / -1;
font-size:10px;
letter-spacing:.03em;
text-transform:uppercase;
margin:0;
}

.mx-error-log-layout .admin-actions-group .admin-btn {
grid-row:2;
min-height:23px;
padding:3px 7px;
font-size:11px;
line-height:1.15;
}

.mx-error-log-layout .admin-btn.is-primary {
background:#d9e7ff;
border-color:#7ea2da;
color:#25426e !important;
}

.mx-error-log-layout .admin-btn.is-secondary-important {
background:#edf4ff;
border-color:#9fb7da;
}

.mx-error-log-layout .admin-btn.is-choice {
background:#f4f8ff;
border-color:#b7c8e2;
}

.mx-error-log-layout .admin-btn.is-active {
background:#c7dbff;
border-color:#5d84c4;
color:#1f3760 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.7);
}

@media (max-width: 980px) {
.mx-error-log-layout .admin-page-title-right-slot {
width:100%;
justify-content:flex-start;
}

.mx-error-log-layout .mx-error-log-header-slot {
align-items:flex-start;
}

.mx-error-log-layout .mx-error-log-header-badges {
justify-content:flex-start;
}
}

.mx-error-log-layout .admin-filters .admin-card-body {
padding-top:9px;
}

.mx-error-log-layout .admin-filter-row {
gap:10px;
margin-bottom:10px;
display:flex;
flex-wrap:wrap;
align-items:center;
}

.mx-error-log-layout .admin-filter-select {
min-width:130px;
}

.mx-error-log-layout .admin-filter-lang {
max-width:90px;
}

.mx-error-log-layout .admin-filter-active {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px 9px;
margin:1px 0 8px;
padding:7px 8px;
border:1px solid var(--mx-active-filters-border, #dfd2bc);
background:var(--mx-active-filters-bg, #fbf8f2);
border-radius:5px;
font-size:12px;
color:#66553b;
}

.mx-error-log-layout .admin-filter-active-label {
font-weight:bold;
color:#5f4d34;
}

.mx-error-log-layout .admin-filter-active-item {
font-size:11px;
}

.mx-error-log-layout .admin-filter-group {
gap:7px;
}

.mx-error-log-layout .admin-log-results .admin-card-header {
border-bottom-color:#d8cab0;
align-items:flex-start;
gap:8px;
}

.mx-error-log-layout .admin-log-header-controls {
margin-left:auto;
display:flex;
flex-wrap:wrap;
gap:6px;
justify-content:flex-end;
}

.mx-error-log-layout .admin-log-header-controls .admin-actions-group {
background:var(--mx-controls-bg, #f7faff);
border:1px solid var(--mx-controls-border, #ccdaef);
border-radius:4px;
padding:4px 6px;
}

.mx-error-log-layout .admin-log-header-controls .admin-actions-group-label {
font-size:10px;
margin:0;
}

.mx-error-log-layout .admin-log-header-controls .admin-btn {
min-height:22px;
padding:2px 7px;
font-size:11px;
}

.mx-error-log-layout .admin-i18n-details .admin-card-body {
display:flex;
flex-direction:column;
gap:8px;
}

.mx-error-log-layout .admin-i18n-summary {
display:flex;
flex-wrap:wrap;
gap:6px;
}

.mx-error-log-layout .admin-i18n-top-tokens {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
font-size:12px;
}

.mx-error-log-layout .admin-i18n-list {
display:flex;
flex-direction:column;
gap:7px;
}

.mx-error-log-layout .admin-i18n-item {
padding:7px 8px;
border:1px solid #dfd2bc;
border-radius:5px;
background:#fbf8f2;
}

.mx-error-log-layout .admin-i18n-item-main {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:6px;
margin-bottom:4px;
}

.mx-error-log-layout .admin-i18n-token {
font-family:Consolas, "Lucida Console", Menlo, Monaco, "Courier New", monospace;
font-weight:bold;
color:#29496b;
background:#ebf3ff;
border:1px solid #c8d7ec;
border-radius:4px;
padding:1px 6px;
}

.mx-error-log-layout .admin-i18n-item-sub {
font-size:11px;
color:#5f4d34;
word-break:break-word;
}

.mx-error-log-layout .admin-theme-footer {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px 10px;
margin:12px 0 4px;
padding:9px 10px;
border:1px solid var(--mx-active-filters-border, #dfd2bc);
background:var(--mx-active-filters-bg, #fbf8f2);
border-radius:6px;
}

.mx-error-log-layout .admin-theme-footer-label {
font-size:12px;
font-weight:bold;
color:#5f4d34;
}

.mx-error-log-layout .admin-theme-footer-options {
gap:7px;
}

.admin-log-wrap-toggle {
display:inline-flex;
align-items:center;
gap:5px;
font-size:11px;
margin-left:auto;
}

.admin-log-wrap-toggle input {
margin:0;
}

.admin-log-viewer.is-wrapped .admin-log-line {
white-space:pre-wrap;
word-break:break-word;
}

@media (max-width:1100px) {
.admin-actions-divider {
display:none;
}
}

@media (max-width:760px) {
.admin-ui#middle_section {
width:100%;
float:none;
max-width:100%;
}

.admin-page-header,
.admin-actions-bar,
.admin-card-header,
.admin-card-body {
padding-left:8px;
padding-right:8px;
}

.admin-page-title {
font-size:28px;
}

.admin-summary-grid {
grid-template-columns:1fr;
row-gap:3px;
}

.admin-btn {
min-height:32px;
}

.admin-actions-group {
width:100%;
}

.mx-error-log-layout .admin-actions-group-controls {
padding:5px 7px;
}

.mx-error-log-layout .admin-actions-group-autorefresh{
margin-left:0;
}

.mx-error-log-layout .admin-actions-group-label {
min-width:0;
}

.admin-actions-group-label {
min-width:78px;
}

.admin-btn-mobile-wide {
flex:1 1 100%;
}

.admin-log-status-header {
padding:8px;
}

.admin-log-wrap-toggle {
margin-left:0;
width:100%;
}

.mx-error-log-layout .admin-filter-select,
.mx-error-log-layout .admin-filter-lang {
max-width:100%;
}

.mx-error-log-layout .admin-page-subtitle {
max-width:100%;
}

.mx-error-log-layout .admin-theme-footer {
padding:8px;
}
}

/* Tools page: visual alignment with admin cards and multi-theme support. */
.mx-tools-layout{
--mx-page-bg:transparent;
--mx-panel-bg:var(--ui4-surface,#f7f2e8);
--mx-text:var(--ui4-text,#2f2f2f);
--mx-link:var(--ui4-link,#1f5f9f);
--mx-card-bg:var(--ui4-surface,#fdfcf9);
--mx-card-border:var(--ui4-border,#ddd5c7);
--mx-card-header-bg:var(--ui4-surface-soft,#f8f5ef);
--mx-card-header-border:var(--ui4-border,#e2dbce);
--mx-card-main-bg:var(--ui4-surface,#fdfbf7);
--mx-card-main-border:var(--ui4-btn-secondary-border,#d3c8b2);
--mx-card-main-header-bg:var(--ui4-header-bg,#f4ecdd);
--mx-table-head-bg:var(--ui4-header-bg,#ebe2d0);
--mx-table-row-even:var(--ui4-surface-soft,#fbf7ee);
--mx-table-row-hover:var(--ui4-header-bg,#f0e8d8);
--mx-table-footer-bg:var(--ui4-header-bg,#e7f2f8);
background:var(--mx-page-bg);
color:var(--mx-text);
}

.mx-tools-layout .page_details{
background:var(--mx-panel-bg);
color:var(--mx-text);
}

.mx-tools-layout .mx-admin-container{
max-width:1240px;
margin:0 auto;
padding:14px;
}

.mx-tools-layout .page_details.admin-content-shell-flat{
background:transparent;
border:0;
box-shadow:none;
}

.admin-metrics-row{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
gap:10px;
margin:0 0 10px;
}

.admin-metric-card{
background:#fff;
border:1px solid #e5e7eb;
border-radius:8px;
padding:10px 12px;
box-shadow:0 1px 2px rgba(15,23,42,.04);
}

.ui_4_theme_shell .admin-metric-card{
background:var(--ui4-surface);
border-color:var(--ui4-border);
color:var(--ui4-text);
}

.admin-metric-value{
font-size:1.35rem;
font-weight:700;
line-height:1.1;
color:#111827;
}

.ui_4_theme_shell .admin-metric-value{color:var(--ui4-header-fg);}

.admin-metric-label{
margin-top:2px;
font-size:.78rem;
color:#6b7280;
text-transform:uppercase;
letter-spacing:.03em;
}

.ui_4_theme_shell .admin-metric-label{color:var(--ui4-text-secondary);}

.mx-tools-layout .admin-page-header{
margin-bottom:12px;
}
.mx-tools-layout .admin-subtitle.admin-subtitle-strip,
.mx-error-log-layout .admin-subtitle.admin-subtitle-strip,
.mx-control-page .admin-subtitle.admin-subtitle-strip{
background:transparent !important;
}

.mx-tools-layout .tools-columns{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
align-items:flex-start;
}

.mx-tools-layout .tools-column-main{grid-column:span 3;}
.mx-tools-layout .tools-column-side{grid-column:span 1;}

.mx-tools-layout .tools-main-stack{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.mx-tools-layout .tools-side-stack{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.mx-tools-layout .tools-card-span-2{
grid-column:span 2;
}

.mx-tools-layout .admin-actions-bar{
margin:0 0 12px;
}

.mx-tools-layout .tools-quick-actions{
display:flex;
align-items:flex-start;
gap:6px;
}

.mx-tools-layout .tools-quick-actions .admin-actions-group-label{
display:inline-flex;
margin:1px 2px 0 0;
}

.mx-tools-layout .tools-quick-actions-label{
display:inline-flex;
align-items:center;
gap:7px;
}

.mx-tools-layout .tools-quick-actions-buttons{
display:flex;
flex-wrap:wrap;
gap:6px;
}

.mx-tools-layout .admin-actions-bar .admin-actions-divider{
display:none;
}

.mx-tools-layout .tools-quick-btn{
padding:3px 9px;
display:inline-flex;
align-items:center;
gap:6px;
font-size:.88rem;
min-height:24px;
}

.mx-tools-layout .tools-btn-icon{
font-size:.95rem;
line-height:1;
}

.mx-tools-layout .tools-section-card,
.mx-tools-layout .tools-table-card{
margin:0 0 10px 0;
background:var(--mx-card-bg);
border:1px solid var(--mx-card-border);
}

.mx-tools-layout .tools-section-card .admin-card-header,
.mx-tools-layout .tools-table-card .admin-card-header{
background:var(--mx-card-header-bg);
border-bottom:1px solid var(--mx-card-header-border);
}

.mx-tools-layout .admin-card-secondary{
background:var(--mx-card-bg);
}

.mx-tools-layout .admin-card-secondary .admin-card-header{
opacity:1;
}

.mx-tools-layout .admin-card-main.tools-table-card{
background:var(--mx-card-main-bg);
border-color:var(--mx-card-main-border);
}

.mx-tools-layout .admin-card-main.tools-table-card .admin-card-header{
background:var(--mx-card-main-header-bg);
}

.mx-tools-layout .tools-links-list{
margin:0;
padding-left:18px;
}

.mx-tools-layout .tools-link-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}

.mx-tools-layout .tools-link-card{
display:flex;
align-items:center;
gap:8px;
padding:8px 10px;
background:var(--ui4-surface-soft);
border:1px solid var(--ui4-border);
border-radius:8px;
text-decoration:none;
}

.mx-tools-layout .tools-link-card:hover{
background:var(--ui4-header-bg);
border-color:var(--ui4-btn-secondary-border);
}

.mx-tools-layout .tools-form-helper{
margin:-2px 0 10px;
color:var(--ui4-text-secondary);
font-size:.84rem;
}

.mx-tools-layout .tools-form-label{
font-weight:600;
color:var(--ui4-text);
white-space:nowrap;
}

.mx-tools-layout .tools-open-modal-btn{
margin:2px 0 10px;
display:inline-flex;
align-items:center;
gap:6px;
}

.mx-tools-layout .tools-availability-form-table{
width:100%;
border-collapse:collapse;
}

.mx-tools-layout .tools-availability-form-table td{
padding:6px;
}

.mx-tools-layout .tools-links-list li{
margin:0 0 7px 0;
line-height:1.35;
}

.mx-tools-layout a{color:var(--mx-link);}

.mx-tools-layout .tools-links-list a:hover{
text-decoration:underline;
opacity:.92;
}

.mx-tools-layout .tools-nations-table{
border-collapse:collapse;
margin:0;
}

.mx-tools-layout .admin-data-table{
width:100%;
border-collapse:separate;
border-spacing:0;
border:1px solid var(--mx-card-header-border);
border-radius:8px;
overflow:hidden;
background:var(--ui4-surface);
color:var(--ui4-text);
}

.mx-tools-layout .admin-data-table thead th{
background:var(--mx-table-head-bg);
color:var(--ui4-header-fg);
padding:8px 9px;
border-bottom:1px solid var(--mx-card-header-border);
font-weight:700;
}

.mx-tools-layout .admin-data-table tbody td,
.mx-tools-layout .admin-data-table tfoot td{
padding:8px 9px;
border-bottom:1px solid #0000000f;
}

.mx-tools-layout .admin-data-table tbody tr:nth-child(even){
background:var(--mx-table-row-even);
}

.mx-tools-layout .admin-data-table tbody tr:hover{
background:var(--mx-table-row-hover);
}

.mx-tools-layout .admin-data-table tfoot td{
background:var(--mx-table-footer-bg);
color:var(--ui4-header-fg);
font-weight:700;
}

.mx-tools-layout .admin-data-table.ui4-table tbody tr td{
background:var(--ui4-surface);
color:var(--ui4-text);
}

.mx-tools-layout .admin-data-table.ui4-table tbody tr:nth-child(even) td,
.mx-tools-layout .admin-data-table.ui4-table tbody tr.odd td{
background:var(--mx-table-row-even);
}

.mx-tools-layout .admin-data-table.ui4-table tbody tr:hover td{
background:var(--mx-table-row-hover);
}

.mx-tools-layout .admin-data-table.ui4-table tfoot td{
border-top:1px solid var(--ui4-border);
}

.mx-tools-layout .tools-nations-table td:nth-child(n+3),
.mx-tools-layout .tools-nations-table th:nth-child(n+3){
text-align:center;
}

.mx-tools-layout .tools-availability-table{
width:100%;
border-collapse:collapse;
}

.mx-tools-layout .tools-availability-table td{
padding:6px;
vertical-align:middle;
}

.mx-tools-layout .tools-availability-table tbody tr.own_athlete{
font-weight:700;
}

.mx-tools-layout .tools-availability-table tbody tr.is-availability-zero td,
.mx-tools-layout .tools-alert-count{color:var(--ui4-state-error);}
.mx-tools-layout .tools-availability-table tbody tr.is-availability-few td{color:var(--ui4-state-warning);}
.mx-tools-layout .tools-availability-table tbody tr.is-availability-ready td{color:var(--ui4-state-success);}

.mx-tools-layout .admin-page-icon{
width:28px;
height:28px;
flex:0 0 28px;
border-radius:4px;
}

.mx-tools-layout .admin-page-title{
font-size:35px;
}

@media (max-width:1024px){
.mx-tools-layout .tools-columns{display:block;}
.mx-tools-layout .tools-column-side{width:auto;}
.mx-tools-layout .tools-main-stack,
.mx-tools-layout .tools-side-stack{display:block;}
.mx-tools-layout .tools-link-grid{grid-template-columns:1fr;}
}

/* Upload user page v2 */
.upload-shell-v2 {
background:#f9fcff;
}

.upload-grid-v2 {
grid-template-columns:1fr 1fr;
align-items:stretch;
}

.upload-panel-v2 {
background:#fff;
}

.upload-preview-v2 {
min-height:140px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}

.upload-preview-logo {
min-height:180px;
}

.upload-preview-avatar {
min-height:130px;
}

.upload-preview-avatar img {
max-width:120px;
max-height:120px;
}

.upload-preview-logo img {
max-height:170px;
}

.upload-empty {
color:#6a7f94;
font-size:12px;
text-align:center;
}

.upload-form-v2 input[type="text"],
.upload-form-v2 select,
.upload-form-v2 input[type="file"] {
width:100%;
max-width:100%;
box-sizing:border-box;
padding:7px;
border:1px solid #bfd4e8;
border-radius:6px;
}

.upload-actions {
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}

.upload-submit-danger {
background:#8e2b2b;
}

.upload-submit-danger:hover {
background:#7e2020;
}

@media (max-width: 900px) {
.upload-grid-v2 {
grid-template-columns:1fr;
}
}

/* UX 4.0 shared primitives */
.ui_4_theme_shell{--ui4-surface:#fff;--ui4-surface-soft:#f8fafc;--ui4-text:#1f2937;--ui4-text-secondary:#44576b;--ui4-link:#1f5f9f;--ui4-border:#d8e0ea;--ui4-header-bg:#eef3f8;--ui4-header-fg:#1f3b57;--ui4-btn-secondary-border:rgba(31,59,87,.38);--ui4-btn-primary-bg:var(--ui4-header-fg);--ui4-btn-primary-text:#fff;--ui4-btn-primary-hover:#102d45;--ui4-btn-primary-active:#0a2134;--ui4-btn-secondary-bg:var(--ui4-surface);--ui4-btn-secondary-text:var(--ui4-header-fg);--ui4-btn-neutral-bg:var(--ui4-surface-soft);--ui4-btn-neutral-text:var(--ui4-text);--ui4-btn-ghost-text:var(--ui4-text);--ux-space-3:12px;--ui4-state-success:#0f766e;--ui4-state-success-bg:#d1fae5;--ui4-state-warning:#9a6700;--ui4-state-warning-bg:#fff4cc;--ui4-state-error:#b42318;--ui4-state-error-bg:#fee4e2;--ui4-state-info:#175cd3;--ui4-state-info-bg:#d1e9ff;--ui4-state-neutral:#475467;--ui4-state-neutral-bg:#eaecf0;}
.ui_4_theme_shell.theme-orange{--ui4-surface:#fff9f3;--ui4-surface-soft:#fff2e3;--ui4-text:#4a2c14;--ui4-text-secondary:#69462a;--ui4-link:#874306;--ui4-border:#f3d2b3;--ui4-header-bg:#ffe7cf;--ui4-header-fg:#7a3d05;--ui4-btn-secondary-border:rgba(122,61,5,.42);}
.ui_4_theme_shell.theme-olive{--ui4-surface:#fbfaf3;--ui4-surface-soft:#f3f0e3;--ui4-text:#2f3b21;--ui4-text-secondary:#4a5a36;--ui4-link:#466c23;--ui4-border:#d6dbc4;--ui4-header-bg:#e8ecd8;--ui4-header-fg:#2f3b21;--ui4-btn-secondary-border:rgba(47,59,33,.4);}
.ui_4_theme_shell.theme-soft-dark{--ui4-surface:#1f2933;--ui4-surface-soft:#273341;--ui4-text:#e8edf2;--ui4-text-secondary:#c1d0de;--ui4-link:#8fc9ff;--ui4-border:#3c4c5d;--ui4-header-bg:#31475c;--ui4-header-fg:#f4f8fc;--ui4-btn-secondary-border:rgba(244,248,252,.42);color-scheme:dark;}
.ui_4_theme_shell .ui4-btn-compact{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;min-height:28px;line-height:1.2;}
.ui_4_theme_shell .ui4-btn-icon{font-size:12px;line-height:1;}
.ui_4_theme_shell .ui4-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:11px;line-height:1.15;font-weight:700;border:1px solid transparent;text-transform:uppercase;letter-spacing:.02em;vertical-align:middle;}
.ui_4_theme_shell .ui4-status-badge.is-success{background:var(--ui4-state-success-bg);color:var(--ui4-state-success);border-color:rgba(15,118,110,.28);}
.ui_4_theme_shell .ui4-counter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--ui4-header-fg);color:#fff;font-size:11px;line-height:1;font-weight:700;vertical-align:middle;}
.ui_4_theme_shell .ui4-admin-page-header{display:flex;flex-direction:column;gap:8px;border:1px solid var(--ui4-border);background:var(--ui4-surface-soft);border-radius:10px;padding:8px 10px;}
.ui_4_theme_shell .ui4-admin-page-header-top,.ui_4_theme_shell .ui4-admin-page-header-main{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.ui_4_theme_shell .ui4-admin-page-main{justify-content:flex-start;}
.ui_4_theme_shell .ui4-admin-page-title{margin:0;font-size:17px;line-height:1.2;color:var(--ui4-header-fg);}
.ui_4_theme_shell .ui4-admin-page-description{margin:0;color:var(--ui4-text-secondary);font-size:12px;line-height:1.4;max-width:82ch;}
.ui_4_theme_shell .admin-page-header{background:var(--ui4-header-bg);border:1px solid var(--ui4-border);}
.ui_4_theme_shell .admin-card{background:var(--ui4-surface);border-color:var(--ui4-border);}
.ui_4_theme_shell .admin-card .admin-card-header{background:var(--ui4-surface-soft);border-bottom-color:var(--ui4-border);}
.ui_4_theme_shell .ui4-tabs{border:1px solid var(--ui4-border);border-radius:10px;background:var(--ui4-surface-soft);padding:8px;}
.ui_4_theme_shell .ui4-tabs-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--ui4-border);}
.ui_4_theme_shell .ui4-tab{display:inline-flex;align-items:center;border:1px solid var(--ui4-border);background:var(--ui4-surface);color:var(--ui4-text-secondary);border-radius:7px;min-height:30px;padding:4px 10px;font-size:12px;line-height:1.2;font-weight:600;cursor:pointer;}
.ui_4_theme_shell .ui4-tab.is-active{background:var(--ui4-header-fg);color:#fff;border-color:var(--ui4-header-fg);}
.ui_4_theme_shell .ui4-tabs-local .ui4-tab{min-height:26px;font-size:11px;font-weight:600;}
.ui_4_theme_shell .ui4-tabs-compact .ui4-tab{min-height:26px;padding:3px 8px;font-size:11px;}

/* UX 4.0 bookmarks shared pattern */
.mx-tools-layout .mx-admin-container{max-width:1240px;margin:0 auto;padding:14px;}
.ui_4_theme_shell .page_details{color:var(--ui4-text);font-size:13px;line-height:1.45;}
.ui_4_theme_shell .admin-page-header{position:relative;background:var(--ui4-header-bg);border:1px solid var(--ui4-border);}
.ui_4_theme_shell .admin-page-breadcrumb,.ui_4_theme_shell .admin-page-breadcrumb a{font-size:12px;line-height:1.35;color:var(--ui4-text-secondary);font-weight:500;}
.ui_4_theme_shell .admin-page-title-right-slot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.ui_4_theme_shell .admin-page-title-right-slot > *{align-self:flex-start;}
.ui_4_theme_shell .admin-page-title-right-slot .ui4-layout-edit-btn{position:absolute;right:0;top:-34px;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 4px;font-size:14px;line-height:1;color:var(--ui4-text-secondary)!important;background:transparent!important;border:0!important;border-radius:4px;opacity:.9;}
.ui_4_theme_shell .admin-page-title-right-slot .ui4-layout-edit-btn:hover,.ui_4_theme_shell .admin-page-title-right-slot .ui4-layout-edit-btn:focus{opacity:1;color:var(--ui4-header-fg)!important;background:rgba(31,59,87,.1)!important;}
.ui_4_theme_shell .admin-page-subtitle.admin-subtitle-strip{font-size:14px;line-height:1.4;font-weight:500;color:var(--ui4-text-secondary);}
.ui_4_theme_shell .command-header-refresh-badge{appearance:none;display:inline-flex;align-items:center;background:#fff;border:1px solid var(--ui4-border);border-radius:999px;padding:5px 10px;font-size:12px;line-height:1.2;color:#405264;font-weight:600;white-space:nowrap;}
.ui_4_theme_shell .command-header-refresh-badge.is-clickable{cursor:pointer;}
.ui_4_theme_shell .command-header-refresh-badge .status-refresh-ok{color:#0f6b3f;font-weight:700;}
.ui_4_theme_shell .command-header-refresh-badge .status-refresh-ko{color:#8d1919;font-weight:700;}
.ui_4_theme_shell .ux4-bookmarks-page{display:flex;flex-direction:column;gap:12px;}
.ui_4_theme_shell .ux4-bookmarks-page > .ui4-card{margin-bottom:0;}
.ui_4_theme_shell .bookmark-toolbar-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:start;gap:12px;width:100%;}
.ui_4_theme_shell .bookmark-toolbar-filters{width:100%;justify-content:flex-start;align-items:center;float:none !important;margin-bottom:0;}
.ui_4_theme_shell .bookmark-toolbar-filters .ui4-tab{float:none !important;}
.ui_4_theme_shell .bookmark-toolbar-sort{margin-top:0;align-self:start;background:var(--ui4-surface);border:1px solid var(--ui4-border);border-radius:8px;padding:8px 10px;}
.ui_4_theme_shell .autosave-status{display:none;margin-left:8px;}
.ui_4_theme_shell .bookmark-tag{display:inline-block;margin-top:3px;padding:2px 8px;font-size:10px;font-weight:700;border-radius:9px;background:var(--ui4-surface-soft);color:var(--ui4-header-fg);}
.ui_4_theme_shell .bookmark-section-card .admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.ui_4_theme_shell .bookmark-section-card .admin-card-body{padding:10px 12px;}
.ui_4_theme_shell .bookmark-col-main{width:29%;}
.ui_4_theme_shell .bookmark-col-time{width:20%;}
.ui_4_theme_shell .bookmark-col-note{width:46%;}
.ui_4_theme_shell .bookmark-col-action{width:5%;}
.ui_4_theme_shell .bookmark-section-title{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ui4-header-fg);}
.ui_4_theme_shell .bookmark-section-title .ui4-counter-badge{background:#274b6f;color:#fff;border:1px solid rgba(255,255,255,.42);box-shadow:0 1px 0 rgba(0,0,0,.14);}
.ui_4_theme_shell .bookmark-section-actions{display:flex;align-items:center;gap:8px;}
.ui_4_theme_shell .bookmark-inline-form{margin:0;}
.ui_4_theme_shell .bookmark-name{font-weight:700;}
.ui_4_theme_shell .bookmark-meta{display:inline-block;margin-top:2px;color:var(--ui4-text-secondary);font-size:11px;line-height:1.35;}
.ui_4_theme_shell .bookmark-updated{margin-top:5px;font-size:10px;color:var(--ui4-text-secondary);}
.ui_4_theme_shell tr[id^="bookmark-row-"] td:last-child{text-align:center;vertical-align:middle;}
.ui_4_theme_shell .bookmark-note{width:100%;min-height:46px;}
.ui_4_theme_shell .ux4-bookmarks-page,
.ui_4_theme_shell .bookmark-section-card,
.ui_4_theme_shell .bookmark-section-card .admin-card-body,
.ui_4_theme_shell .ux4-bookmarks-page .ui4-table-shell{min-width:0;max-width:100%;}
.ui_4_theme_shell .ux4-bookmarks-table .bookmark-name,
.ui_4_theme_shell .ux4-bookmarks-table .bookmark-meta{overflow-wrap:anywhere;}
.ui_4_theme_shell tr[id^="bookmark-row-"]:hover td{background:var(--ui4-surface-soft) !important;}
.ui_4_theme_shell tr[id^="bookmark-row-"] td:nth-child(3),.ui_4_theme_shell tr[id^="bookmark-row-"] td:nth-child(4){background:var(--ui4-surface-soft);}
.ui4-toast-wrap{position:fixed;right:20px;bottom:20px;z-index:1300;display:flex;flex-direction:column;gap:8px;}
.ui4-toast{display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 40px));border-radius:10px;padding:10px 12px;color:#fff;min-width:260px;box-sizing:border-box;box-shadow:0 10px 24px rgba(20,30,44,.25);font-size:13px;opacity:0;transform:translateY(8px) scale(.98);animation:ui4-toast-in .22s ease forwards;}
.ui4-toast-message{flex:1 1 auto;min-width:0;line-height:1.4;overflow-wrap:anywhere;}
.ui4-toast-action{flex:0 0 auto;min-height:34px;padding:5px 10px;border:1px solid rgba(255,255,255,.72);border-radius:7px;color:inherit;background:transparent;font:inherit;font-weight:700;cursor:pointer;}
.ui4-toast-action:hover:not(:disabled){background:rgba(255,255,255,.14);}
.ui4-toast-action:focus-visible{outline:3px solid #fff;outline-offset:2px;}
.ui4-toast-action:disabled{cursor:wait;opacity:.7;}
.ui4-toast.is-leaving{animation:ui4-toast-out .22s ease forwards;}
.ui4-toast.is-success{background:#157347;}
.ui4-toast.is-error{background:#b42318;}
@keyframes ui4-toast-in{from{opacity:0;transform:translateY(8px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes ui4-toast-out{from{opacity:1;transform:translateY(0) scale(1);}to{opacity:0;transform:translateY(8px) scale(.985);}}
@media (max-width:900px){.ui_4_theme_shell .admin-page-title-right-slot .ui4-layout-edit-btn{position:static;order:-1;padding:0 6px;}}
@media (max-width:860px){.ui_4_theme_shell .bookmark-toolbar-controls{grid-template-columns:1fr;}.ui_4_theme_shell .bookmark-toolbar-sort{padding:6px 8px;}}

/* UX 4.0 shared page chrome: header, refresh control, action bar and theme selector. */
.ui_4_theme_shell{
--ui4-shell-bg:transparent;
--ui4-card-bg:var(--ui4-surface);
--ui4-doc-card-bg:var(--ui4-surface-soft);
--ui4-example-card-bg:var(--ui4-surface);
--ui4-pattern-card-bg:var(--ui4-surface-soft);
--ui4-control-bg:var(--ui4-surface);
--ui4-control-hover:var(--ui4-header-bg);
--ui4-control-border:var(--ui4-btn-secondary-border);
--ui4-control-text:var(--ui4-header-fg);
--ui4-choice-active-bg:var(--ui4-header-fg);
--ui4-choice-active-text:#fff;
--ui4-card-shadow:0 1px 0 rgba(15,23,42,.04);
--ui4-input-bg:var(--ui4-surface);
--ui4-input-border:var(--ui4-border);
--ui4-state-panel-bg:var(--ui4-surface-soft);
--ui4-table-row-hover:var(--ui4-surface-soft);
--ui4-modal-backdrop:rgba(8,16,28,.68);
--ui4-modal-shadow:0 20px 40px rgba(12,28,45,.25);
--ui4-focus:#1d4ed8;
--ui4-icon-filter:none;
--ui4-role-athlete-bg:rgba(23,92,211,.12);
--ui4-role-athlete-text:#175cd3;
--ui4-role-coach-bg:rgba(15,118,110,.12);
--ui4-role-coach-text:#0f766e;
--ui4-role-staff-bg:rgba(154,103,0,.14);
--ui4-role-staff-text:#9a6700;
--ui4-role-user-bg:rgba(71,84,103,.12);
--ui4-role-user-text:#475467;
--ui4-trend-up:#15803d;
--ui4-trend-down:#b42318;
--ux-space-1:4px;
--ux-space-2:8px;
--ux-space-3:12px;
--ux-space-4:14px;
--ux-space-6:20px;
--ux-space-7:24px;
--ux-fs-meta:12px;
--ux-fs-body:13px;
--ux-fs-title:28px;
font-family:"Roboto","Helvetica Neue",Arial,sans-serif;
background:var(--ui4-shell-bg);
color:var(--ui4-text);
}
.ui_4_theme_shell.ui4-content-surface-transparent{
--ui4-shell-bg:transparent;
}
.ui_4_theme_shell.ui4-content-surface-opaque{
--ui4-shell-bg:var(--ui4-surface);
}
.ui_4_theme_shell [hidden]{
display:none !important;
}
.ui_4_theme_shell.theme-orange{
--ui4-control-border:rgba(122,61,5,.42);
--ui4-btn-primary-hover:#9a4f07;
--ui4-btn-primary-active:#6f3604;
}
.ui_4_theme_shell.theme-olive{
--ui4-control-border:rgba(47,59,33,.4);
--ui4-btn-primary-hover:#40552b;
--ui4-btn-primary-active:#27351c;
}
.ui_4_theme_shell.theme-soft-dark{
--ui4-control-bg:#243241;
--ui4-control-hover:#3a4d61;
--ui4-control-border:#4a5d72;
--ui4-choice-active-bg:#dbe7f1;
--ui4-choice-active-text:#172431;
--ui4-btn-primary-bg:#dbe7f1;
--ui4-btn-primary-text:#172431;
--ui4-btn-primary-hover:#fff;
--ui4-btn-primary-active:#c3d5e3;
--ui4-btn-secondary-bg:#243241;
--ui4-btn-secondary-text:#f4f8fc;
--ui4-btn-neutral-bg:#273341;
--ui4-btn-neutral-text:#e8edf2;
--ui4-btn-ghost-text:#e8edf2;
--ui4-modal-shadow:0 22px 44px rgba(0,0,0,.44);
--ui4-focus:#93c5fd;
--ui4-icon-filter:brightness(0) invert(1);
--ui4-state-success:#6ee7b7;
--ui4-state-success-bg:#143d34;
--ui4-state-warning:#fcd67a;
--ui4-state-warning-bg:#443715;
--ui4-state-error:#ff9b93;
--ui4-state-error-bg:#4b2427;
--ui4-state-info:#93c5fd;
--ui4-state-info-bg:#1e3a5f;
--ui4-state-neutral:#d4dde7;
--ui4-state-neutral-bg:#344252;
--ui4-role-athlete-text:#93c5fd;
--ui4-role-coach-text:#6ee7b7;
--ui4-role-staff-text:#fcd67a;
--ui4-role-user-text:#d4dde7;
--ui4-trend-up:#6ee7b7;
--ui4-trend-down:#ff9b93;
}
.ui_4_theme_shell .mx-admin-container{
max-width:1240px;
margin:0 auto;
padding:14px;
}
.ui_4_theme_shell .page_details{
background:transparent !important;
color:var(--ui4-text);
font-size:var(--ux-fs-body);
line-height:1.45;
}
#middle_section.command-center.ui_4_theme_shell{
width:calc(100% - 157px);
max-width:none;
}
#inner_body_container.admin-menu-collapsed #middle_section.command-center.ui_4_theme_shell{
width:100%;
}
.ui_4_theme_shell .ui4-page-header{
position:relative;
margin:0 0 12px;
padding:10px 12px 11px;
background:var(--ui4-header-bg);
border:1px solid var(--ui4-border);
border-radius:10px;
box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.ui_4_theme_shell .ui4-page-header .admin-page-breadcrumb,
.ui_4_theme_shell .ui4-page-header .admin-page-breadcrumb a{
margin:0 0 6px;
font-size:var(--ux-fs-meta);
line-height:1.35;
color:var(--ui4-text-secondary);
font-weight:500;
}
.ui_4_theme_shell .ui4-page-header-main{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.ui_4_theme_shell .ui4-page-header-title{
display:flex;
align-items:center;
gap:9px;
min-width:0;
}
.ui_4_theme_shell .ui4-page-header .admin-page-icon{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:30px;
height:30px;
background:var(--ui4-surface-soft);
border:1px solid var(--ui4-border);
border-radius:8px;
box-shadow:none;
color:var(--ui4-header-fg);
transform:none;
}
.ui_4_theme_shell .ui4-page-header .admin-page-icon img{
filter:var(--ui4-icon-filter);
}
.ui_4_theme_shell .ui4-page-header .admin-page-title{
margin:0 !important;
font-family:inherit;
font-size:var(--ux-fs-title);
line-height:1.15;
font-weight:700;
letter-spacing:-.01em;
color:var(--ui4-header-fg);
text-shadow:none;
}
.ui_4_theme_shell .admin-page-title-badges{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
margin-left:2px;
}
.ui_4_theme_shell .admin-page-title-badge{
margin:0;
}
.ui_4_theme_shell .ui4-page-header-tools{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:8px;
margin-left:auto;
}
.ui_4_theme_shell .ui4-page-header-tools > *{
align-self:center;
}
.ui_4_theme_shell .ui4-page-header-tools .ui4-layout-edit-btn{
position:static;
right:auto;
top:auto;
order:0;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:28px;
min-height:28px;
padding:0 8px;
font-size:14px;
line-height:1;
color:var(--ui4-text-secondary)!important;
background:var(--ui4-surface)!important;
border:1px solid var(--ui4-border)!important;
border-radius:999px;
opacity:.9;
}
.ui_4_theme_shell .ui4-page-header-tools .ui4-layout-edit-btn:hover,
.ui_4_theme_shell .ui4-page-header-tools .ui4-layout-edit-btn:focus{
opacity:1;
color:var(--ui4-header-fg)!important;
background:var(--ui4-surface-soft)!important;
}
.ui_4_theme_shell .ui4-page-header .admin-page-subtitle.admin-subtitle-strip{
margin:7px 0 0;
padding:0;
max-width:92ch;
font-size:14px;
line-height:1.4;
font-weight:500;
color:var(--ui4-text-secondary);
background:transparent !important;
border:0;
}
.ui_4_theme_shell .ui4-page-header-bottom{
margin-top:8px;
}
.ui_4_theme_shell .ui4-live-dot{
display:inline-block;
width:8px;
height:8px;
flex:0 0 auto;
border-radius:999px;
background:#16a34a;
box-shadow:0 0 0 0 rgba(22,163,74,.55);
animation:ui4-dot-pulse 1.25s infinite;
}
.ui_4_theme_shell .ui4-live-dot.is-stale{
background:#c62828;
box-shadow:none;
animation:none;
}
.ui_4_theme_shell .ui4-refresh-badge.ui4-refresh-badge-header{
appearance:none;
display:inline-flex;
align-items:center;
gap:6px;
max-width:100%;
background:var(--ui4-control-bg);
border:1px solid var(--ui4-control-border);
border-radius:999px;
padding:5px 10px;
font-family:inherit;
font-size:12px;
line-height:1.2;
color:var(--ui4-control-text);
font-weight:600;
white-space:nowrap;
box-shadow:none;
}
.ui_4_theme_shell .ui4-refresh-badge.ui4-refresh-badge-header.is-clickable{
cursor:pointer;
}
.ui_4_theme_shell .ui4-refresh-badge.ui4-refresh-badge-header.is-clickable:hover{
background:var(--ui4-control-hover);
}
.ui_4_theme_shell .ui4-refresh-badge.ui4-refresh-badge-header:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-refresh-separator{
color:var(--ui4-text-secondary);
}
.ui_4_theme_shell .ui4-refresh-badge-header .status-refresh-ok{
color:var(--ui4-state-success);
font-weight:800;
}
.ui_4_theme_shell .ui4-refresh-badge-header .status-refresh-ko{
color:var(--ui4-state-error);
font-weight:800;
}
.ui_4_theme_shell .ui4-refresh-badge-header .ui4-live-dot{
margin-left:0;
}
.ui_4_theme_shell .ui4-action-bar{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:8px 12px;
min-height:44px;
margin:0 0 12px;
padding:7px 9px;
background:var(--ui4-surface-soft);
border:1px solid var(--ui4-border);
border-radius:10px;
}
.ui_4_theme_shell .ui4-action-bar-main,
.ui_4_theme_shell .ui4-action-bar-controls{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
}
.ui_4_theme_shell .ui4-action-bar .admin-actions-group{
display:flex;
grid-auto-flow:initial;
grid-auto-columns:initial;
grid-template-rows:none;
margin:0;
}
.ui_4_theme_shell .ui4-action-bar-main{
padding:0;
background:transparent;
border:0;
border-radius:0;
}
.ui_4_theme_shell .ui4-action-bar-controls{
margin-left:auto;
}
.ui_4_theme_shell .ui4-theme-switcher{
position:static;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
margin:0;
padding:4px 6px;
background:var(--ui4-control-bg);
border:1px solid var(--ui4-control-border);
border-radius:8px;
box-shadow:none;
}
.ui_4_theme_shell .ui4-theme-switcher-label{
display:inline-flex;
align-items:center;
gap:4px;
margin:0 2px 0 0;
font-size:10px;
line-height:1.2;
font-weight:800;
letter-spacing:.03em;
text-transform:uppercase;
color:var(--ui4-header-fg);
}
.ui_4_theme_shell .ui4-theme-option{
display:inline-flex;
align-items:center;
gap:5px;
min-height:28px;
padding:4px 8px;
font-family:inherit;
background:var(--ui4-control-bg);
border:1px solid var(--ui4-control-border);
border-radius:6px;
color:var(--ui4-control-text)!important;
font-size:11px;
line-height:1.15;
font-weight:700;
box-shadow:none;
}
.ui_4_theme_shell .ui4-theme-option:hover{
background:var(--ui4-control-hover);
}
.ui_4_theme_shell .ui4-theme-switcher .admin-btn.ui4-theme-option.is-active{
background:var(--ui4-choice-active-bg);
border-color:var(--ui4-choice-active-bg);
color:var(--ui4-choice-active-text)!important;
}
.ui_4_theme_shell .ui4-theme-switcher.is-saving .ui4-theme-option{cursor:progress;}
.ui_4_theme_shell .ui4-theme-switcher.is-saving .ui4-theme-swatch{animation:ui4-theme-saving .8s ease-in-out infinite alternate;}
.ui_4_theme_shell .ui4-theme-option:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-theme-swatch{
display:inline-block;
width:10px;
height:10px;
flex:0 0 auto;
border:1px solid rgba(15,23,42,.28);
border-radius:999px;
background:linear-gradient(135deg,#eef3f8 0 50%,#1f3b57 50% 100%);
}
.ui_4_theme_shell .ui4-theme-option[data-theme="theme-orange"] .ui4-theme-swatch{
background:linear-gradient(135deg,#ffe7cf 0 50%,#9a4f07 50% 100%);
}
.ui_4_theme_shell .ui4-theme-option[data-theme="theme-olive"] .ui4-theme-swatch{
background:linear-gradient(135deg,#e8ecd8 0 50%,#40552b 50% 100%);
}
.ui_4_theme_shell .ui4-theme-option[data-theme="theme-soft-dark"] .ui4-theme-swatch{
background:linear-gradient(135deg,#31475c 0 50%,#dbe7f1 50% 100%);
}
/* Authorized UX4 theme control hosted after Logout in the legacy sidebar. */
#left_section .ui4-sidebar-theme-host{
box-sizing:border-box;
margin:8px 0 4px;
padding:6px;
background:#f7f3eb;
border:1px solid #d5c8b6;
border-radius:7px;
box-shadow:0 1px 0 rgba(78,57,35,.06);
}
#left_section .ui4-theme-switcher-sidebar{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:4px;
width:100%;
margin:0;
padding:0;
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-switcher-label{
grid-column:1 / -1;
display:flex;
align-items:center;
gap:4px;
margin:0 0 2px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1.2;
font-weight:700;
letter-spacing:.03em;
text-transform:uppercase;
color:#6a5541;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option{
appearance:none;
display:flex;
align-items:center;
justify-content:flex-start;
gap:4px;
box-sizing:border-box;
min-width:0;
min-height:30px;
margin:0;
padding:4px 5px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1.15;
font-weight:700;
text-align:left;
white-space:normal;
color:#554535 !important;
background:#fffdf8;
border:1px solid #cdbfae;
border-radius:5px;
box-shadow:none;
cursor:pointer;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option:hover{
background:#fff;
border-color:#a99175;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option.is-active{
color:#fff !important;
background:#365c7d;
border-color:#365c7d;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option.is-active[data-theme="theme-orange"]{
background:#934b08;
border-color:#934b08;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option.is-active[data-theme="theme-olive"]{
background:#465b30;
border-color:#465b30;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option.is-active[data-theme="theme-soft-dark"]{
background:#273747;
border-color:#273747;
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option:focus-visible{
outline:2px solid #315f89;
outline-offset:1px;
}
#left_section .ui4-theme-switcher-sidebar.is-saving .ui4-theme-option{cursor:progress;}
#left_section .ui4-theme-switcher-sidebar.is-saving .ui4-theme-swatch{animation:ui4-theme-saving .8s ease-in-out infinite alternate;}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-swatch{
display:inline-block;
width:10px;
height:10px;
flex:0 0 auto;
border:1px solid rgba(15,23,42,.28);
border-radius:999px;
background:linear-gradient(135deg,#eef3f8 0 50%,#1f3b57 50% 100%);
}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option[data-theme="theme-orange"] .ui4-theme-swatch{background:linear-gradient(135deg,#ffe7cf 0 50%,#9a4f07 50% 100%);}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option[data-theme="theme-olive"] .ui4-theme-swatch{background:linear-gradient(135deg,#e8ecd8 0 50%,#40552b 50% 100%);}
#left_section .ui4-theme-switcher-sidebar .ui4-theme-option[data-theme="theme-soft-dark"] .ui4-theme-swatch{background:linear-gradient(135deg,#31475c 0 50%,#dbe7f1 50% 100%);}
#left_section .ui4-sidebar-surface-host{
box-sizing:border-box;
margin:4px 0;
padding:6px;
background:#f7f3eb;
border:1px solid #d5c8b6;
border-radius:7px;
box-shadow:0 1px 0 rgba(78,57,35,.06);
}
#left_section .ui4-sidebar-surface-toggle{
appearance:none;
display:flex;
align-items:center;
gap:6px;
box-sizing:border-box;
width:100%;
min-height:32px;
margin:0;
padding:5px 7px;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1.2;
font-weight:700;
text-align:left;
color:#554535;
background:#fffdf8;
border:1px solid #cdbfae;
border-radius:5px;
cursor:pointer;
}
#left_section .ui4-sidebar-surface-toggle:hover{
background:#fff;
border-color:#a99175;
}
#left_section .ui4-sidebar-surface-toggle.is-active{
color:#fff;
background:#365c7d;
border-color:#365c7d;
}
#left_section .ui4-sidebar-surface-toggle:focus-visible{
outline:2px solid #315f89;
outline-offset:1px;
}
#left_section .ui4-sidebar-surface-swatch{
display:inline-block;
width:14px;
height:14px;
flex:0 0 14px;
box-sizing:border-box;
border:1px solid currentColor;
border-radius:3px;
background-color:#fff;
background-image:linear-gradient(45deg,#bcc7d1 25%,transparent 25%),linear-gradient(-45deg,#bcc7d1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bcc7d1 75%),linear-gradient(-45deg,transparent 75%,#bcc7d1 75%);
background-position:0 0,0 4px,4px -4px,-4px 0;
background-size:8px 8px;
}
#left_section .ui4-sidebar-surface-label{
min-width:0;
overflow-wrap:anywhere;
}
.ui_4_theme_shell .ui4-btn-role{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
font-family:inherit;
border:1px solid transparent;
border-radius:8px;
font-weight:700;
line-height:1.25;
text-decoration:none!important;
transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease;
}
.ui_4_theme_shell .ui4-btn-size-compact{
min-height:34px;
padding:6px 12px;
font-size:12px;
}
.ui_4_theme_shell .ui4-btn-size-default{
min-height:40px;
padding:9px 14px;
font-size:13px;
}
.ui_4_theme_shell .ui4-btn-role.is-action-primary{
background:var(--ui4-btn-primary-bg);
border-color:var(--ui4-btn-primary-bg);
color:var(--ui4-btn-primary-text)!important;
font-weight:800;
box-shadow:0 1px 0 rgba(15,23,42,.25);
}
.ui_4_theme_shell .ui4-btn-role.is-action-primary:hover:not(:disabled){
background:var(--ui4-btn-primary-hover);
border-color:var(--ui4-btn-primary-hover);
box-shadow:0 0 0 2px rgba(31,59,87,.2);
}
.ui_4_theme_shell .ui4-btn-role.is-action-primary:active:not(:disabled){
background:var(--ui4-btn-primary-active);
border-color:var(--ui4-btn-primary-active);
}
.ui_4_theme_shell .ui4-btn-role.is-action-secondary{
background:var(--ui4-btn-secondary-bg);
border-color:var(--ui4-btn-secondary-border);
color:var(--ui4-btn-secondary-text)!important;
}
.ui_4_theme_shell .ui4-btn-role.is-action-danger{
background:var(--ui4-state-error);
border-color:var(--ui4-state-error);
color:#fff!important;
font-weight:800;
}
.ui_4_theme_shell .ui4-btn-role.is-action-neutral{
background:var(--ui4-btn-neutral-bg);
border-color:var(--ui4-border);
color:var(--ui4-btn-neutral-text)!important;
}
.ui_4_theme_shell .ui4-btn-role.is-action-ghost{
background:transparent;
border-color:var(--ui4-border);
color:var(--ui4-btn-ghost-text)!important;
}
.ui_4_theme_shell .ui4-btn-role.is-action-secondary:hover:not(:disabled),
.ui_4_theme_shell .ui4-btn-role.is-action-ghost:hover:not(:disabled){
background:var(--ui4-surface-soft);
}
.ui_4_theme_shell .ui4-btn-role.is-action-neutral:hover:not(:disabled){
background:var(--ui4-surface);
}
.ui_4_theme_shell .ui4-btn-role.is-action-danger:hover:not(:disabled){
filter:brightness(1.08);
}
.ui_4_theme_shell .ui4-btn-role.is-action-secondary:active:not(:disabled),
.ui_4_theme_shell .ui4-btn-role.is-action-neutral:active:not(:disabled),
.ui_4_theme_shell .ui4-btn-role.is-action-ghost:active:not(:disabled){
background:var(--ui4-header-bg);
}
.ui_4_theme_shell .ui4-btn-role.is-loading{
opacity:.92;
cursor:wait;
}
.ui_4_theme_shell .ui4-btn-role:disabled{
opacity:.58;
cursor:not-allowed;
filter:saturate(.65) contrast(1.05);
}
.ui_4_theme_shell .ui4-btn-role:hover:not(:disabled){
box-shadow:0 0 0 1px rgba(15,23,42,.08);
}
.ui_4_theme_shell .ui4-btn-role:active:not(:disabled){
transform:translateY(1px);
}
.ui_4_theme_shell .ui4-btn-role:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-btn-spinner{
display:inline-block;
width:12px;
height:12px;
border:2px solid rgba(255,255,255,.5);
border-top-color:#fff;
border-radius:50%;
animation:ui4-spin .8s linear infinite;
}
/* UX 4.0 shared content patterns: cards, filters, toolbars and feedback states. */
.ui_4_theme_shell .ui4-card{
margin:0 0 12px;
padding:0;
overflow:visible;
background:var(--ui4-card-bg);
border:1px solid var(--ui4-border);
border-radius:10px;
box-shadow:var(--ui4-card-shadow);
color:var(--ui4-text);
}
.ui_4_theme_shell .ui4-card.admin-card-main{
border-color:var(--ui4-btn-secondary-border);
}
.ui_4_theme_shell .ui4-card.admin-card-secondary{
background:var(--ui4-example-card-bg);
}
.ui_4_theme_shell .ui4-card.doc-card{
background:var(--ui4-doc-card-bg);
}
.ui_4_theme_shell .ui4-card.live-card,
.ui_4_theme_shell .ui4-card.stat-card,
.ui_4_theme_shell .ui4-card.entity-card{
background:var(--ui4-pattern-card-bg);
}
.ui_4_theme_shell .ui4-card > .ui4-card-header{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:8px;
margin:0;
padding:8px 10px;
background:var(--ui4-header-bg);
border:0;
border-bottom:1px solid var(--ui4-border);
border-radius:9px 9px 0 0;
color:var(--ui4-header-fg);
}
.ui_4_theme_shell .ui4-card-title{
display:inline-flex;
align-items:center;
gap:8px;
min-width:0;
margin:0;
font-family:inherit;
font-size:14px;
font-weight:700;
line-height:1.35;
color:var(--ui4-header-fg);
}
/* Beat legacy #middle_section h2/h3 without changing non-pilot pages. */
#middle_section.ui_4_theme_shell .ui4-page-header .admin-page-title{
float:none;
width:auto;
margin:0 !important;
padding:0 !important;
position:static;
background:none !important;
font-family:inherit;
font-size:var(--ux-fs-title);
line-height:1.15;
letter-spacing:-.01em;
color:var(--ui4-header-fg);
text-shadow:none;
}
#middle_section.ui_4_theme_shell .ui4-card-title{
float:none;
width:auto;
margin:0;
padding:0;
position:static;
background:none;
font-family:inherit;
font-size:13px;
line-height:1.35;
letter-spacing:normal;
color:var(--ui4-header-fg);
text-shadow:none;
}
#middle_section.ui_4_theme_shell .ux-ref-section-title{
float:none;
width:auto;
margin:0;
padding:0;
position:static;
background:none;
font-family:inherit;
font-size:20px;
line-height:1.25;
font-weight:700;
letter-spacing:-.01em;
color:var(--ui4-header-fg);
text-shadow:none;
}
.ui_4_theme_shell .ui4-card-title[data-ui4-icon]::before{
content:attr(data-ui4-icon);
flex:0 0 auto;
font-size:14px;
font-weight:400;
line-height:1;
}
.ui_4_theme_shell .ui4-card-header-tools,
.ui_4_theme_shell .ui4-card-header-meta,
.ui_4_theme_shell .ui4-card .admin-card-header-meta{
display:inline-flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:8px;
margin-left:auto;
}
.ui_4_theme_shell .ui4-card > .ui4-card-body{
padding:var(--ux-space-3);
}
.ui_4_theme_shell .ui4-card > .ui4-card-body.is-flush{
padding:0;
}
.ui_4_theme_shell .ui4-card.is-collapsed > .ui4-card-body,
.ui_4_theme_shell .ui4-card.js-collapsible-card.is-collapsed > .ui4-card-body{
display:none;
}
.ui_4_theme_shell .ui4-card.is-collapsed > .ui4-card-header,
.ui_4_theme_shell .ui4-card.js-collapsible-card.is-collapsed > .ui4-card-header{
border-bottom:0;
border-radius:9px;
}
.ui_4_theme_shell .ui4-card.is-loading,
.ui_4_theme_shell .ui4-card.ui4-card-loading{
border-color:rgba(23,92,211,.38);
}
.ui_4_theme_shell .ui4-card.is-error,
.ui_4_theme_shell .ui4-card.ui4-card-error{
border-color:rgba(180,35,24,.42);
}
.ui_4_theme_shell .ui4-filter-card > .ui4-card-body{
display:flex;
flex-direction:column;
gap:10px;
}
.ui_4_theme_shell .ui4-filter-form{
display:flex;
flex-direction:column;
gap:8px;
margin:0;
}
.ui_4_theme_shell .ui4-filter-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin:0;
}
.ui_4_theme_shell .ui4-filter-row > label,
.ui_4_theme_shell .ui4-filter-label{
font-size:12px;
font-weight:700;
line-height:1.3;
color:var(--ui4-text-secondary);
}
.ui_4_theme_shell .ui4-filter-control,
.ui_4_theme_shell .ui4-toolbar-control{
box-sizing:border-box;
min-height:36px;
padding:7px 10px;
font:inherit;
font-size:13px;
line-height:1.25;
background:var(--ui4-input-bg);
border:1px solid var(--ui4-input-border);
border-radius:8px;
color:var(--ui4-text);
}
.ui_4_theme_shell textarea.ui4-filter-control{
resize:vertical;
}
.ui_4_theme_shell .ui4-filter-control:focus,
.ui_4_theme_shell .ui4-toolbar-control:focus{
border-color:var(--ui4-focus);
outline:2px solid rgba(29,78,216,.2);
outline-offset:1px;
}
.ui_4_theme_shell .ui4-active-filters{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
padding:8px;
background:var(--ui4-surface-soft);
border:1px solid var(--ui4-border);
border-radius:8px;
}
.ui_4_theme_shell .ui4-filter-chip{
display:inline-flex;
align-items:center;
gap:4px;
min-height:28px;
padding:4px 9px;
font:inherit;
font-size:12px;
line-height:1.2;
cursor:pointer;
background:var(--ui4-surface);
border:1px solid var(--ui4-border);
border-radius:999px;
color:var(--ui4-text);
}
.ui_4_theme_shell .ui4-filter-chip:hover{
background:var(--ui4-header-bg);
}
.ui_4_theme_shell .ui4-filter-chip:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-quick-filters{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
}
.ui_4_theme_shell .ui4-toolbar{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
margin:0 0 10px;
}
.ui_4_theme_shell .ui4-toolbar .ui4-toolbar-search{
min-width:min(320px,100%);
flex:1 1 280px;
}
.ui_4_theme_shell .ui4-toolbar .ui4-toolbar-select{
min-width:150px;
}
.ui_4_theme_shell .ui4-toolbar-count{
margin-left:auto;
font-size:12px;
font-variant-numeric:tabular-nums;
color:var(--ui4-text-secondary);
}
.ui_4_theme_shell .ui4-state-panel{
display:flex;
align-items:flex-start;
gap:10px;
width:100%;
box-sizing:border-box;
padding:12px;
background:var(--ui4-state-panel-bg);
border:1px solid var(--ui4-border);
border-left:4px solid var(--ui4-state-neutral);
border-radius:8px;
color:var(--ui4-text);
}
.ui_4_theme_shell .ui4-state-panel.is-loading,
.ui_4_theme_shell .ui4-state-panel.is-info{
border-left-color:var(--ui4-state-info);
}
.ui_4_theme_shell .ui4-state-panel.is-error{
border-left-color:var(--ui4-state-error);
}
.ui_4_theme_shell .ui4-state-panel.is-success{
border-left-color:var(--ui4-state-success);
}
.ui_4_theme_shell .ui4-state-panel.is-compact{
padding:8px 10px;
}
.ui_4_theme_shell .ui4-state-panel-icon{
flex:0 0 auto;
font-size:18px;
font-weight:700;
line-height:1.15;
color:var(--ui4-state-neutral);
}
.ui_4_theme_shell .ui4-state-panel.is-loading .ui4-state-panel-icon,
.ui_4_theme_shell .ui4-state-panel.is-info .ui4-state-panel-icon{
color:var(--ui4-state-info);
}
.ui_4_theme_shell .ui4-state-panel.is-error .ui4-state-panel-icon{
color:var(--ui4-state-error);
}
.ui_4_theme_shell .ui4-state-panel.is-success .ui4-state-panel-icon{
color:var(--ui4-state-success);
}
.ui_4_theme_shell .ui4-state-panel-content{
display:flex;
flex:1 1 auto;
flex-direction:column;
gap:5px;
min-width:0;
}
.ui_4_theme_shell .ui4-state-panel-title{
font-size:13px;
line-height:1.3;
color:inherit;
}
.ui_4_theme_shell .ui4-state-panel-message{
font-size:13px;
line-height:1.45;
overflow-wrap:anywhere;
}
.ui_4_theme_shell .ui4-state-panel-action{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:2px;
}
.ui_4_theme_shell .ui4-contextual-help,
.ui_4_theme_shell .ui4-contextual-help-panel-wrap,
.ui_4_theme_shell .ui4-contextual-help-feedback,
.ui_4_theme_shell .ui4-contextual-help-error{
width:100%;
min-width:0;
box-sizing:border-box;
}
.ui_4_theme_shell .ui4-contextual-help > [hidden]{display:none!important;}
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-state-panel-content{
align-items:center;
flex-direction:row;
gap:12px;
}
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-state-panel-message{
flex:1 1 auto;
min-width:0;
}
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-state-panel-action{
flex:0 1 auto;
margin-top:0;
margin-left:auto;
}
.ui_4_theme_shell .ui4-contextual-help-form{margin:0;}
.ui_4_theme_shell .ui4-contextual-help-dismiss{
max-width:100%;
white-space:normal;
text-align:left;
}
.ui_4_theme_shell .ui4-contextual-help-dismiss-icon{
flex:0 0 auto;
font-size:18px;
line-height:1;
}
.ui_4_theme_shell .ui4-contextual-help-dismiss:focus-visible,
.ui_4_theme_shell .ui4-contextual-help-undo:focus-visible,
.ui_4_theme_shell .ui4-contextual-help-error:focus-visible{
outline:3px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-contextual-help-form[aria-busy="true"]{cursor:wait;}
@media (max-width:600px){
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-state-panel-content{align-items:stretch;flex-direction:column;}
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-state-panel-action{width:100%;margin-left:0;}
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-contextual-help-form,
.ui_4_theme_shell .ui4-contextual-help-panel .ui4-contextual-help-dismiss{width:100%;}
.ui4-toast{align-items:stretch;flex-direction:column;max-width:100%;}
.ui4-toast-action{width:100%;}
}
.ui_4_theme_shell .ui4-loading-block{
display:block;
width:100%;
height:12px;
border-radius:999px;
background:linear-gradient(90deg,var(--ui4-border) 20%,var(--ui4-surface) 45%,var(--ui4-border) 70%);
background-size:200% 100%;
animation:ui4-shimmer 1.2s ease-in-out infinite;
}
.ui_4_theme_shell .ui4-status-dot{
display:inline-block;
width:9px;
height:9px;
border-radius:999px;
background:var(--ui4-state-neutral);
}
.ui_4_theme_shell .ui4-status-dot.is-online{background:#16a34a;}
.ui_4_theme_shell .ui4-status-dot.is-offline{background:#64748b;}
.ui_4_theme_shell .ui4-status-dot.is-warning{background:#f59e0b;}
.ui_4_theme_shell .ui4-status-dot.is-error{background:#dc2626;}
.ui_4_theme_shell .ui4-status-dot.is-idle{background:#94a3b8;}
.ui_4_theme_shell .ui4-state-inline{
display:inline-flex;
align-items:center;
gap:6px;
font-size:12px;
line-height:1.2;
font-weight:600;
color:var(--ui4-text);
vertical-align:middle;
}
.ui_4_theme_shell .ui4-status-badge.is-warning{background:var(--ui4-state-warning-bg);color:var(--ui4-state-warning);border-color:rgba(154,103,0,.28);}
.ui_4_theme_shell .ui4-status-badge.is-error{background:var(--ui4-state-error-bg);color:var(--ui4-state-error);border-color:rgba(180,35,24,.28);}
.ui_4_theme_shell .ui4-status-badge.is-info{background:var(--ui4-state-info-bg);color:var(--ui4-state-info);border-color:rgba(23,92,211,.28);}
.ui_4_theme_shell .ui4-status-badge.is-neutral{background:var(--ui4-state-neutral-bg);color:var(--ui4-state-neutral);border-color:rgba(71,84,103,.25);}
.ui_4_theme_shell .ui4-status-badge.status-ok{background:var(--ui4-state-success-bg);color:var(--ui4-state-success);border-color:rgba(15,118,110,.28);}
.ui_4_theme_shell .ui4-status-badge.status-warn{background:var(--ui4-state-warning-bg);color:var(--ui4-state-warning);border-color:rgba(154,103,0,.28);}
.ui_4_theme_shell .ui4-status-badge.status-crit{background:var(--ui4-state-error-bg);color:var(--ui4-state-error);border-color:rgba(180,35,24,.28);}
/* UX 4.0 shared operational tables. */
.ui_4_theme_shell .ui4-table-shell{
position:relative;
width:100%;
max-width:100%;
max-height:430px;
box-sizing:border-box;
overflow:auto;
overscroll-behavior:contain;
scrollbar-gutter:stable;
background:var(--ui4-surface);
border:1px solid var(--ui4-border);
border-radius:10px;
}
.ui_4_theme_shell .ui4-table-shell.is-auto-height{max-height:none;}
.ui_4_theme_shell .ui4-table-shell.is-seamless{background:transparent;border:0;border-radius:0;}
.ui_4_theme_shell .ui4-table-shell:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-table{
width:100%;
min-width:680px;
border-collapse:collapse;
border-spacing:0;
table-layout:auto;
color:var(--ui4-text);
}
.ui_4_theme_shell .ui4-table.is-fluid{min-width:0;}
.ui_4_theme_shell .ui4-table.is-fixed{table-layout:fixed;}
.ui_4_theme_shell .ui4-table th,
.ui_4_theme_shell .ui4-table td{
padding:9px 10px;
border:0;
border-bottom:1px solid var(--ui4-border);
font-size:13px;
line-height:1.4;
text-align:left;
vertical-align:middle;
}
.ui_4_theme_shell .ui4-table.is-top-aligned th,
.ui_4_theme_shell .ui4-table.is-top-aligned td{vertical-align:top;}
.ui_4_theme_shell .ui4-table thead th{
position:sticky;
top:0;
z-index:2;
background:var(--ui4-header-bg);
color:var(--ui4-header-fg);
font-weight:700;
}
.ui_4_theme_shell .ui4-table tbody tr:last-child > td,
.ui_4_theme_shell .ui4-table tbody tr:last-child > th{border-bottom:0;}
.ui_4_theme_shell .ui4-table tbody tr:hover{background:var(--ui4-table-row-hover);}
.ui_4_theme_shell .ui4-table tbody tr.is-clickable{cursor:pointer;}
.ui_4_theme_shell .ui4-table-shell.is-compact .ui4-table th,
.ui_4_theme_shell .ui4-table-shell.is-compact .ui4-table td,
.ui_4_theme_shell .ui4-table.is-compact th,
.ui_4_theme_shell .ui4-table.is-compact td{padding:6px 8px;font-size:12px;}
.ui_4_theme_shell .ui4-table .is-numeric,
.ui_4_theme_shell .ui4-table .ops-col-id,
.ui_4_theme_shell .ui4-table td[data-type="numeric"]{
text-align:right;
font-variant-numeric:tabular-nums;
}
.ui_4_theme_shell .ui4-table-sort{
display:inline-flex;
align-items:center;
gap:5px;
max-width:100%;
padding:2px 0;
font:inherit;
font-weight:700;
line-height:1.25;
text-align:left;
cursor:pointer;
background:transparent;
border:0;
color:inherit;
}
.ui_4_theme_shell .ui4-table-sort::after{
content:'⇅';
flex:0 0 auto;
color:var(--ui4-text-secondary);
font-weight:400;
}
.ui_4_theme_shell th[aria-sort="ascending"] .ui4-table-sort::after,
.ui_4_theme_shell .ui4-table-sort.is-asc::after{content:'↑';color:var(--ui4-header-fg);}
.ui_4_theme_shell th[aria-sort="descending"] .ui4-table-sort::after,
.ui_4_theme_shell .ui4-table-sort.is-desc::after{content:'↓';color:var(--ui4-header-fg);}
.ui_4_theme_shell .ui4-table-sort:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
border-radius:3px;
}
.ui_4_theme_shell .ui4-table-footer,
.ui_4_theme_shell .ops-table-footer{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-top:8px;
}
.ui_4_theme_shell .ui4-table-footer-note,
.ui_4_theme_shell .ops-footer-note{font-size:12px;color:var(--ui4-text-secondary);}
/* UX 4.0 shared modal dialog presentation and interaction states. */
body.ui4-modal-open{overflow:hidden;}
.ui_4_theme_shell .ui4-modal-overlay{
display:none;
position:fixed;
inset:0;
z-index:20000;
align-items:center;
justify-content:center;
box-sizing:border-box;
padding:16px;
overflow-y:auto;
opacity:0;
background:var(--ui4-modal-backdrop);
backdrop-filter:blur(2px);
transition:opacity .18s ease;
}
.ui_4_theme_shell .ui4-modal-overlay.is-open{display:flex;opacity:1;}
.ui_4_theme_shell .ui4-modal-overlay.is-closing{opacity:0;}
.ui_4_theme_shell .ui4-modal-dialog,
.ui_4_theme_shell .ui4-modal-card{
display:flex;
flex-direction:column;
width:min(500px,100%);
max-height:calc(100vh - 40px);
overflow:hidden;
background:var(--ui4-surface);
border:1px solid var(--ui4-border);
border-radius:14px;
box-shadow:var(--ui4-modal-shadow);
color:var(--ui4-text);
transform:translateY(8px) scale(.985);
transition:transform .18s ease;
}
.ui_4_theme_shell .ui4-modal-dialog.is-wide,
.ui_4_theme_shell .ui4-modal-card.is-wide{width:min(760px,100%);}
.ui_4_theme_shell .ui4-modal-overlay.is-open .ui4-modal-dialog,
.ui_4_theme_shell .ui4-modal-overlay.is-open .ui4-modal-card{transform:translateY(0) scale(1);}
.ui_4_theme_shell .ui4-modal-dialog:focus,
.ui_4_theme_shell .ui4-modal-card:focus{outline:none;}
.ui_4_theme_shell .ui4-modal-header{
display:flex;
align-items:center;
gap:10px;
padding:12px 14px;
background:var(--ui4-header-bg);
border-bottom:1px solid var(--ui4-border);
}
.ui_4_theme_shell .ui4-modal-title{
margin:0;
font-size:18px;
font-weight:700;
line-height:1.3;
color:var(--ui4-header-fg);
}
.ui_4_theme_shell .ui4-modal-body{
padding:14px 16px;
overflow:auto;
font-size:14px;
line-height:1.45;
color:var(--ui4-text);
}
.ui_4_theme_shell .ui4-modal-actions{
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:8px;
padding:10px 16px 14px;
background:var(--ui4-surface);
border-top:1px solid var(--ui4-border);
}
.ui_4_theme_shell .ui4-modal-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
margin-left:auto;
padding:0;
font:inherit;
font-size:20px;
line-height:1;
cursor:pointer;
background:var(--ui4-surface);
border:1px solid var(--ui4-border);
border-radius:999px;
color:var(--ui4-header-fg);
}
.ui_4_theme_shell .ui4-modal-close:hover{background:var(--ui4-control-hover);}
.ui_4_theme_shell .ui4-modal-close:focus-visible{
outline:2px solid var(--ui4-focus);
outline-offset:2px;
}
.ui_4_theme_shell .ui4-modal-alert{
padding:10px 12px;
background:var(--ui4-surface-soft);
border:1px solid var(--ui4-border);
border-left:4px solid var(--ui4-state-warning);
border-radius:8px;
}
.ui_4_theme_shell .ui4-modal-alert.is-danger{border-left-color:var(--ui4-state-error);}
.ui_4_theme_shell .ui4-modal-form{display:flex;flex-direction:column;gap:10px;}
.ui_4_theme_shell .ui4-modal-form .ui4-filter-control{max-width:100%;}
.ui_4_theme_shell .ui4-modal-metric-input{width:90px;min-width:70px;}
@keyframes ui4-shimmer{
0%{background-position:200% 0;}
100%{background-position:-200% 0;}
}
@keyframes ui4-dot-pulse{
0%{opacity:1;box-shadow:0 0 0 0 rgba(22,163,74,.55);}
70%{opacity:.45;box-shadow:0 0 0 6px rgba(22,163,74,0);}
100%{opacity:1;box-shadow:0 0 0 0 rgba(22,163,74,0);}
}
@keyframes ui4-spin{
to{transform:rotate(360deg);}
}
@keyframes ui4-theme-saving{
from{opacity:.38;transform:scale(.82);}
to{opacity:1;transform:scale(1);}
}
/* Pilot-scoped native mobile shell; legacy pages keep the fixed desktop frame. */
@media (max-width:760px){
html.ui4-responsive-document,
html.ui4-responsive-document body{
width:100%;
min-width:0;
overflow-x:hidden;
}
html.ui4-responsive-document #inner_main,
html.ui4-responsive-document #inner_main_centre,
html.ui4-responsive-document #wrapper,
html.ui4-responsive-document #inner_body_container{
float:none;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
}
html.ui4-responsive-document #wrapper{
margin:0;
}
html.ui4-responsive-document #header{
display:flex;
align-items:flex-start;
gap:8px;
float:none;
width:100%;
min-height:68px;
height:auto;
padding:8px 10px 4px;
box-sizing:border-box;
}
html.ui4-responsive-document #header > a{
display:block;
flex:0 0 145px;
max-width:38vw;
}
html.ui4-responsive-document #header .logo{
display:block;
float:none;
width:100%;
max-width:145px;
height:auto;
}
html.ui4-responsive-document #header .right_details{
float:none;
flex:1 1 auto;
min-width:0;
width:auto;
}
html.ui4-responsive-document #header .top_menu{
float:none;
width:100%;
padding:2px 0 0;
overflow-x:auto;
overflow-y:hidden;
box-sizing:border-box;
-webkit-overflow-scrolling:touch;
}
html.ui4-responsive-document #header .top_menu ul{
display:flex;
float:none;
width:max-content;
min-width:100%;
}
html.ui4-responsive-document #header .top_menu ul li{
float:none;
flex:0 0 auto;
padding:0 6px;
}
html.ui4-responsive-document #header .users_online{
display:block;
float:none;
width:100%;
padding:6px 2px 0;
box-sizing:border-box;
overflow:hidden;
text-align:right;
text-overflow:ellipsis;
white-space:nowrap;
}
html.ui4-responsive-document #inner_body_container{
clear:both;
padding:42px 10px 24px;
}
html.ui4-responsive-document #inner_body_container #admin_hamburger_menu,
html.ui4-responsive-document #inner_body_container.admin-menu-collapsed #admin_hamburger_menu{
top:4px;
right:auto;
left:10px;
width:36px;
height:32px;
border:1px solid #a69174;
border-radius:7px;
line-height:30px;
}
html.ui4-responsive-document #inner_body_container #left_section{
float:none;
width:100%;
max-width:100%;
max-height:calc(100vh - 126px);
max-height:calc(100dvh - 126px);
margin:0 0 12px;
padding:8px 10px;
box-sizing:border-box;
overflow:auto;
overscroll-behavior:contain;
background:#f4f0e8;
border:1px solid #d8cdbd;
border-radius:8px;
}
html.ui4-responsive-document #inner_body_container #left_section.sidebar-enhanced{
padding:8px 10px;
}
html.ui4-responsive-document #inner_body_container #left_section .ui4-sidebar-theme-host{
position:sticky;
bottom:0;
z-index:2;
margin-top:10px;
}
html.ui4-responsive-document #inner_body_container #left_section .ui4-theme-switcher-sidebar{
grid-template-columns:repeat(4,minmax(0,1fr));
}
html.ui4-responsive-document #inner_body_container #left_section .ui4-theme-switcher-sidebar .ui4-theme-option{
justify-content:center;
min-height:40px;
}
html.ui4-responsive-document #inner_body_container #left_section .ui4-sidebar-surface-toggle{
min-height:40px;
}
html.ui4-responsive-document #inner_body_container #middle_section.command-center.ui_4_theme_shell,
html.ui4-responsive-document #inner_body_container.admin-menu-collapsed #middle_section.command-center.ui_4_theme_shell{
float:none;
width:100%;
max-width:100%;
min-width:0;
}
html.ui4-responsive-document #footer{
float:none;
clear:both;
width:100%;
}
html.ui4-responsive-document #footer .wrapper{
display:flex;
flex-wrap:wrap;
width:100%;
max-width:100%;
padding:0 10px;
box-sizing:border-box;
}
html.ui4-responsive-document #footer .cols,
html.ui4-responsive-document #footer .cols.space_none{
float:none;
width:50%;
padding:0 10px 18px;
box-sizing:border-box;
}
#middle_section.command-center.ui_4_theme_shell{width:100%;float:none;max-width:100%;}
.ui_4_theme_shell .mx-admin-container{float:none;width:100%;min-width:0;padding:10px;box-sizing:border-box;}
.ui_4_theme_shell .ui4-page-header{padding:9px 10px;}
.ui_4_theme_shell .ui4-page-header-main{align-items:flex-start;flex-direction:column;}
#middle_section.ui_4_theme_shell .ui4-page-header .admin-page-title{font-size:24px;}
#middle_section.ui_4_theme_shell .ux-ref-section-title{font-size:18px;}
.ui_4_theme_shell .ui4-page-header-tools{width:100%;justify-content:flex-start;margin-left:0;}
.ui_4_theme_shell .ui4-page-header .admin-page-subtitle.admin-subtitle-strip{max-width:100%;font-size:13px;}
.ui_4_theme_shell .ui4-action-bar{align-items:stretch;flex-direction:column;padding:8px;}
.ui_4_theme_shell .ui4-action-bar-main,.ui_4_theme_shell .ui4-action-bar-controls{width:100%;margin-left:0;}
.ui_4_theme_shell .ui4-theme-switcher{width:100%;}
.ui_4_theme_shell .ui4-theme-switcher-label{width:100%;margin-bottom:2px;}
.ui_4_theme_shell .ui4-theme-option{flex:1 1 118px;}
.ui_4_theme_shell .ui4-card > .ui4-card-header{align-items:flex-start;}
.ui_4_theme_shell .ui4-card-header-tools,
.ui_4_theme_shell .ui4-card-header-meta,
.ui_4_theme_shell .ui4-card .admin-card-header-meta{width:100%;margin-left:0;justify-content:flex-start;}
.ui_4_theme_shell .ui4-filter-row{align-items:stretch;}
.ui_4_theme_shell .ui4-filter-row > label{width:100%;}
.ui_4_theme_shell .ui4-filter-control{width:100%;}
.ui_4_theme_shell .ui4-toolbar-count{width:100%;margin-left:0;}
.ui_4_theme_shell .bookmark-toolbar-controls{min-width:0;}
.ui_4_theme_shell .bookmark-section-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;}
.ui_4_theme_shell .ui4-modal-overlay{padding:10px;align-items:flex-start;}
.ui_4_theme_shell .ui4-modal-dialog,
.ui_4_theme_shell .ui4-modal-card{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);}
.ui_4_theme_shell .ui4-modal-actions > *{flex:1 1 auto;justify-content:center;}
.ui_4_theme_shell .ui4-table-shell{max-width:100%;-webkit-overflow-scrolling:touch;}
.ui4-toast-wrap{right:10px;bottom:10px;left:10px;}
.ui4-toast{width:auto;min-width:0;}
}
@media (max-width:480px){
html.ui4-responsive-document #footer .cols,
html.ui4-responsive-document #footer .cols.space_none{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.ui_4_theme_shell .ui4-live-dot,.ui_4_theme_shell .ui4-btn-spinner,.ui_4_theme_shell .ui4-loading-block,.ui_4_theme_shell .ui4-theme-switcher.is-saving .ui4-theme-swatch{animation:none;}
.ui_4_theme_shell .ui4-modal-overlay,.ui_4_theme_shell .ui4-modal-dialog,.ui_4_theme_shell .ui4-modal-card{transition:none;}
}

/* UX4 dense data-workflow primitives. Keep controls reusable across admin families. */
.ui_4_theme_shell .ui4-filter-grid{
display:grid;
grid-template-columns:repeat(4,minmax(140px,1fr));
gap:10px;
width:100%;
}
.ui_4_theme_shell .ui4-field{
display:flex;
flex-direction:column;
gap:4px;
min-width:0;
margin:0;
}
.ui_4_theme_shell .ui4-field-label{
font-size:12px;
font-weight:700;
color:var(--ui4-text-secondary,#526273);
}
.ui_4_theme_shell .ui4-field > .ui4-filter-control{
box-sizing:border-box;
width:100%;
min-height:34px;
}
.ui_4_theme_shell .ui4-field-span-2{grid-column:span 2;}
.ui_4_theme_shell .ui4-result-toolbar{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:10px;
margin:0 0 12px;
padding:10px 12px;
border:1px solid var(--ui4-border,#d7e0e8);
border-radius:10px;
background:var(--ui4-surface,#fff);
}
.ui_4_theme_shell .ui4-result-toolbar-summary{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.ui_4_theme_shell .ui4-result-toolbar-summary > span{
color:var(--ui4-text-secondary,#526273);
font-size:12px;
}
.ui_4_theme_shell .ui4-pagination{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:10px;
margin:14px 0 4px;
}
@media (max-width:900px){
.ui_4_theme_shell .ui4-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr));}
}
@media (max-width:600px){
.ui_4_theme_shell .ui4-filter-grid{grid-template-columns:1fr;}
.ui_4_theme_shell .ui4-field-span-2{grid-column:auto;}
.ui_4_theme_shell .ui4-result-toolbar{align-items:flex-start;flex-direction:column;}
}

/* UX4 comparison and progress primitives. */
.ui_4_theme_shell .ui4-comparison-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-items:stretch;
}
.ui_4_theme_shell .ui4-comparison-pane{
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
padding:12px;
border:1px solid var(--ui4-border,#d7e0e8);
border-radius:10px;
background:var(--ui4-surface,#fff);
}
.ui_4_theme_shell .ui4-comparison-pane.is-target{
border-color:var(--ui4-header-fg,#315f91);
box-shadow:inset 0 3px 0 var(--ui4-header-fg,#315f91);
}
.ui_4_theme_shell .ui4-comparison-heading{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:8px;
font-size:13px;
font-weight:800;
color:var(--ui4-text,#1f2d3d);
}
.ui_4_theme_shell .ui4-comparison-meta{
display:flex;
flex-wrap:wrap;
gap:6px 12px;
font-size:12px;
color:var(--ui4-text-secondary,#526273);
}
.ui_4_theme_shell .ui4-comparison-content{
min-width:0;
line-height:1.55;
overflow-wrap:anywhere;
white-space:pre-wrap;
}
.ui_4_theme_shell .ui4-comparison-editor{
box-sizing:border-box;
width:100%;
min-height:112px;
resize:vertical;
}
.ui_4_theme_shell .ui4-progress{
position:relative;
height:9px;
overflow:hidden;
border:1px solid var(--ui4-border,#d7e0e8);
border-radius:999px;
background:var(--ui4-surface-muted,#edf2f7);
}
.ui_4_theme_shell .ui4-progress > span{
display:block;
height:100%;
max-width:100%;
border-radius:inherit;
background:var(--ui4-header-fg,#315f91);
}
.ui_4_theme_shell .ui4-progress.is-complete > span{
background:var(--ui4-state-success,#18794e);
}
@media (max-width:700px){
.ui_4_theme_shell .ui4-comparison-grid{grid-template-columns:minmax(0,1fr);}
}

/* UX4 shared composer toolbar and editor workspace. */
.ui_4_theme_shell .ui4-editor-page{display:flex;flex-direction:column;gap:12px;}
.ui_4_theme_shell .ui4-editor-card{margin-bottom:0;}
.ui_4_theme_shell .ui4-composer-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:8px;background:var(--ui4-surface-soft);border:1px solid var(--ui4-border);border-radius:8px;}
.ui_4_theme_shell .ui4-composer-button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 9px;cursor:pointer;background:var(--ui4-control-bg);border:1px solid var(--ui4-control-border);border-radius:7px;color:var(--ui4-control-text);font:inherit;font-weight:700;}
.ui_4_theme_shell .ui4-composer-button:hover{background:var(--ui4-control-hover);}
.ui_4_theme_shell .ui4-composer-button:focus-visible{outline:2px solid var(--ui4-focus);outline-offset:2px;}
.ui_4_theme_shell .ui4-composer-icon{width:38px;min-width:38px;padding:0;background-repeat:no-repeat;background-position:center;background-size:16px 16px;}
.ui_4_theme_shell .ui4-composer-icon span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ui_4_theme_shell .ui4-composer-icon.is-aid{background-image:url('../images/user-white.png');}
.ui_4_theme_shell .ui4-composer-icon.is-tid{background-image:url('../images/user-business.png');}
.ui_4_theme_shell .ui4-composer-icon.is-team{background-image:url('../images/users.png');}
.ui_4_theme_shell .ui4-composer-icon.is-user{background-image:url('../images/user2.png');}
.ui_4_theme_shell .ui4-composer-icon.is-sid{background-image:url('../images/sid-relay.png');}
.ui_4_theme_shell .ui4-composer-icon.is-league{background-image:url('../images/application-list.png');}
.ui_4_theme_shell .ui4-composer-icon.is-man{background-image:url('../images/trophy.png');}
.ui_4_theme_shell .ui4-composer-icon.is-event{background-image:url('../images/event.png');}
.ui_4_theme_shell .ui4-composer-icon.is-imp{background-image:url('../images/arena.png');}
.ui_4_theme_shell .ui4-composer-icon.is-thread{background-image:url('../images/application-text.png');}
.ui_4_theme_shell .ui4-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;}
.ui_4_theme_shell .ui4-editor-pane{min-width:0;}
.ui_4_theme_shell .ui4-editor-input{display:block;width:100%;min-height:300px;margin:0;line-height:1.45;}
.ui_4_theme_shell .ui4-editor-preview{box-sizing:border-box;min-height:300px;padding:10px;overflow:auto;word-break:break-word;white-space:pre-wrap;background:var(--ui4-input-bg);border:1px solid var(--ui4-input-border);border-radius:8px;color:var(--ui4-text);}
.ui_4_theme_shell .ui4-editor-preview pre{overflow:auto;padding:8px;background:var(--ui4-surface-soft);border-radius:6px;}
.ui_4_theme_shell .ui4-editor-preview code{padding:1px 3px;background:var(--ui4-surface-soft);border-radius:4px;}
.ui_4_theme_shell .ui4-editor-meta{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--ui4-text-secondary);font-size:12px;font-weight:700;}
.ui_4_theme_shell .ui4-editor-counter{width:72px;min-height:32px;text-align:center;}
.ui_4_theme_shell .notepad-autosave-status{display:none;}
@media (max-width:900px){.ui_4_theme_shell .ui4-editor-workspace{grid-template-columns:1fr;}.ui_4_theme_shell .ui4-editor-input,.ui_4_theme_shell .ui4-editor-preview{min-height:200px;font-size:16px;line-height:1.45;}.ui_4_theme_shell .ui4-composer-button{min-height:38px;}}


/* UX4 async persistence state: shared by editors, inline notes and future AJAX forms. */
.ui4-async-status {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 24px;
	padding: 3px 9px;
	border: 1px solid var(--ui4-border, #d8e0e8);
	border-radius: 999px;
	background: var(--ui4-surface-muted, #f4f7fa);
	color: var(--ui4-text-muted, #596676);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
}

.ui4-async-status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}

.ui4-async-status.is-dirty {
	color: var(--ui4-warning, #8b6415);
	background: color-mix(in srgb, var(--ui4-warning, #d19b2a) 10%, var(--ui4-surface, #fff));
}

.ui4-async-status.is-saving {
	color: var(--ui4-info, #2f6ca3);
}

.ui4-async-status.is-saving::before {
	animation: ui4-async-pulse 900ms ease-in-out infinite alternate;
}

.ui4-async-status.is-saved {
	color: var(--ui4-success, #2d7b4f);
	background: color-mix(in srgb, var(--ui4-success, #3a9361) 10%, var(--ui4-surface, #fff));
}

.ui4-async-status.is-error {
	color: var(--ui4-danger, #ad3528);
	background: color-mix(in srgb, var(--ui4-danger, #c74636) 10%, var(--ui4-surface, #fff));
}

@keyframes ui4-async-pulse {
	from { opacity: .45; transform: scale(.82); }
	to { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.ui4-async-status.is-saving::before { animation: none; }
}

.ui4-editor-pane-heading {
	margin: 0 0 8px;
	color: var(--ui4-text, #25374a);
	font-size: 13px;
	font-weight: 800;
}

.ui4-editor-preview-body {
	min-height: 100%;
}

.bookmark-toolbar-search {
	min-width: min(260px, 100%);
}

.bookmark-search-empty[hidden] {
	display: none !important;
}

.ux4-bookmarks-table thead th {
	white-space: nowrap;
}

.ux4-bookmarks-table .bookmark-col-heading-action {
	text-align: center;
}

@media (max-width: 700px) {
	.bookmark-toolbar-search {
		width: 100%;
	}
}

/* UX4 secured Cron operations family (MX-R030 / CRN-1). */
.cron-operations-page,
.cron-log-page {
	--cron-row-ready-bg: var(--ui4-state-success-bg);
	--cron-row-running-bg: var(--ui4-state-warning-bg);
	--cron-row-error-bg: var(--ui4-state-error-bg);
	--cron-row-paused-bg: var(--ui4-state-warning-bg);
}

#middle_section.cron-operations-page .page_details,
#middle_section.cron-detail-page .page_details,
#middle_section.cron-log-page .page_details {
	float: none;
	width: 100%;
	min-width: 0;
	max-width: 1240px;
	box-sizing: border-box;
}

.cron-operations-page .cron-layout,
.cron-detail-page .cron-detail-layout {
	display: flex;
	flex-direction: column;
	gap: var(--ux-space-3);
}

.cron-operations-page .cron-summary-card,
.cron-operations-page .cron-card,
.cron-detail-page .cron-detail-card {
	margin-bottom: 0;
}

.cron-operations-page .cron-toolbar {
	align-items: end;
	margin-bottom: var(--ux-space-3);
}

.cron-operations-page #last-update,
.cron-detail-page .cron-refresh-meta {
	color: var(--ui4-text-secondary);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
}

.cron-operations-page #cron-poll-status {
	margin-bottom: var(--ux-space-3);
}

.cron-operations-page .cron-flow-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: var(--ux-space-3);
	padding: 10px 12px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 10px;
}

.cron-operations-page .cron-flow-summary {
	color: var(--ui4-text);
	font-size: 13px;
	line-height: 1.45;
}

.cron-operations-page .cron-flow-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.cron-operations-page .cron-flow-notice {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	border: 1px solid var(--ui4-border);
	border-radius: 8px;
	font-size: 12px;
}

.cron-operations-page .cron-flow-notice.ok {
	background: var(--ui4-state-success-bg);
	color: var(--ui4-state-success);
}

.cron-operations-page .cron-flow-notice.err {
	background: var(--ui4-state-error-bg);
	color: var(--ui4-state-error);
}

.cron-operations-page .cron-ops-kpi,
.cron-operations-page .cron-kpi,
.cron-detail-page .kpi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 8px;
}

.cron-operations-page .kpi-item,
.cron-detail-page .kpi {
	min-width: 0;
	padding: 8px 10px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 8px;
}

.cron-operations-page .kpi-label,
.cron-detail-page .kpi .lbl {
	display: block;
	color: var(--ui4-text-secondary);
	font-size: 11px;
	line-height: 1.25;
	text-transform: uppercase;
}

.cron-operations-page .kpi-value,
.cron-detail-page .kpi .val {
	display: block;
	color: var(--ui4-header-fg);
	font-size: 19px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.cron-operations-page .cron-list-toolbar {
	display: grid;
	grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr)) auto auto;
	align-items: end;
	gap: 8px;
	margin-bottom: 10px;
}

.cron-operations-page .cron-check-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 36px;
	color: var(--ui4-text-secondary);
	font-size: 12px;
	font-weight: 700;
}

.cron-operations-page .cron-table-wrap,
.cron-operations-page .cron-last-table-wrap,
.cron-detail-page .cron-detail-table-wrap {
	max-height: none;
	margin-bottom: 10px;
}

.cron-operations-page .cron-table {
	min-width: 980px;
	table-layout: fixed;
}

.cron-operations-page .cron-last-table {
	min-width: 920px;
}

.cron-operations-page .cron-col-cron {
	width: 46%;
	min-width: 220px;
}

.cron-operations-page .cron-col-next,
.cron-operations-page .cron-col-estimated {
	width: 20%;
	min-width: 120px;
	white-space: normal;
}

.cron-operations-page .cron-col-actions {
	width: 34%;
	min-width: 210px;
}

.cron-operations-page .schedule-grid,
.cron-operations-page .cron-cell-meta,
.cron-operations-page .cron-cell-lastlog {
	display: grid;
	gap: 5px;
}

.cron-operations-page .cron-cell-meta,
.cron-operations-page .cron-cell-lastlog {
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px dashed var(--ui4-border);
}

.cron-operations-page .cron-schedule-pipeline {
	margin-top: 6px;
	padding: 6px 8px;
	color: var(--ui4-text-secondary);
	background: var(--ui4-surface-soft);
	border: 1px dashed var(--ui4-border);
	border-radius: 7px;
	font-size: 11px;
}

.cron-operations-page .cron-row-actions {
	min-width: 180px;
}

.cron-operations-page .cron-row-actions > summary {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 5px 10px;
	cursor: pointer;
	color: var(--ui4-btn-secondary-text);
	background: var(--ui4-btn-secondary-bg);
	border: 1px solid var(--ui4-btn-secondary-border);
	border-radius: 7px;
	font-weight: 700;
	list-style: none;
}

.cron-operations-page .cron-row-actions > summary::-webkit-details-marker {
	display: none;
}

.cron-operations-page .cron-row-actions > summary::after {
	content: "▾";
	margin-left: 8px;
}

.cron-operations-page .cron-row-actions[open] > summary::after {
	content: "▴";
}

.cron-operations-page .cron-row-actions > summary:focus-visible,
.cron-operations-page .cron-help-details > summary:focus-visible {
	outline: 2px solid var(--ui4-focus);
	outline-offset: 2px;
}

.cron-operations-page .cron-row-actions-menu {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 5px;
	margin-top: 6px;
	padding: 8px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 8px;
}

.cron-operations-page .btn-cron-action,
.cron-operations-page .btn-toggle-pausa,
.cron-operations-page .btn-rollback-run,
.cron-operations-page .cron-btn-link,
.cron-detail-page .log-btn {
	box-sizing: border-box;
	justify-content: center;
	min-height: 30px;
	margin: 0;
	font-size: 12px;
	text-decoration: none;
}

.cron-operations-page .cron-btn-link,
.cron-detail-page .log-btn {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	color: var(--ui4-btn-secondary-text);
	background: var(--ui4-btn-secondary-bg);
	border: 1px solid var(--ui4-btn-secondary-border);
	border-radius: 7px;
}

.cron-operations-page .btn-rollback-run {
	color: #fff;
	background: var(--ui4-state-error);
	border-color: var(--ui4-state-error);
}

.cron-operations-page .cron-help-details {
	margin-top: 10px;
	padding: 8px 10px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 8px;
}

.cron-operations-page .cron-help-details > summary,
.cron-detail-page .runtime-collapsible > summary {
	cursor: pointer;
	color: var(--ui4-header-fg);
	font-weight: 700;
}

.cron-operations-page .cron-note {
	color: var(--ui4-text-secondary);
	font-size: 12px;
	line-height: 1.45;
}

.cron-operations-page .cron-note p {
	margin: 8px 0 0;
}

.cron-operations-page .cron-paused {
	box-shadow: inset 4px 0 0 var(--ui4-state-warning);
	background: var(--cron-row-paused-bg);
}

.cron-operations-page .cron-paused-flow {
	box-shadow: inset 4px 0 0 var(--ui4-state-warning);
	background: var(--cron-row-paused-bg);
}

.cron-operations-page .cron-past {
	background: var(--cron-row-ready-bg);
}

.cron-operations-page .cron-error,
.cron-operations-page .run-error {
	background: var(--cron-row-error-bg);
}

.cron-operations-page .cron-in-esecuzione,
.cron-operations-page .run-slow-medium,
.cron-operations-page .run-slow-high {
	background: var(--cron-row-running-bg);
}

.cron-operations-page .cron-paused-badge,
.cron-operations-page .cron-flow-paused-badge,
.cron-operations-page .cron-mini-tag,
.cron-operations-page .stato-pill,
.cron-operations-page .cron-flow-chip,
.cron-operations-page .cron-pipeline-status,
.cron-detail-page .source-badge,
.cron-detail-page .badge-status,
.cron-detail-page .phase-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 7px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
}

.cron-operations-page .cron-paused-badge,
.cron-operations-page .cron-flow-paused-badge,
.cron-operations-page .stato-pill-pausa,
.cron-operations-page .cron-flow-chip.paused,
.cron-operations-page .pipeline-yielded {
	color: var(--ui4-state-warning);
	background: var(--ui4-state-warning-bg);
	border-color: currentColor;
}

.cron-operations-page .stato-pill-pronto,
.cron-operations-page .stato-pill-past,
.cron-operations-page .cron-flow-chip.active,
.cron-operations-page .pipeline-step-done {
	color: var(--ui4-state-success);
	background: var(--ui4-state-success-bg);
	border-color: currentColor;
}

.cron-operations-page .stato-pill-pianificato,
.cron-operations-page .stato-pill-esecuzione,
.cron-operations-page .pipeline-running,
.cron-operations-page .pipeline-step-current {
	color: var(--ui4-state-info);
	background: var(--ui4-state-info-bg);
	border-color: currentColor;
}

.cron-operations-page .stato-pill-errore,
.cron-operations-page .pipeline-error {
	color: var(--ui4-state-error);
	background: var(--ui4-state-error-bg);
	border-color: currentColor;
}

.cron-operations-page .cron-mini-tag,
.cron-operations-page .pipeline-idle {
	color: var(--ui4-state-neutral);
	background: var(--ui4-state-neutral-bg);
	border-color: currentColor;
}

.cron-operations-page .run-desc,
.cron-operations-page .cron-pipeline-note,
.cron-operations-page .cron-pipeline-updated,
.cron-operations-page .cron-pipeline-details {
	color: var(--ui4-text-secondary);
	font-size: 11px;
}

.cron-operations-page .cron-pipeline-box {
	font-size: 11px;
	line-height: 1.4;
}

.cron-operations-page .cron-pipeline-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.cron-operations-page .cron-pipeline-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 4px;
	margin-top: 5px;
}

.cron-operations-page .pipeline-step {
	padding: 3px 4px;
	color: var(--ui4-text-secondary);
	background-color: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 5px;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
}

.cron-operations-page .pipeline-step-disabled {
	opacity: .65;
}

.cron-operations-page .cron-policy-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.cron-operations-page .cron-modal-form {
	display: contents;
}

.cron-operations-page .policy-json {
	min-height: 110px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 12px;
}

.cron-operations-page .policy-validation {
	min-height: 18px;
	font-size: 12px;
}

.cron-operations-page .policy-validation.ok {
	color: var(--ui4-state-success);
}

.cron-operations-page .policy-validation.err {
	color: var(--ui4-state-error);
}

.cron-operations-page #pipeline-atleti-multi-box {
	display: grid;
	gap: 7px;
	padding: 9px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 8px;
}

.cron-operations-page .reset-modal-body {
	font-size: 13px;
	line-height: 1.45;
}

.cron-operations-page .reset-warning {
	color: var(--ui4-state-warning);
}

.cron-operations-page .reset-ok {
	color: var(--ui4-state-success);
}

.cron-detail-page .cron-detail-header-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.cron-detail-page .kpi-grid {
	margin: 0 0 12px;
}

.cron-detail-page .legend-inline,
.cron-detail-page .filter-bar,
.cron-detail-page .pagination,
.cron-detail-page .actions-stack {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.cron-detail-page .filter-bar {
	align-items: end;
	margin: 10px 0 14px;
	padding: 10px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 10px;
}

.cron-detail-page .chart-cont,
.cron-detail-page .top-errors {
	padding: 10px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 10px;
}

.cron-detail-page .top-errors {
	margin-bottom: 12px;
}

.cron-detail-page .cron-detail-table {
	min-width: 760px;
}

.cron-detail-page .source-scheduler {
	color: var(--ui4-state-info);
	background: var(--ui4-state-info-bg);
}

.cron-detail-page .source-manual,
.cron-detail-page .st-warning,
.cron-detail-page .st-anom {
	color: var(--ui4-state-warning);
	background: var(--ui4-state-warning-bg);
}

.cron-detail-page .source-other,
.cron-detail-page .source-unknown,
.cron-detail-page .st-nd {
	color: var(--ui4-state-neutral);
	background: var(--ui4-state-neutral-bg);
}

.cron-detail-page .st-ok {
	color: var(--ui4-state-success);
	background: var(--ui4-state-success-bg);
}

.cron-detail-page .st-error {
	color: var(--ui4-state-error);
	background: var(--ui4-state-error-bg);
}

.cron-detail-page .cron-alert {
	margin-bottom: 10px;
	padding: 10px 12px;
	border: 1px solid var(--ui4-border);
	border-radius: 9px;
}

.cron-detail-page .cron-alert-warning {
	color: var(--ui4-state-warning);
	background: var(--ui4-state-warning-bg);
}

.cron-detail-page .cron-alert-error {
	color: var(--ui4-state-error);
	background: var(--ui4-state-error-bg);
}

.cron-detail-page .ui4-state-panel.is-stale {
	color: var(--ui4-state-warning);
	background: var(--ui4-state-warning-bg);
	border-color: currentColor;
}

.cron-detail-page .phase-cell {
	min-width: 250px;
}

.cron-detail-page .phase-track {
	display: flex;
	width: 100%;
	height: 8px;
	margin-bottom: 6px;
	overflow: hidden;
	background: var(--ui4-state-neutral-bg);
	border: 1px solid var(--ui4-border);
	border-radius: 999px;
}

.cron-detail-page .phase-seg {
	min-width: 4px;
	height: 100%;
}

.cron-detail-page .phase-seg.f1 { background: #0ea5e9; }
.cron-detail-page .phase-seg.f2 { background: #22c55e; }
.cron-detail-page .phase-seg.f3 { background: #f59e0b; }
.cron-detail-page .phase-seg.fx { background: #7c3aed; }

.cron-detail-page .phase-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.cron-detail-page .phase-muted,
.cron-detail-page .duration-sub,
.cron-detail-page .cron-config-hint {
	color: var(--ui4-text-secondary);
	font-size: 11px;
}

.cron-detail-page .duration-main {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.cron-detail-page .duration-sub {
	display: block;
	margin-top: 4px;
}

.cron-detail-page .pagination {
	justify-content: flex-end;
	margin: 8px 0;
}

.cron-detail-page .pagination a,
.cron-detail-page .pagination span {
	padding: 5px 8px;
	color: var(--ui4-btn-secondary-text);
	background: var(--ui4-btn-secondary-bg);
	border: 1px solid var(--ui4-btn-secondary-border);
	border-radius: 7px;
	text-decoration: none;
}

.cron-detail-page .pagination .current {
	color: var(--ui4-btn-primary-text);
	background: var(--ui4-btn-primary-bg);
}

.cron-detail-page .refresh-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	padding: 6px 10px;
	color: var(--ui4-state-info);
	background: var(--ui4-state-info-bg);
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}

.cron-detail-page .refresh-dot {
	width: 8px;
	height: 8px;
	background: var(--ui4-state-success);
	border-radius: 50%;
}

.cron-detail-page .refresh-off .refresh-dot {
	background: var(--ui4-state-neutral);
}

.cron-detail-page .runtime-collapsible {
	margin: 12px 0;
	padding: 9px 10px;
	background: var(--ui4-surface-soft);
	border: 1px solid var(--ui4-border);
	border-radius: 9px;
}

.cron-detail-page .runtime-collapsible > summary {
	margin-bottom: 8px;
}

.cron-detail-page .cron-log-content,
.cron-log-page .cron-log-content {
	min-height: 220px;
	padding: 12px;
	overflow: auto;
	color: #e2e8f0;
	background: #0f172a;
	border-radius: 10px;
	font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.cron-detail-page .log-error { color: #fecaca; }
.cron-detail-page .log-warning { color: #fed7aa; }
.cron-detail-page .log-info { color: #93c5fd; }

.cron-log-page .cron-log-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.cron-log-page .cron-log-meta {
	color: var(--ui4-text-secondary);
	font-size: 12px;
}

@media (max-width: 1024px) {
	.cron-operations-page .cron-list-toolbar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cron-operations-page .cron-list-toolbar .ui4-field-span-2 {
		grid-column: span 2;
	}
}

@media (max-width: 800px) {
	.cron-operations-page .cron-table {
		min-width: 0;
		border: 0;
	}

	.cron-operations-page .cron-table thead {
		display: none;
	}

	.cron-operations-page .cron-table,
	.cron-operations-page .cron-table tbody,
	.cron-operations-page .cron-table tr,
	.cron-operations-page .cron-table td {
		display: block;
		width: 100%;
	}

	.cron-operations-page .cron-table tr {
		margin-bottom: 10px;
		overflow: hidden;
		border: 1px solid var(--ui4-border);
		border-radius: 9px;
	}

	.cron-operations-page .cron-table td {
		box-sizing: border-box;
		border: 0;
		border-top: 1px solid var(--ui4-border);
	}

	.cron-operations-page .cron-table td:first-child {
		border-top: 0;
	}

	.cron-operations-page .cron-table td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: 4px;
		color: var(--ui4-text-secondary);
		font-size: 11px;
		font-weight: 700;
	}

	.cron-operations-page .cron-col-cron,
	.cron-operations-page .cron-col-next,
	.cron-operations-page .cron-col-estimated,
	.cron-operations-page .cron-col-actions {
		width: 100%;
		min-width: 0;
	}

	.cron-operations-page .cron-row-actions,
	.cron-operations-page .cron-row-actions > summary {
		width: 100%;
		box-sizing: border-box;
	}

	.cron-operations-page .cron-row-actions > summary {
		justify-content: space-between;
	}

	.cron-detail-page .filter-bar {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 600px) {
	.cron-operations-page .cron-list-toolbar,
	.cron-operations-page .cron-policy-grid {
		grid-template-columns: 1fr;
	}

	.cron-operations-page .cron-list-toolbar .ui4-field-span-2 {
		grid-column: auto;
	}

	.cron-operations-page .cron-row-actions-menu {
		grid-template-columns: 1fr;
	}

	.cron-operations-page .cron-flow-actions,
	.cron-operations-page .cron-flow-actions > *,
	.cron-operations-page .cron-toolbar,
	.cron-operations-page .cron-toolbar > * {
		width: 100%;
	}

	.cron-detail-page .cron-detail-header-actions,
	.cron-detail-page .cron-detail-header-actions > * {
		width: 100%;
	}
}