:root {
        --text: #565656;
--links: #0086D6;
--titles: #000000;
--page-background: #F6F8FB;
--highlight: #0086D6;
--boxes-background: #FFFFFF;
--boxes-border: #CBD2DB;
--section-titles: #142E7B;
--section-titles-background: #F6F8FB;
--header-background: #142E7B;
--header-links: #ffffff;
--footer-background: #FFFFFF;
--footer-links: #0086D6;
    }
    
.ods-front-header__menu-item-link {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    padding: 0;
    line-height: 55px;
    color: #ffffff;
    opacity: 1;
}

.ods-front-header__menu-item-link:hover {
    text-decoration: none;
    color: #000000;
    opacity: 1;
}
.logo.logo-second{
    margin-bottom: 2px;
}
/************************ Global styles *************************/
/*API PAGE */
.ods-tabs__tab{
    color: #277BB4 !important;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method{
    background: #277BB4 !important;
}

.swagger-ui .btn.authorize{
    border-color: #008850  !important;
    color: #008850  !important;
}

.swagger-ui .btn.authorize svg{
    fill: #008850 !important;
}

.swagger-ui .info .title small.version-stamp{
     background: #008850 !important;
}

.swagger-ui .info .title small{
   background: #5D616C  !important;
}

.swagger-ui .info a{
    color: #277BB4;
}

/*End of API Styles page */

/*Datasets tags 
.ods-catalog-card__keyword{
    background-color: #277BB4 ;
}
*/
.odswidget-facet__category--refined, .odswidget-facet__category:hover{
    color: #277BB4;
}


.text-center{
    text-align:center;
}
ul {
    padding:0;
    margin:0;
}
ul li{
    list-style:none;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Black.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Bold.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Book.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Light.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Medium.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Ultra.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Thin.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-ExtraLight.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/Gotham-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/*------------------------- Gotham Ssm Styles ----------------------------*/
@font-face {
    font-family: 'Gotham SSm';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Bold.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham SSm';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Black.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham SSm';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Book.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham SSm';
    src: url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Medium.woff2') format('woff2'),
        url('https://s3-ap-southeast-2.amazonaws.com/aws-ec2-ap-southeast-2-opendatasoft-staticfileset/melbournetestbed/theme_font/GothamSSm-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.ods-front-header__menu-item--active { /* item properties when an item is active, ie the current selected one */
  border-bottom: 2px solid #277BB4; /* background color */ /* COLORCOLOR */
}
 
a,h4,h1,h3,h2,p,div,span{
    font-family: 'Gotham SSm' !important;
}

/*p {
font-family: 'Gotham SSm';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0;
color: #000000;
} */

body {
    font-family: 'Gotham SSm';
    background-color: #fff;
}

/*------------------------- Gotham Ssm Styles Ends here----------------------------*/


/****************** Custom header styles ****************/


.ods-front-header {
    background-color: inherit;
    height: 100%;
    padding: 0;
    position: relative;
}

.ods-front-header__management-menu {
    position: absolute;
    top: 0;
    right: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 40px;
    z-index: 1000;
}



.header-top {
    background: rgba(0, 0, 0, 1);
    padding: 10px 0px 4px 0px;
}

.logo-first {
    margin-right: 15px;
}

.logo-second {
    margin-left: 15px;
}

.logo-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*margin: 0px -15px -15px -15px; */
    padding-left:10px;

}
.logo {
    /*margin: 0px 15px 15px 15px; */
}
.main-header {
    background: rgba(242, 243, 244, 1);
    border-bottom: 1px solid #D4D6DB;
}
.header-menu-item ul {
    margin: 0px -15px -10px -15px;
}
.header-menu-item ul li {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0px 0px 0px 3px;
}

.header-menu-item ul li a {
    font-family: 'Gotham SSm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    text-decoration: none;
}

.header-menu-item {
    padding: 22px 0px;
}

header .container-fluid {
    padding-left: 20px;
}
.header-right-item {
    display: flex;
    align-items: center;
    justify-content: end;
}
.sign-in-btn a {
    background: #D4D6DB;
    border-radius: 5px;
    width: 125px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Gotham SSm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #000000;
    text-decoration: none;
}


.search-box input {
    background: #FFFFFF;
    border: 1px solid #D4D6DB;
    border-radius: 4px 0px 0px 4px;
    padding: 5px 5px 5px 20px;
    height: 40px;
    width: 100%;
    font-family: 'Gotham SSm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
    border-right: none;
}

.search-box .odswidget-searchbox {
    margin-bottom:0;
    text-align: center;
    padding: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #828689;
    width: 90%;
    padding-right: 0px;
}

.search-box button {
    padding: 0;
    margin: 0;
    border: 1px solid #D4D6DB;
    height: 40px;
    width: 10%;
    background: #FFFFFF;
    border-left: 0;
    border-radius: 0px 4px 4px 0px;
    margin: 0px 4px 0px -10px;
    font-size: 20px;
    line-height: 0;
    cursor: pointer;
}

.header-right-item {
    margin: 0px -7px -14px -7px;
}
.header-right-item .box {
    margin: 0px 7px 14px 7px;
    display: flex;
    width:90%;
    align-items: center;
    max-width:400px;
}
.search-box {
    position: relative;
}
.search-box i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 14px;
    color: #565656;
}

