/* Fonts and body migrated to shared/_base.css */

.custom-page-view .conf-list-table,
.view-home .conf-list-table {
    margin: 0.5rem 0 1.25rem;
}

.new-link{
    color:#643daf !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.bg-browse-by{
    /* Academy Home screen background - consistent with site */
    background: var(--color-bg-gradient, linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%));
    margin-top: 44px;
}


.bg-article{
    background: var(--color-bg-gradient, linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%));
}

.bg-conference-view{
    background: var(--color-bg-gradient, linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%));
    margin-top: 10px;
}

.bg-filter{
    background: var(--color-bg-gradient, linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%));
}




.sub-text-track{
    font-family: var(--font-family) !important;
    color: var(--color-text) !important;
    margin-left: 16px !important;
    line-height: 26px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

/* display-filter-btn migrated to components/buttons.css */

.text-condensed{
    text-wrap: wrap;
    word-break: break-all;
    text-align: left;
}

.conference-filter-search{
    border-radius: 6px 0 0 6px !important;
border: 1px solid var(--color-border, #e2e8f0) !important;
background: var(--color-bg-surface) !important;
padding: 0.3rem 0.75rem !important;
color: var(--color-heading-legacy) !important;
font-family: var(--font-family) !important;
font-size: 0.875rem !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 1.5 !important;
}


.research-text{
    font-size: 15px;
    line-height: 25px;
    color: var(--color-heading-legacy);
    font-weight: 600;
    margin-left: 0;
}

.author_details {
    font-size: 15px;
    line-height: 25px;
    color: var(--primary-color);
    font-weight: 600;
    margin-top: 7px;
    margin-left: 3px;

}

img.author_img {
    border-radius: 50%;
    width: 60px;
    height: 60px; 
    margin-left:25%
}

/* Legacy id hooks only — do not style .presenter-label here; article panel uses author-panel__presenter-line in proceedings.css */
#authot_label, #presenter_label {
    padding: 3px 7px;
}

#presenter_label {
    margin-bottom: 10px;
}

/* .conference-banner-card styles moved to assets/css/components/cards.css
   Admin-configured background (--app-background-color1) is intentionally
   not applied here — card uses design-system white background instead. */
 
