.table-box {
       /* max-width: 80%; */
        margin: auto;
    }

    .btn-container {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    .btn-container .btn {
        margin: 0;
    }

    .table-box.small-table .table-custom {
        font-size: 0.9em;
        max-width: 100%;
    }

    .table-box .hidden-rows {
        display: none;
    }

    .table-box .show-more-btn {
        cursor: pointer;
        color: #007bff;
        text-decoration: underline;
    }

    .details {
        margin-left: 20px;
    }

    .details p {
        margin: 5px 0;
    }

    .progress-bar {
        display: flex;
        text-align: left;
        margin-top: 10px;
    }

    .progress-bar span {
        width: 100px;
        font-weight: bold;
    }

    .bar {
        width: 100%;
        height: 20px;
        border-radius: 10px;
        background-color: #eee;
        position: relative;
    }

    .bar-fill {
        height: 100%;
        border-radius: 10px;
    }

    .bar-fill.failed {
        background-color: #e74c3c;
    }

    .bar-fill.warning {
        background-color: #f39c12;
    }

    .bar-fill.passed {
        background-color: #2ecc71;
    }

    .bar-text {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: white;
        font-weight: bold;
    }

    .average-score {
        margin-top: 20px;
        padding: 10px;
        background-color: #f1f1f1;
        border-radius: 5px;
        font-size: 14px;
    }

    .chart-container {
        position: relative;
        width: 100%;
        margin-top: 10%;
    }

    #seoScoreChart {
        width: 100%;
        height: 100%;
    }

    .score-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 24px;
        font-weight: bold;
    }

    .btn-secondary.status-url:hover {
        background-color: #10ab10;
        border-color: #10ab10;
        cursor: auto;
    }
    .screenshots img{
    width: 100%;
    }
    
    .tooltip-icon {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    color: #666;
    cursor: help;
    font-size: 0.8em;
}

.tooltip-content {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    padding: 10px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 100;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}

.tooltip-content a {
    color: #0066cc;
    text-decoration: underline;
}

.tooltip-icon:hover .tooltip-content {
    display: block;
}
.icon-info{
margin-left: 8px;
cursor: pointer
}
.sort-arrow, #keywordTable th, #topKeywordTable th{
cursor: pointer;
}
/* Notification counters styling */
.notification-counter {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    color: white;
    vertical-align: top;
    cursor: default;
}

/* Notification types */
.notification-counter.score-impact {
    background-color: #1277F3; 
}

.notification-counter.errors {
    background-color: #e74c3c; 
}

.notification-counter.warnings {
    background-color: #f39c12; 
}

.notification-counter.tips {
    background-color: #2ecc71; 
}
@media(max-width:992px){
    .section-header h2{
    font-size: 20px;
    }
}
.bad{
color:#dc3545;
}
 .bg-black .table-box {
   border-radius:0;
}
.bg-black .summary {
    overflow: initial;
} 
.bg-black .border-radius-5{
border-radius:3px;
}
.p-l-06rem{
padding: 0 0.6rem;
}
.highlight-box, .consistency-box {
    display: inline-block;
    padding: 2px 5px;
    margin: 0 2px;
    background-color: #f0f4ff;
    border: 1px solid #c0d3ff;
    border-radius: 4px;
    font-family: monospace;
}
 .bg-black .highlight-box{
 color:#3b2f2f;
 }
  #information tr td:last-child,tr td code, #security tr td:last-child{
           font-size: 12px !important;

    }
    a.link-darkmode, a.link-darkmode:visited{
    color: #000 !important;
    }
    .bg-black a.link-darkmode, .bg-black a.link-darkmode:visited{
    color: #E0DADA !important;
    }
.badge {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    margin-right: 8px;
}

.badge.error {
    background-color: #ff4d4f;
    color: white;
}

.badge.warning {
    background-color: #faad14;
    color: black;
}
.table-custom td {
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
}
.bg-black td .consistency-box,.bg-black td .highlight-box{
color:#000 !important;
}
.share-report{
background-color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    display: flex; align-items: center; gap: 10px; 
}
.bg-black .share-report {
    background: #3B2F2F;
    color: #E0DADA !important;
}
#tipsInformation a, #tipsInformation a:visited{
 color: #000 !important;
 text-decoration: none;
}