.main-header .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ods-front-header__management-menu-item .UCO47WGQVJnvQnwWmnTq{
    gap: 10px;
}

.rods-button-text.rods-button-text--size-200{
    border-radius: 3px !important;
    height: 30px !important;
    line-height: 28px !important;
    padding: 0px 20px !important;
}

/*********** Small screen ***********/
.ods-responsive-menu-placeholder__toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    opacity: .7;
    font-size: 1.5rem;
    height: 60px;
    width: 50px;
    text-align: center;
    line-height: 40px;
    background-color: transparent;
    border: none;
}

.ods-responsive-menu-placeholder__container{
    text-align: left;
    padding-left: 20px;
    background: rgba(0, 0, 0, 1);
}

.ods-front-header__menu-item-link--active {
    border: none;
}

/****************** Custom footer styles ****************/

.ods-front-footer{
    height: 100%;
    background-color: inherit;
    border-top: 1px solid #e6e6e6;
    text-align: inherit;
    clear: both;
}

footer {
    font-size: initial;
    text-align: initial;
    margin: 0;
    background: #23242B;
}
.footer-menu-item ul {
    margin: 0px -15px -10px -15px;
}
.footer-menu-item ul li {
    font-family: 'Gotham SSm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #F2F3F4;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0px 15px 10px 15px;
}

.footer-menu-item ul li a {
    font-family: 'Gotham SSm';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #F2F3F4;
    text-decoration: none;
}

.footer-menu-item {
    padding: 22px 0px;
}

footer .container-fluid {
    padding-left: 20px;
}


/******************* Responsive *****************/
@media only screen and (max-width: 991px) {
    .ods-responsive-menu-collapsible{
        display:block;
    }
    .header-top, .main-header{
        display:none;
    }

    .ods-front-header__menu-item-link:hover{
        color:#FFFFFF;
    }

    .ods-responsive-menu-collapsible__toggle-button {
        background: none;
    }

}

@media only screen and (min-width: 992px) {
    .ods-responsive-menu-collapsible{
        display:none;
    }
    .header-top, .main-header{
        display:block;
    }
}