.Tag-style{
border-radius: 4px !important;
border: 1px solid var(--Gray-400, #CED4DA) !important;
background: var(--Gray-100, #F8F9FA) !important;
display: inline-flex !important;
padding: 3px 15px 3px 16px !important;
justify-content: center;
align-items: center;
color: var(--color-heading-legacy) !important;
font-family: var(--font-family);
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 166.667% */
    }

.inner-text{
    color: var(--color-on-primary) !important;
}


 .Tag-style-1{
        border-radius: 4px !important;
        border: 1px solid var(--Gray-400, #CED4DA) !important;
        background: var(--Gray-100, #F8F9FA) !important;
        display: inline-flex !important;
        padding: 3px 15px 3px 16px !important;
        justify-content: center;
        align-items: center;
        color: var(--color-heading-legacy) !important;
        font-family: var(--font-family);
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 25px !important; /* 166.667% */
        margin-left: 1.2rem;
            }


.Session-Style{
border-radius: 4px !important;
background: rgba(34, 48, 77, 0.60) !important;
display: inline-flex !important;
padding: 4px 50px 3px 15px !important;
align-items: center !important;
color: var(--color-on-primary);
font-family: var(--font-family);
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 171.429% */
margin-bottom: 1rem;
width: 100%;
white-space: initial;
}

/* .metadata-text and .banner-card-title moved to assets/css/components/cards.css */

 
.Tag-style{
border-radius: 4px !important;
border: 1px solid var(--Gray-400, #CED4DA) !important;
background: var(--Gray-100, #F8F9FA) !important;
display: inline-flex !important;
padding: 3px 15px 3px 16px !important;
justify-content: center;
align-items: center;
color: var(--color-heading-legacy) !important;
font-family: var(--font-family);
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
line-height: 25px !important; /* 166.667% */
    }

 .Tag-style-1{
        border-radius: 4px !important;
        border: 1px solid var(--Gray-400, #CED4DA) !important;
        background: var(--Gray-100, #F8F9FA) !important;
        display: inline-flex !important;
        padding: 3px 15px 3px 16px !important;
        justify-content: center;
        align-items: center;
        color: var(--color-heading-legacy) !important;
        font-family: var(--font-family);
        font-size: 15px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 25px !important; /* 166.667% */
        margin-left: 1.2rem;
            }


.Session-Tag-Style{
border-radius: 4px !important;
background: rgba(34, 48, 77, 0.60) !important;
display: inline-flex !important;
padding: 4px 50px 3px 15px !important;
align-items: center !important;
color: var(--color-on-primary) !important;
font-family: var(--font-family);
font-size: 15px !important;
font-style: normal;
font-weight: 500 !important;
margin-bottom: 1rem;
text-wrap: wrap;
word-break: break-all;
text-align: left;
}

/* .metadata-text and .banner-card-title — duplicate removed, see assets/css/components/cards.css */


.research-conference{
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-left: 0;
    color: var(--color-text);
    font-family: var(--font-family) !important;
}

.published-text{
    font-size: 14px;
    line-height: 24px;
    font-family: var(--font-family) !important;
    margin-top: 0;
    font-weight: 400;
    color: var(--color-text-secondary);
    margin-left: 0;
}

.poster-header{
    color: var(--color-text-secondary);
    font-family: var(--font-family) !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}



.nav-line{
    margin-left:-10px;
    margin-top: 10px;
}


.date-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 16px;
}

/*hard coded values old no longer used*/
/*.bg-color{
    background: linear-gradient(315deg, #320270 1.63%, #7420FF 49.64%, #3B0F96 100%) !important;
}*/


.bg-color{
    background: linear-gradient(90deg, var(--app-gradient-color1) 0%,  var(--app-gradient-color2) 50%,  var(--app-gradient-color3) 100%) !important;
}

.bg-color-1{
    background-color: var(--primary-color);
}

.header-text{
    color: var(--color-on-primary);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* margin-left:3rem; */
    margin-top:1.688rem;

}


.header-text-1{
    color: var(--color-on-primary);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:4.2rem;
    margin-top:1rem;
    font-size:1.8rem;
}


.header-text-advanced{
    color: var(--color-on-primary);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left:4.2rem;
    margin-top:0.7rem;
    font-size:1.8rem;
}




.advanced-btn{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color:var(--color-on-primary);
    border: 1px solid var(--color-on-primary);
  }
  

  .search-button{
    margin-bottom: 21px;
    margin-top: 10px;
    margin-right: 285px;
 }

 .navigation-search-new{
display: inline-flex !important;
padding: 0.3rem 0.75rem !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
align-self: stretch !important;
border-radius: 0 6px 6px 0 !important;
background: var(--primary-color) !important;
border-color: var(--primary-color) !important;
color: var(--color-on-primary) !important;
font-family: var(--font-family) !important;
font-size: 0.875rem !important;
font-weight: 500 !important;
line-height: 1.5 !important;
transition: opacity 0.15s ease !important;
 }

 .navigation-search-new:hover {
   opacity: 0.88 !important;
   background: var(--primary-color) !important;
   color: var(--color-on-primary) !important;
 }



 .navigation-search{
    border-color: var(--color-on-primary);
    color:var(--color-on-primary);
 }

 .img-cls{
    width: 100% !important;
    height: 100% !important;
}

.about-header{
    margin-top:38px;
    line-height: 36px; 
    font-style: normal;
    font-weight: 600;
    color:var(--primary-color);
}

.about-text{

        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        margin-top:12px;
        color:var(--secondary-color);
 
    
}

.btn-style{
    margin-top:0.5rem;
    font-size:14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}

.line-style{
    margin-left: 30px;
    margin-top: 43px;
}


.browse-card {
    font-family: var(--font-family);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 0;
    margin-bottom: 1rem;
}

.browse-card-1 {
    font-family: var(--font-family);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 0;
    margin-bottom: 1rem;
}

/* ============================================================
   ARTICLE HORIZONTAL CARD – Modern redesign
   Applies on: conference.view, search.results, author.view
   HTML: .article-card > .card.horizontal-card > .card-body
   ============================================================ */

/* DOI link card – empty transparent wrapper; must be globally reset
   since conference-detail.css is not loaded on author.view pages */
.card.linkcard {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.article-card {
    margin-bottom: 0;
}

.horizontal-card {
    font-family: var(--font-family);
    background: var(--color-bg-surface);
    /* Text-based card: left accent border only (card--accent-left pattern) */
    border: none;
    border-left: 4px solid var(--primary-color);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 1.5rem;
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.horizontal-card:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.horizontal-card .card-body {
    padding: 1.25rem 1.5rem;
}

/* Title h5 – bold, prominent, uses admin text-color */
.horizontal-card .card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 0.5rem;
}

.horizontal-card .card-title a,
.horizontal-card .card-title .horizontal-text {
    color: var(--text-color);
}

.horizontal-card .card-title a:hover,
.horizontal-card .card-title .horizontal-text:hover {
    color: var(--primary-color);
}

/* Article title link */
.horizontal-text {
    font-family: var(--font-family);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--primary-color);
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline;
}

.horizontal-text:hover {
    color: var(--secondary-color, var(--primary-color));
    text-decoration: underline;
}

/* Author name links */
.horizontal-auhtor,
.horizontal-author {
    font-family: var(--font-family);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a5568;
    text-decoration: none;
    transition: color 0.15s ease;
}

.horizontal-auhtor:hover,
.horizontal-author:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

/* ============================================================
   HORIZONTAL CARD – Content layout (tags row, metadata row)
   Plan: horizontal_card_redesign.plan.md
   ============================================================ */

/* Tags row: flex row, gap between pills */
.horizontal-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

/* Primary pill: conference — uses admin primary */
.horizontal-card__tag--primary {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    background: color-mix(in srgb, var(--primary-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary-color) 35%, transparent);
    color: var(--primary-color);
}

/* Secondary pill: year — neutral, derived from text-color */
.horizontal-card__tag--secondary {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
    background: color-mix(in srgb, var(--text-color) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--text-color) 20%, transparent);
    color: color-mix(in srgb, var(--text-color) 70%, transparent);
}

/* Metadata row: horizontal, icon before each item — muted via text-color */
.horizontal-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 0.75rem;
    font-size: 0.875rem;
    color: color-mix(in srgb, var(--text-color) 60%, transparent);
    margin-bottom: 0.5rem;
}

.horizontal-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

/* Icons via ::before — Line Awesome (conference, year, authors) */
.horizontal-card__meta-item--conference::before {
    content: "\f02b";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 0.85em;
}

.horizontal-card__meta-item--year::before {
    content: "\f133";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 0.85em;
}

.horizontal-card__meta-item--authors::before {
    content: "\f007";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 0.85em;
}

/* Dot separator — uses admin primary */
.horizontal-card__meta-sep {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--primary-color);
    flex-shrink: 0;
}

/* Metadata links inherit and override */
.horizontal-card__meta a {
    color: inherit;
    text-decoration: none;
}

.horizontal-card__meta a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

/* ============================================================
   HORIZONTAL CARD – Abstract and PDF action buttons
   ============================================================ */

.horizontal-card .card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}

/* Abstract – primary filled pill */
.horizontal-card .card-link:not(.download-pdf) {
    background: var(--primary-color);
    color: var(--color-on-primary);
    border: none;
}

.horizontal-card .card-link:not(.download-pdf):hover {
    background: var(--secondary-color, var(--primary-color));
    color: var(--color-on-primary);
    opacity: 0.95;
}

/* PDF – secondary outlined pill, variables only */
.horizontal-card .card-link.download-pdf {
    background: color-mix(in srgb, var(--text-color) 6%, transparent);
    color: color-mix(in srgb, var(--text-color) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--text-color) 25%, transparent);
}

.horizontal-card .card-link.download-pdf:hover {
    background: color-mix(in srgb, var(--text-color) 15%, transparent);
    color: var(--text-color);
    border-color: color-mix(in srgb, var(--text-color) 40%, transparent);
}


.cite-author{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
color:var(--secondary-color);
}

.citation-text{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color:var(--primary-color);
    
 }

 .citation-card{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    color:var(--primary-color);
 }




 .conference-card{
    border-radius: 5px;
    border: 1.2px solid rgba(34, 48, 77, 0.50);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    margin-top: 2rem;
    margin-bottom: 35px;

}


.conference-card-1{
    border-radius: 5px;
    border: 0.8px solid rgba(34, 48, 77, 0.50);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
    margin-top: 20px;
    margin-bottom: 35px;

}

.search-content{
    margin-bottom: 1.5rem;
}





.conference-text{
    font-size: 18px ;
    font-style: normal;
    font-weight: 500 ;
    line-height: 28px ;
    margin-top:8px;
    color:var(--secondary-color);
    }
    

    .news-card{
        background: var(--hit-box, rgba(255, 255, 255, 0.00));
        border:none;
        margin-top:10px;
    
    } 
    
    .news-date{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color:var(--secondary-color);
    }
    
    .news-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    color:var(--primary-color);
    }
    
    .news-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    color:var(--secondary-color)
    }


    .brand-text{
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.18px;
        color:var(--color-on-primary) !important;
        }

        .brand-header{
            font-size: 35px;
            font-style: normal;
            font-weight: 800;
            /*line-height: 24px; /* 68.571% */
            letter-spacing: 0.35px;
            color:var(--color-on-primary) !important;

            }




    .footer-header{
        font-size: 24px;
   font-style: normal;
   font-weight: 600;
   line-height: 34px;
   color:var(--color-on-primary) !important;
   }

   .footer-text{
    font-size: 18px;
   font-style: normal;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0.18px;
   color:var(--color-on-primary) !important;
   }
   
   .address{
       display: flex;
   }


   .footer-style{
    margin-top:-16px;
    /* Ensure footer maintains consistent height across all pages (e.g. item/list vs category/list) */
    min-height: 280px;
}

.nav-text{
    font-size: 18px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 28px;
    color:var(--color-heading-legacy);
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    }

.login-btn{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 0.6rem;
    margin-bottom: 0.4rem;
    margin-top: 0.2rem;
    }
    
.main{
    font-size: 23px;
    font-style: normal;
    line-height: 33px;
    color:var(--color-heading-legacy);
    margin-top:0.9rem;
    }

    .sub{
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    color:var(--color-text);
    }
    


    .address{
        display: flex;
    }


.login{
    color:var(--primary-color);
    border-color:var(--primary-color);
    font-family:var(--font-family);
    font-weight:600;
}

.nav-link{
    font-family:var(--font-family);
    font-weight:600;
}

.list-group-item.active{
     background-color: var(--primary-color);
     border-color: var(--primary-color);
}

.navigation{
    color:var(--color-on-primary);
}

.home{
    margin-right:6px;
    margin-top:-4px;
}

.conference{
    margin-right:6px;
    margin-top:-4px
}

.user{
    margin-right:8px;
    margin-top:-1px;
}
.client-driven{
    color:var(--text-color);
}

.nav-tabs .nav-link.active{
    background-color: var(--primary-color);
    color:var(--color-on-primary);
}


/*
.main{
    color:var(--primary-color);
    font-family:var(--font-family);
    font-weight:600;
    font-size:large;
    text-align: center;
}*/