@media only screen and (min-width: 768px) and (max-width: 999px) {
    .header-right-item {
        justify-content: center;
    }
    .header-menu-item ul {
        text-align: center
    }
    .main-header {
        padding-bottom: 25px;
    }
    .logo-area {
        justify-content: center;
    }
    .footer-menu-item ul {
        text-align: center;
    }
    header .container-fluid {
        padding-left: 10px;
    }
    footer .container-fluid {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .header-right-item {
        justify-content: center;
    }
    .header-menu-item ul {
        text-align: center
    }
    .main-header {
        padding-bottom: 25px;
    }
    .logo-area {
        justify-content: center;
        padding-left:0;
    }
    .ods-responsive-menu-placeholder__container{
        padding-left: 15px;
    }

    .search-box input {
        width: 100%;
    }
    .footer-menu-item ul {
        text-align: center;
    }
    header .container-fluid {
        padding-left: 10px;
    }
    footer .container-fluid {
        padding-left: 10px;
    }

}

@media only screen and (max-width: 375px){
    .logo-second {
        margin-left: 12px;
    }

    .logo-first {
        margin-right: 0px;
    }
}

/*------------------------- New Header styles -------------------------- */
@media only screen and (min-width: 1000px) {

    .ods-front-header__menu-item-link {
        padding: 0 12px;
    }

}


@media only screen and (max-width: 1071px){
    .search-box input{
        max-width:280px;
        width:100%;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px){

    .ods-front-header__menu-item-link {
        padding: 0 10px;
    }

}



@media only screen and (min-width: 1000px) and (max-width: 1199px){
    .ods-front-header {
        height: 100%;
    }
    .ods-front-header__menu {
        white-space: normal;
    }
    .ods-front-header__menu {
        margin: 0 0 0 0;
    }
    .ods-front-header__menu-item-link {
        padding: 0 13px;
        line-height: 55px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 999px){

    .ods-responsive-menu-collapsible__toggle-button {
        background: #fff;
    }


    .ods-front-header__menu-item-link {
        padding: 0 10px;
    }

    .ods-responsive-menu--collapsed .ods-front-header__portal-brand .ods-front-header__logo {
        display: inline-block;
    }

}




@media only screen and (min-width: 320px) and (max-width: 991px){

    /*.ods-responsive-menu-collapsible__toggle-button {
    background: #fff;
} */

    .ods-front-header__menu-item-link {
        padding: 0 10px;
    }


}

@media only screen and (min-width: 320px) and (max-width: 999px){
    .ods-responsive-menu-placeholder.ods-responsive-menu-placeholder--active{
        background: #F2F3F4;
        border-bottom: 1px solid #D4D6DB;
    }

    .ods-responsive-menu-placeholder__toggle{
        display: inline-block;
        position: relative;
        color: #000;
        opacity: 1;
        font-size: 20px;
    }
    .ods-responsive-menu-placeholder__container{
        display: inline;
        background: inherit;
        padding: 0;
    }
    .ods-front-header__portal-brand{
        top: 2px;
        height: auto;
    }
    .logo-first{
        display: none;
    }

    .logo-second img{
        filter: invert(1);
        width: 90px;
    }
    .ods-responsive-menu-placeholder__toggle:hover{
        opacity: 1;
        background-color: #000;
        color: #F2F3F4;
        -webkit-transition: opacity .1s,background-color .1s;
        transition: opacity .1s,background-color .1s;
    }
    .ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container{
        left:-270px;
        background-color: #FFF;
        top:60px;
    }

    .ods-responsive-menu-collapsible__backdrop{
        top: 60px;
    }

    .ods-responsive-menu-collapsible__toggle-button:hover {
        color: #000;
    }

    .ods-responsive-menu-collapsible__toggle{
        border-bottom: 2px solid #F2F3F4;
    }

    .ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__container {
        left: 0;
        background-color: #FFFFFF;
    }

    .ods-responsive-menu-collapsible__toggle-button{
        color: #000;
        font-weight: normal;
        font-size: 2rem;
    }

    .ods-responsive-menu-collapsible__toggle-button{
        color: #000;
        font-weight: normal;
        font-size: 2rem;
    }
    .ods-front-header__menu-item-link,
    .ods-front-header__menu-item-link:hover {
        color: #000;
    }
    .ods-responsive-menu-collapsible--collapsed .ods-front-header__menu-item-link--active {
        border-bottom: none;
        border-left: 5px solid #000;
    }
    .ods-front-header__management-menu-item--backoffice{
        background-color: #F2F3F4;
    }
    .ods-front-header__management-menu-item-link {
        padding-bottom: 0.33rem;
        color: #000;
    }

    .ods-responsive-menu-collapsible--collapsed .ods-front-header__portal-brand {
        display: block;
        position: absolute;
        top: 25px;
    }
    .ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__toggle {
        padding: 14px;
    }

    .smd-melbourne-logo .logo-link .logo-first {
        display: block;
        background-color: #000;
        padding: 18px 0px 15px 15px;
        margin: 0;
    }

    .ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu{
        background: #F2F3F4;
        margin-bottom: 50px;
    }
    .ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item--backoffice{
        font-size: 14px;
        padding: 0 0 10px 10px;
    }

    .ods-responsive-menu-collapsible--collapsed .ods-front-header__management-menu-item{
        padding-left: 10px;
        padding-top: 0;
        font-size: 14px;
        margin-bottom: 0;
    }

    .ods-responsive-menu-collapsible--collapsed 
    .ods-front-header__management-menu-item-link:not(.ods-front-header__management-menu-item-link--backoffice):hover{
        border:none;
    }




}

@media only screen and (min-width: 1000px){
    .smd-melbourne-logo{
        display:none;
    }
}


/*======= Dataset social media buttons ========*/

.ods-dataset-visualization .ods-dataset-visualization__header .ods-dataset-visualization__dataset-title .odswidget-social-buttons:before {
    content: "Share this dataset via:";
    font-size: 12px;
}

/* DO NOT DELETE */
/* Hide the table in sdg-indicators dataset */

[ctx-dataset-schema*="sdg-indicators"] .ods-tabs__tab.table,
[ctx-dataset-schema*="sdg-indicators"] .ods-tabs__tab.analyze,
[ctx-dataset-schema*="sdg-indicators"] [title*="Table"],
[ctx-dataset-schema*="sdg-indicators"] [title*="Analyze"]{
    display: none !important;
}
[ctx-dataset-schema*="sdg-indicators-test"] .ods-tabs__tab.table,
[ctx-dataset-schema*="sdg-indicators-test"] .ods-tabs__tab.analyze,
[ctx-dataset-schema*="sdg-indicators-test"] .ods-tabs__tab.export,
[ctx-dataset-schema*="sdg-indicators-test"] .ods-tabs__tab.api,
[ctx-dataset-schema*="sdg-indicators-test"] [title*="Table"],
[ctx-dataset-schema*="sdg-indicators-test"] [title*="Analyze"],
[ctx-dataset-schema*="sdg-indicators-test"] [title*="Export"],
[ctx-dataset-schema*="sdg-indicators-test"] [title*="API"]{
    display: none !important;
}


/* ---------- NEW CHANGES FOR COLLAPSIBLE MENU (ODS BUG) - 22/01/2025 ---------- */

.ods-responsive-menu-collapsible__content .ods-front-header__portal-brand,
.ods-responsive-menu-collapsible__content .ods-front-header__menu{
    display: none;
}

@media only screen and (min-width: 999px){
    .ods-responsive-menu-collapsible{
        display: block;
    }
}

@media only screen and (max-width: 999px){
    .ods-responsive-menu-collapsible__content .ods-front-header__portal-brand,
    .ods-responsive-menu-collapsible__content .ods-front-header__menu{
        display: block;
    }
    .rods-user-avatar{
        color: #5b5b5b !important;
    }
}

/* ============= HIDE EXPORT TAB IF USER IS NOT AUTHENTICATED ============= */

header:has(.unauthenticatedUser)~.main--dataset [title="Export"] {
    min-height: 400px;
}

header:has(.unauthenticatedUser)~.main--dataset [title="Export"] div {
    display: none !important;
}

header:has(.unauthenticatedUser)~.main--dataset [title="Export"]:after {
    content: "Please Signup or Login to enable data export.";
    font-size: 14px;
    position: relative;
    top: 150px;
    left: 32%;
}

/* ============= HIDE API TAB IF USER IS NOT AUTHENTICATED ============= */

header:has(.unauthenticatedUser)~.main--dataset [title="API"] {
    min-height: 400px;
}

header:has(.unauthenticatedUser)~.main--dataset [title="API"] div {
    display: none !important;
}

header:has(.unauthenticatedUser)~.main--dataset [title="API"]:after {
    content: "Please Signup or Login to enable API access.";
    font-size: 14px;
    position: relative;
    top: 150px;
    left: 32%;
}

/* ============= HIDE API HEADER ITEM IF USER IS NOT AUTHENTICATED ============= */

header:has(.unauthenticatedUser) .ods-front-header__menu .ods-front-header__menu-item:has([href*="api"]) {
    display: none;
}

/* ============= NEW EXPERIENCE: GATE EXPORT + API FOR UNAUTHENTICATED USERS ============= */

/* --- Export page: the card that contains the /exports/ download links --- */
:root:has(.unauthenticatedUser) [class*="_card300_"]:has(a[href*="/exports/"]) {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
}

:root:has(.unauthenticatedUser) [class*="_card300_"]:has(a[href*="/exports/"]) > * {
    display: none !important;
}

:root:has(.unauthenticatedUser) [class*="_card300_"]:has(a[href*="/exports/"])::after {
    content: "Please Signup or Login to enable data export.";
    font-size: 14px;
}

/* --- API page: the console layout (start panel + JSON results + query panel) --- */
:root:has(.unauthenticatedUser) [class*="_layout_"]:has(> [class*="_startPanel_"]):has([aria-label="JSON view"]) {
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
}

:root:has(.unauthenticatedUser) [class*="_layout_"]:has(> [class*="_startPanel_"]):has([aria-label="JSON view"]) > * {
    display: none !important;
}

:root:has(.unauthenticatedUser) [class*="_layout_"]:has(> [class*="_startPanel_"]):has([aria-label="JSON view"])::after {
    content: "Please Signup or Login to enable API access.";
    font-size: 14px;
}

/* ================================================================= */