.form-check-input:checked{
    background-color:var(--primary-color);
    border-color:var(--primary-color);
}

.conference-name{
    color:var(--color-text);
    font-size:16px;
    line-height:26px;
}
.conference-name:hover{
    cursor: pointer;
}

.list-menu{
    color: var(--text-color);
}

.nav-link:focus, .nav-link:hover{
    color:#dbdbdb;
}


.list-menu:hover{
    color: var(--bs-nav-link-hover-color);
}
.conference-reset-button{
    font-family: var(--font-family);
    margin-left: 10px;
   margin-top: 1.2rem;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
}

.conference-search-button{
    font-family: var(--font-family);
    margin-left: 10px;
   margin-top: 1.2rem;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
}

.pdf{
    margin-left: 20px;
}

.conferences{
    margin-left: 20px;
}

.display-order{
    margin-top:10px;
    margin-left:65px;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

.display-order-dropdown{
    margin-top: 0;
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

/*.card-title{
    color:var(--primary-color);
    font-weight: 600;
    font-size: large;
    text-decoration: none;
}*/

/*
.card-text{
    color:var(--text-color);
    font-weight: 400;
    font-size:medium;
}*/



/* Abstract / PDF pill action links */
.card-link {
    font-family: var(--font-family);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--primary-color);
    border: 1.5px solid var(--primary-color);
    border-radius: 999px;
    padding: 0.2rem 0.75rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 0.4rem;
    margin-top: 0.75rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.card-link:hover {
    background-color: var(--primary-color);
    color: var(--color-on-primary);
    text-decoration: none;
}

/* PDF link slight variation */
.card-link.download-pdf {
    color: var(--color-text-body);
    border-color: var(--color-border-strong);
}

.card-link.download-pdf:hover {
    background-color: var(--color-text-body);
    border-color: var(--color-text-body);
    color: var(--color-on-primary);
}

/* Caret/lock icon in title */
.link-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    margin-top: -2px;
    opacity: 0.6;
    transition: opacity 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.horizontal-text:hover .link-icon {
    opacity: 1;
    transform: translateX(2px);
}

/* Session badge pill */
.horizontal-card .badge.bg-secondary {
    background-color: var(--color-bg-muted) !important;
    color: var(--color-text-body) !important;
    font-family: var(--font-family);
    font-size: 0.7rem;
    font-weight: 500;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    border: 1px solid var(--color-border);
    letter-spacing: 0.01em;
}

/* Conference name link (shown outside conference.view) */
.horizontal-card .card-text a.link {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
    text-decoration: none;
}

.horizontal-card .card-text a.link:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

/* Stats column – views, downloads, citations */
.horizontal-card .col-lg-3,
.horizontal-card .col-md-3,
.horizontal-card .col-sm-3 {
    padding-right: 1.25rem !important;
}

.horizontal-card .col-lg-3 .text-muted,
.horizontal-card .col-md-3 .text-muted,
.horizontal-card .col-sm-3 .text-muted {
    font-family: var(--font-family);
    font-size: 0.90em;
    color: var(--color-text-muted);
    display: block;
    text-align: right;
    line-height: 1.6;
}

/* Article cards container – tighter top margin */
.article-cards {
    margin-top: 0.5rem;
}

.icon-pdf{
    margin-top:-4px;
}

.banner-image{
    width: 600px;
    max-width: 100%;
    margin-top:5px;
}

.conference-year{
    font-family: var(--font-family);
    color:var(--text-color);
    font-weight: 400;
}

li a.conference-url{
    text-decoration: none;
    color: inherit;



}

/*padding removed for accordion on all conference years*/
.remove-padding{
    padding: 0 !important;
}


.cite-this{
    font-family: var(--font-family);
    margin-left: 25px;
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;


}
.download-pdf{
    font-size: 15px;
    line-height: 25px;
    font-style: normal;
    font-weight: 400;
    font-family: var(--font-family);
}

.related{
    font-family: var(--font-family);
    color:var(--text-color);
    font-size: large;
    margin-left:5px;
}

.article-title{
    color:var(--color-heading-legacy);
    font-family: var(--font-family) !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.session-title{
    color:var(--color-heading-legacy);
    font-weight: 600;
}

.select2-search{
    z-index:1 !important;
}

.select2{
    width: 100% !important;
}

.login-button{
    background-color: var(--primary-color);
    border-color:var(--primary-color);
}

/* Safety net: legacy desktop-centric grid must never force horizontal scroll on mobile */
.login-page {
    overflow-x: clip;
}

@media (max-width: 767.98px) {
    .login-page .form-left {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .login-page .login-button {
        width: 100%;
        float: none !important;
        min-height: 44px;
    }
}

.fs-1{
    font-family: var(--font-family);
    font-weight: 600;
    font-size: large;
}

.bg-primary_color{
    background-color: var(--primary-color);
}

.papercitation{
    font-size:16px;
    line-height:26px;
}

.navigationsearch{
    color:var(--color-on-primary);
    border-color:var(--color-on-primary);
    background-color: var(--primary-color);
}

.darkb{
    border:1px solid #585858;
}

.w-20 {
  width: 20% !important;
}

.w-55 {
  width: 55% !important;
}

.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-18 {
  width: 18% !important;
}
.w-2 {
  width: 2% !important;
}
.w-3-5 {
  width: 3.5% !important;
}

/* Pagination overrides moved to conference-detail.css — scoped to #article-pagination */

.p{
    font-family: var(--font-family);
}



.nav{
    --bs-nav-link-color:var(--text-color);
}

.accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    background-color: #ECE3FF !important;
    
}

.accordion-button:focus{
    border-color: #e7f8e7 !important; 
    box-shadow: none;
}

.viewscl{
    font-weight: 700;
    font-size: 1.0625rem;
}

.float-end.text-muted {
    font-size: 0.9375rem;
}

.related-author-contnent {
    padding-right: 1.5rem !important;
}

/* Author content column — prevents long text from pushing into the stats widget */
.author-content {
    min-width: 0 !important;
    overflow: hidden !important;
}

.profile-affiliation {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
}

.select2-container--default .select2-selection--multiple{
    border: 1px solid var(--color-border-strong);
    border-radius: 0.375rem;
    padding: 0.375rem 0.75rem;
}

.select2-container .select2-search--inline .select2-search__field{
    font-family: var(--font-family) !important;
    margin:0;
    height: 26px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    color: var(--color-text);
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.cfl{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.startyear{
    margin-bottom:5px;
    font-size: 16px;
    line-height: 26px;
    color: var(--primary-color);

}

.endyear{
    margin-bottom:5px;
    font-size: 16px;
    line-height: 26px;
    color: var(--primary-color);

}

input:focus-visible {
    color: var(--color-text);
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.colbg{
    background-color: var(--color-bg-surface);
}

/* ============================================================
   STATS WIDGET  — .chart-style  (global design system)
   Used on: author profile page (view.cfm)
   Aligns with conference-banner-card / browse-card token set
   ============================================================ */

.chart-style {
    background: var(--color-bg-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden;
    padding: 0 !important;
    font-family: var(--font-family) !important;
}

/* Individual stat cell */
.chart-style > [class*="col-"] {
    padding: 1rem 1.25rem !important;
}

/* Stat label */
.chart-header {
    font-family: var(--font-family) !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--color-text-muted) !important;
    display: block;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

/* Stat number */
.total-pub,
.total-tracks {
    font-family: var(--font-family) !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: var(--primary-color) !important;
    display: block;
    line-height: 1.2;
}

/* Cell dividers */
.chart-style [class*="border-end"] {
    border-color: var(--color-border) !important;
}

.chart-style [class*="border-bottom"] {
    border-color: var(--color-border) !important;
}

/* Chart canvas */
.chart-style canvas {
    max-width: 100%;
    border-radius: 6px;
}

.fixed-top{
    top:20px !important;
    left:10px !important;
    position: sticky !important;
}

.container-fluid{
  order:3;
  flex-grow: 5
}

.bi-arrow-left-circle-fill{
    margin-top:-2px;
    color:var(--text-color);
}

.bi-info-circle-fill{
    margin-top: -5px;
    margin-left: 3px
}

.tooltip-container {
    position: relative;
    display: inline-block;
  }
  
  .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  .tooltip-trigger:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
  }

.btn:hover{
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.subMenu_tooltip {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  border-radius: 4px 4px 4px 4px !important;
  z-index: 1 !important;
  display: none !important;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
}

.nav-item.dropdown:hover > .subMenu_tooltip {
  display: block !important;
}

.dropdown-menu .nav-item.dropdown .dropdown-toggle::after {
  transform: rotate(270deg) !important;
  margin-left: 6em !important;
}

.dropdown-menu .nav-item.dropdown:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

#listArticleAuthorPreview {
  height: 1.3rem;
  background: gray;
  -moz-border-radius: 100px / 70px;
  -webkit-border-radius: 100px/ 70px;
  border-radius: 100px/ 70px;
  text-transform: uppercase;
  font-size: 10px !important;
  padding-top: 0.1rem;
    padding-bottom: 0.1rm
}

.displayArticleDescription {
  -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.listArticleAuthorGroup {
  display: flex !important;
}

@media (max-width: 800px) {
  .listArticleAuthorGroup {
    display: block !important;
  }
}




.media_block, .article-body {
    /* Base values — overridden per-view by scoped CSS (e.g. proceedings.css) */
    padding: 0.75rem 0;
    margin-bottom: 1rem;
}

/* Media block container — fallback when proceedings.css not loaded */
.media_block {
    border: 1px solid color-mix(in srgb, var(--text-color) 12%, transparent);
    border-radius: 12px;
    background: var(--color-bg, #ffffff);
    overflow: hidden;
}


#image_grid {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.article-body {
    margin-top: 0.5rem;
}
    
.view_btn {
    display: inline-flex;
    height: 35px;
    color:var(--color-heading-legacy);
    padding: 7px 13px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 0.5px solid var(--color-heading-legacy);
    background: var(--HitBox, rgba(255, 255, 255, 0.00));
    margin-top:2px;
    color: var(--color-heading-legacy);
    /*font-family: var(--font-family);*/
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 25px;
}


.article-body .main-header {
    color: #1c1c1c;
    font-family: var(--font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    word-break: keep-all;
}

.new-width {
    width: 100%;
}

.inline-article-header {
    font-family: var(--font-family);
    color: var(--color-text-muted);
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1;
}

#proceeding_article_header {
    font-family: var(--font-family);
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.browse-card-panel {
    font-family: var(--font-family);
}

.browse-card-panel h5 {
    font-family: var(--font-family);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-text-muted);
}

.browse-card-panel .author-panel__country {
    font-family: var(--font-family);
    font-size: 0.75rem;
    color: var(--color-text-muted);
    margin-left: 3px;
}

#conference_back_btn {
    margin-left: 10px;

}

/* Media block tabs — variables only (applies when proceedings.css loads or as fallback) */
#mediaBlock_nav-tab .mediaBlock_nav.active,
#mediaBlock_nav-tab .active.mediaBlock_nav {
    color: var(--primary-color) !important;
    background: transparent !important;
    border-bottom: 3px solid var(--primary-color) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

#mediaBlock_nav-tab .mediaBlock_nav {
    color: color-mix(in srgb, var(--text-color) 60%, transparent) !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

#article_title {
    color: var(--color-heading-legacy);
    font-family: var(--font-family);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px; /* 143.478% */
}

.block__pic {
    display: flex;
    width: 205px !important;
    height: 105px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1.2px solid rgba(34, 48, 77, 0.50);
    background: var(--Gray-White, #FFF);
    box-shadow: 0px 20px 25px 0px rgba(45, 45, 45, 0.05);
}


.author-img-span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid var(--color-border);
    margin: 0;
}

.author-img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
}

.modal-body{
    padding: 0 var(--bs-modal-padding);

}

@media (max-width:  991.98px) {
    .new-width{
       width:auto;
    }
    .authorpanel-style{
        text-align: center;
    }
    .author-img-span{

        margin-left: 0%;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
    .view_btn{
        margin-top:1.5rem;
   }
   #article_title{
    font-size:19px;
    line-height: 29px;
   }
 
   .display-filter-btn{
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
   }
  
}



@media (max-width:  1280px) {
  
    .search-component-1{
        margin-left: 0px;
        margin-right: 0px;
    }

   
}

.doi-text{
    word-wrap: break-word;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  {
    
    .author-img-span{
        margin-left: 5px;
    }

    .authorpanel-style{
        text-align: left;
    }

    .view_btn{
         margin-left: 6rem;
    }
    .author_details{
        margin-left: 1.5rem;
        word-wrap: break-word;
    }
  .browse-card-panel .author-panel__country{
    margin-left: 15px;
    word-wrap: break-word;
}
.badge-container .badge{
    margin-right: 0px !important;
}






  }


  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
  
  {

  .new-width{
       width:auto;
    }
    .author_details{
        margin-left: 1rem !important;
        word-wrap: break-word;
    }
    .browse-card-panel .author-panel__country{
        margin-left: 15px;
       word-wrap: break-word;
}

    }


    @media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .author-img-span{
        margin-left: 5px;
    }

    .authorpanel-style{
        text-align: left;
    }

    .view_btn{
         margin-left: 6rem;
    }
    .author_details{
        margin-left: 1.5rem;
        word-wrap: break-word;
    }
  .browse-card-panel .author-panel__country{
    margin-left: 15px;
    word-wrap: break-word;
}


  }

.video-div{
    padding: 2.5em 2.5em 0 2.5em ;
}

.card-article-count{
    font-size: 14px !important;
    background: var(--primary-color);
    font-family: var(--font-family);
    color:white;
    padding-left:10px;
}

.card-article-count-number{
    font-size: 14px !important;
    padding-right:10px;
    background: var(--Gray-White, #CCC) !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left:5px;
    color: var(--primary-color);
    font-family: var(--font-family);


}

.bg-gray-400{
    background: #ced4da;
}

.justify{
    text-align: justify;
}

/* Hide the radio buttons */
.toggle-input {
    display: none;
}

/* Container for the toggle buttons */
.toggle-buttons {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
}

/* Base styles for each label button */
.toggle-label {
    padding: 5px 20px;
    text-align: center;
    flex: 1;
    cursor: pointer;
    background-color: #f0f0f0;
    color: #333;
    transition: background-color 0.3s, color 0.3s;
}

/* Active state */
.toggle-label.active {
    background-color: #666;
    color: #fff;
}

/* Border between the two buttons */
.toggle-label:not(:last-child) {
    border-right: 1px solid #ccc;
}

.url-text{
    color:var(--primary-color);

}

/* .has-attachment / .has-video / .has-poster / .has-paper
   Moved to assets/css/components/cards.css with on-theme colours */
  /* Global Styles */
  
  .headers {
      color: var(--color-heading-legacy);
      font-family: var(--font-family);
      font-size: 35px;
      font-weight: 600;
      line-height: 45px;
      flex-shrink: 0;
  }

  /* Conference Banner Card */
  .banner {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 5px;
      /* Image-based card: no border (card--no-border pattern) */
      border: none;
      background: var(--color-bg-surface);
      box-shadow: 0px 20px 25px rgba(45, 45, 45, 0.05);
      height: 100%; /* Ensures uniform height */
      transition: transform 0.3s ease-in-out;
  }

  .banner:hover {
      transform: translateY(-5px);
  }

  /* Conference Image */
  .card-img-top {
      width: 100%;
      height: auto;
      object-fit: contain;
      max-height: 200px;
      background-color: var(--color-bg-page);
  }

  /* Placeholder for Missing Image */
  .gradient-placeholder {
      background: linear-gradient(180deg, #f5f5f5 0%, #ddd 100%);
      height: 180px; /* Same height as image for consistency */
      width: 100%;
      border-radius: 5px;
      flex-grow: 1; /* Ensure it grows to match the tallest card */
  }

  /* Conference Details */
  .cardss {
      padding: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex-grow: 1; /* Ensures content stretches evenly */
  }

  /* Conference Title */
  .title {
      color: var(--color-heading-legacy);
      font-family: var(--font-family);
      font-size: 24px;
      font-weight: 500;
      line-height: 40px;
      margin-bottom: 5px;
  }

  /* Conference Date */
  .text {
      color: var(--color-text-secondary);
      font-family: var(--font-family);
      font-size: 18px;
      font-weight: 400;
  }

  /* Tags */
  .badge-container {
      margin-top: 10px;
  }

  .badge.Tag-style {
      display: inline-block;
      background: #22304D;
      color: white;
      padding: 5px 10px;
      border-radius: 12px;
      font-size: 14px;
      margin-right: 5px;
  }

  /* Search Section */
  .search-section {
      padding: 50px 0; /* Vertical spacing */
      text-align: center;
      height: 200px; /* Set a fixed height for the section */
      display: flex;
      flex-direction: column;
      justify-content: center; /* Vertically center content */
      align-items: center; /* Horizontally center content */
  }

  /* Ensure the header text maintains space even when hidden */
  .header-text {
      font-size: 2rem;
      color: white;
/*      margin-bottom: 20px;*/
      height: 50px; /* Set a fixed height for the header text */
      display: flex;
      justify-content: center;
      align-items: center; /* Center text vertically */
  }

  /* Search Component */
  .search-component .input-group {
      min-width: 600px;
      margin: 0 auto; /* Center horizontally */
  }

  /* Adjust input width and spacing for smaller screens */
  @media (max-width: 768px) {
      .search-component .input-group {
          min-width: 0;
          max-width: 100%; /* Full width for small screens */
          width: 100%;
          padding: 0 15px; /* Add padding for spacing */
      }
  }



 /* If header text is there, show it */
 .search-section .header-text:not(:empty) {
     visibility: visible;
 }
 
 .itemss {
   /* logout link styles */
/*   margin-right: 1rem;*/
   background-color: #fff;
   border: 1px solid #ccc;
 }

 /* Style any link in the container that isn't #login-btn */
 .customs {
   /* WMSYM Home link styles */
   background-color: #f0f0f0;
   border: 1px solid #888;
 }


.nav-text {
    color: inherit !important;
}

/*View_all(browse by tag_cate)*/
.descriptionss {
    padding: 10px;
    margin: 5px 0;
    max-width: 900px;
    overflow: hidden;
    text-align: justify;
    color: var(--Neutral-500, var(--color-text-body));
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.track-title-link {
    text-decoration: none;
    color: inherit;
    max-width: 900px;
    overflow: hidden;
    text-align: justify;
        color: var(--color-heading-legacy);
        font-family: var(--font-family);
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
    }
.text-end  {
    color: var(--Neutral-500, var(--color-text-body));
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: right;
}
.author-image-small {
    width: 30px; /* Small icon size */
    height: 30px;
    border-radius: 50%; /* Circular image */
    object-fit: cover;
/*    margin-right: 10px; /* Space between image and text */
}
.btn.btn-outline-secondary:hover {
    background-color: #D3D3D3 !important; /* Change to your desired color */
   
}

/* Ensures the button is always visible */
.poster-thumbnail-container {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    width: 205px; /* Adjust to match the thumbnail size */
}

/* Thumbnail Styling */
.poster-thumbnail, .pdf-thumbnail {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

/* Scale effect on hover */
.poster-thumbnail:hover, .pdf-thumbnail:hover {
    transform: scale(1.05);
}

/* Always Visible Button Overlay Styling */
.thumbnail-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */
    opacity: 1; /* Ensures it's always visible */
    visibility: visible;
}

/* View Full Poster Button (Centered & Always Visible) */
.view_btn {
    background: rgba(255, 255, 255, 0.9);
    color: black;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    width: auto;
    font-weight: bold;
}

.view_btn:hover {
    background: rgba(255, 255, 255, 1);
}

/* Fullscreen Overlay */
.fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    display: none;
}

/* Fullscreen Poster (Now Takes Full Screen Properly) */
.fullscreen-poster {
    width: 100vw;
    height: 100vh;
    object-fit: contain; /* Ensures the full image is visible */
    border: none;
    cursor: grab;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 6px;
    right: 20px;
    background: darkred;
    color: white;
    padding: 8px 14px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    z-index: 2000;
}

.close-btn:hover {
    background: dimgray;
}
.modal {
  --bs-modal-header-padding: 0.5rem 1rem !important;
}
.tooltip {
    display: block !important;
    opacity: 1 !important;
    z-index: 1050 !important; /* Ensures it's on top of other elements */
}
.author-name {
  color: var(--color-heading-legacy);
}
.citation-card {
   font-family: var(--font-family);
 }

 .area {
   background-color: var(--color-bg-surface);
   border-left: 1px solid var(--color-border);
   padding: 1.5rem;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
   border-radius: 0.25rem;
 }
 .shade {
    background-color: #fbfbfb; /* slightly softer gray */
    border: 1px solid var(--color-border); /* consistent border */
    border-radius: 0.25rem; /* rounded corners */
    padding: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); /* soft shadow */
    height: 100%;
  }
 /*navbar*/
 .nav-item-unified {
   font-family: var(--font-family, Arial, sans-serif);
   font-size: 18px;
   font-weight: 500;
   color: var(--color-on-primary);
   padding: 2px 10px;
   margin: 0 0.4rem;
   text-decoration: none;
   display: inline-block;
   transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
 }

.nav-item-unified:hover {
  color: #00aced;
}

/* Admin Override UI Indicators */

/* Admin override - unlock icon uses default text color */
.la-unlock-alt.admin-override,
.la-unlock.admin-override {
    font-size: 16px;
}

/* Admin override banner for detail pages - Compact style */
.admin-override-banner {
    background: #fff3cd !important;
    border-left: 3px solid #ff9800 !important;
    border-right: 1px solid #ffc107 !important;
    border-top: 1px solid #ffc107 !important;
    border-bottom: 1px solid #ffc107 !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    margin: 12px 0 16px 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
}

.admin-override-banner i {
    color: #ff9800 !important;
    margin-right: 8px !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}

.admin-override-banner strong {
    color: #856404 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}


/* -- Mobile/tablet: remove fixed min-width that causes horizontal overflow on tablet -- */
@media (max-width: 991.98px) {
  .search-component .input-group {
    min-width: 0;
    width: 100%;
  }
}