.rbdg-grid{

position:relative;
border:1px solid #ddd;
background:#fff;
padding:20px;
border-radius:6px;
min-height:250px;

}

.rbdg-error{

    color:red;

    font-weight:bold;

}

#rbdgModalClear {
    margin-right: 10px !important;
}

.rbdg-table{

width:100%;
table-layout:fixed;
border-collapse:collapse;

}
.rbdg-table th,
.rbdg-table td{
    white-space:normal;
    word-break:break-word;
    overflow-wrap:anywhere;
}
.rbdg-table-wrap{

width:100%;
overflow-x:auto;
display:block;

}

.rbdg-table-wrap::-webkit-scrollbar{

height:10px;

}

.rbdg-table-wrap::-webkit-scrollbar-thumb{

background:#c8c8c8;
border-radius:20px;

}

.rbdg-copy-col{
    width:140px;
    text-align:center;
}


@keyframes rbdgPulse{
    0%{
        background:#ffe082;
    }
    50%{
        background:#fff9c4;
    }
    100%{
        background:transparent;
    }
}

.rbdg-row-highlight td{
    animation:rbdgPulse 2s ease;
}


.rbdg-table th{

    background:#f8fafc;

    padding:10px 14px;

    border:1px solid #ddd;

    text-align:left;

    font-size:13px;

    font-weight:600;

    min-width:auto;
    max-width:auto;

    white-space:normal;

}

.rbdg-table th:first-child,
.rbdg-table td:first-child{

width:40px;
min-width:40px;
max-width:40px;

text-align:center;

padding:8px;

}
.rbdg-active-filters{

display:flex;

flex-wrap:wrap;

gap:6px;

margin:0;

}

.rbdg-chip{
    font-size:12px;
    font-weight:500;
    font-family:Inter,Segoe UI,Roboto,sans-serif;
    cursor:pointer;
}

.rbdg-chip:hover{
    background:#e9ecef;
}

.rbdg-chip b{
    margin-left:6px;
    color:#d63638;
    cursor:pointer;
    font-size:14px;
    font-weight:700;
}

.rbdg-chip b:hover{
    color:#a00;
}





.rbdg-toolbar button{

white-space:nowrap;
height:30px;
min-height:30px;

font-size:12px;

}

@media(max-width:766px){

    .rbdg-toolbar{
        flex-direction:column;
        align-items:stretch;
    }

    .rbdg-toolbar input,
    .rbdg-toolbar select,
    .rbdg-toolbar button{
        width:100%;
    }

}




/* Modal */

.rbdg-modal{

display:none;

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

z-index:999999;

}

.rbdg-modal-box{

background:#fff;

width:600px;

max-width:90%;

margin:60px auto;

border-radius:6px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.25);

}

.rbdg-modal-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 20px;

border-bottom:1px solid #eee;

font-size:16px;

font-weight:600;

}

.rbdg-modal-header button{

background:none;

border:0;

font-size:26px;

cursor:pointer;

}

.rbdg-modal-body{

padding:20px;

max-height:400px;

overflow:auto;

}

.rbdg-modal-body input{

width:100%;

margin-bottom:15px;

}

#rbdgModalOptions{

display:flex;

flex-direction:column;

gap:6px;

}

.rbdg-modal-footer{

padding:15px 20px;

border-top:1px solid #eee;

text-align:right;

}

.rbdg-modal-option{

display:flex;

align-items:center;

gap:10px;

padding:6px 0;

cursor:pointer;

}

.rbdg-modal-option input{

width:auto !important;

margin:0 !important;

}

.rbdg-modal-option span{

flex:1;

}

/* Checkbox Filter */

.rbdg-checkbox-box{

display:inline-flex;
align-items:center;

width:auto !important;
min-width:auto !important;
max-width:max-content;

height:26px;

min-height:26px;

padding:0;
margin:0;

flex:0 0 auto;

}

.rbdg-checkbox-title{

font-weight:600;

margin-bottom:6px;

font-size:13px;

}



.rbdg-checkbox-filter{

display:flex;

flex-wrap:wrap;

align-items:center;

gap:10px;

width:100%;

padding:0;

}


.rbdg-checkbox-item:hover{

background:#f6f7f7;

border-radius:4px;

}

.rbdg-checkbox-item input{

margin:0;

}

.rbdg-checkbox-filter::-webkit-scrollbar{

width:6px;

}

.rbdg-checkbox-filter::-webkit-scrollbar-thumb{

background:#ccc;

border-radius:20px;

}

.rbdg-overlay{

position:fixed;

top:50%;
left:50%;

transform:translate(-50%,-50%);

display:flex;
align-items:center;
gap:8px;

padding:0;

background:transparent;

border:none;

box-shadow:none;

z-index:999;

font-size:15px;
font-weight:600;
color:#1f7a46;

pointer-events:none;

}
.rbdg-dot{

width:8px;
height:8px;

background:#34a853;

border-radius:50%;

display:inline-block;

animation:rbdgDot .8s ease-in-out infinite alternate;

}

@keyframes rbdgDot{

from{

transform:scale(.7);
opacity:.5;

}

to{

transform:scale(1.3);
opacity:1;

}

}

.rbdg-loading-small{

display:flex;

align-items:center;

justify-content:center;

gap:6px;

padding:20px;

font-size:14px;

color:#555;

}

.rbdg-spinner-small{

width:16px;

height:16px;

border:3px solid #ddd;

border-top:3px solid #2271b1;

border-radius:50%;

animation:rbdgspin .8s linear infinite;

}

.rbdg-toggle-desc{

display:inline-flex;

align-items:center;

gap:5px;

height:28px;

padding:0 10px;

font-size:12px;

font-weight:600;

border-radius:4px;

background:#f6f7f7;

border:1px solid #ccd0d4;

cursor:pointer;

white-space:nowrap;

width:auto;

}

.rbdg-toggle-desc:hover{

background:#eef2f5;

}



.rbdg-query-time{

color:#666;

font-size:12px;

}

#rbdgCharts{

    margin-bottom:25px;

}

.rbdg-chart-card{

    background:#fff;

    border:1px solid #ddd;

    border-radius:10px;

    padding:20px;

    margin-bottom:20px;

}

/* ==========================
   Analytics Dashboard
========================== */

.rbdg-stats{

display:flex;

flex-wrap:wrap;

gap:20px;

margin:30px 0;

}

.rbdg-stat-card{

flex:1 1 220px;

min-width:220px;

background:#fff;

border:1px solid #ddd;

border-radius:8px;

padding:18px;

text-align:center;

box-shadow:0 2px 6px rgba(0,0,0,.05);

transition:all .2s ease;

}
.rbdg-stat-card:hover{

transform:translateY(-3px);

box-shadow:0 6px 16px rgba(0,0,0,.08);

}

.rbdg-stat-value{

font-size:24px;

font-weight:700;

color:#2271b1;

line-height:1.1;

}

.rbdg-stat-title{

margin-top:6px;

font-size:13px;

font-weight:600;

color:#666;

}


@media(max-width:500px){

.rbdg-stat-card{

flex:1 1 100%;

}
}

.rbdg-detail-grid{
display:flex;
flex-direction:column;
gap:6px;
}







.rbdg-desc{

display:block;

width:100%;

max-width:100%;

padding:10px 12px;
font-size:12px;

margin-top:12px;

background:#fafafa;

border-left:4px solid #2271b1;

line-height:1.7;

white-space:pre-wrap;

overflow:hidden;

overflow-wrap:anywhere;

word-break:break-word;

box-sizing:border-box;

}



.rbdg-desc img{

    max-width:100% !important;

    height:auto;

}

.rbdg-desc table{

    width:100% !important;

    display:block;

    overflow-x:auto;

}

.rbdg-desc pre,
.rbdg-desc code{

    white-space:pre-wrap;

    word-break:break-word;

}


.rbdg-detail-value a{

font-size:14px;

text-decoration:none;

}

.rbdg-detail-placeholder td{

padding:0 !important;

border:none !important;

background:transparent !important;

}

.rbdg-detail-card{

width:100%;

background:#fff;

padding:16px 20px;

border:1px solid #e5e7eb;

border-radius:10px;

box-sizing:border-box;

overflow:hidden;

margin:12px 0;

box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.rbdg-detail-card *{

max-width:100%;

word-break:break-word;

overflow-wrap:anywhere;

box-sizing:border-box;

}

.rbdg-detail-card img{

max-width:100%;

height:auto;

}

.rbdg-detail-card table{

display:block;

width:100%;

overflow-x:auto;

}
.rbdg-table-summary{

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin:16px 0;

padding:10px 0;

}



.rbdg-table-summary .rbdg-active-filters{

display:flex;

flex-wrap:wrap;

gap:6px;

margin:0;

}



/* Apply Filters */

.rbdg-toolbar #rbdgApplyFilters{

background:#e8f7ee;
color:#1d7a46;
border:1px solid #b9e4c8;

height:30px;
min-height:30px;
padding:0 12px;

border-radius:5px;

font-size:12px;
font-weight:600;
line-height:28px;

cursor:pointer;
transition:.2s;

}

.rbdg-toolbar #rbdgApplyFilters:hover{

background:#34a853;

color:#fff;

border-color:#34a853;

}


/* Clear */

.rbdg-toolbar #rbdgClearFilters{

background:#f7f7f7;
color:#666;
border:1px solid #ddd;

height:30px;
min-height:30px;
padding:0 12px;

border-radius:5px;

font-size:12px;
font-weight:600;
line-height:28px;

cursor:pointer;
transition:.2s;

}

.rbdg-toolbar #rbdgClearFilters:hover{

background:#ffeaea;

color:#d63638;

border-color:#d63638;

}

#rbdgMoreFilters{

display:flex;

flex-wrap:wrap;

align-items:flex-start;

gap:10px;

width:100%;

}

/* Every filter occupies only its required width */

#rbdgMoreFilters > *{

display:flex;

align-items:center;

flex:0 0 auto;

margin-bottom:4px;

}

/* Any textbox or dropdown */

#rbdgMoreFilters input[type=text],
#rbdgMoreFilters input[type=date],
#rbdgMoreFilters select{

width:150px;
min-width:150px;
max-width:150px;

}

/* Checkbox filters */

#rbdgMoreFilters .rbdg-checkbox-item{

width:auto;

}

/* Pills */

#rbdgMoreFilters .rbdg-modal-filter{

width:auto;

}





#rbdgToggleFilters{

background:#eef6ff;
border:1px solid #c8dcff;
color:#0b57d0;

height:30px;
min-height:30px;
padding:0 12px;

border-radius:5px;

font-size:12px;
font-weight:600;
line-height:28px;

cursor:pointer;
transition:.2s;

}

#rbdgToggleFilters:hover{

background:#0b57d0;

color:#fff;

}








.rbdg-toolbar{

display:flex;
flex-wrap:wrap;
align-items:flex-start;

gap:10px;

padding:0;

margin:15px 0;

background:transparent;

border:none;

border-radius:0;

}
/* Every direct filter */

.rbdg-toolbar > *{

flex:0 0 auto;

}

/* Every textbox */

.rbdg-toolbar input[type=text],
.rbdg-toolbar input[type=date],
.rbdg-toolbar select{

width:160px;

}

/* Search box slightly larger */

.rbdg-toolbar input[type=text]:first-of-type{

width:180px;

}

/* Override WordPress admin input style */
.rbdg-toolbar input[type="text"],
.rbdg-toolbar input[type="date"],
.rbdg-toolbar input[type="email"],
.rbdg-toolbar input[type="url"],
.rbdg-toolbar input[type="tel"],
.rbdg-toolbar select{

height:23px !important;
min-height:23px !important;

padding:3px 9px !important;

line-height:21px !important;

font-size:12px !important;

background:#fff !important;

border:1px solid #d9dee5 !important;

border-radius:5px !important;

box-sizing:border-box;

}

.rbdg-footer{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

padding:18px 0;

flex-wrap:wrap;

}

.rbdg-expand{

width:24px;

height:24px;

border-radius:4px;

background:#f5f5f5;

font-size:12px;

font-weight:700;

cursor:pointer;

border:1px solid #ddd;

transition:.2s;

}

.rbdg-expand:hover{

background:#2271b1;
color:#fff;
border-color:#2271b1;

}

.rbdg-result-count{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:4px 12px;

    background:#f8fbff;

    border:1px solid #d8e5ff;

    border-radius:999px;

    font-size:11px;

    font-weight:600;

    color:#374151;

    min-height:32px;

}

.rbdg-footer button{

height:30px;

padding:0 10px;

border-radius:5px;

font-size:12px;

font-weight:600;

}

.rbdg-modal-filter{

display:inline-flex;
align-items:center;
justify-content:center;

height:23px !important;
min-height:23px !important;
max-height:26px !important;

padding:3px 10px !important;

line-height:21px !important;

font-size:12px;
font-weight:500;

font-family:Inter,Segoe UI,Roboto,sans-serif;

background:#f8fafc;

border:1px solid #d9dee5;

border-radius:5px;

color:#2d3748;

box-sizing:border-box;

transition:.18s;

min-width:auto;

}

.rbdg-modal-filter:hover{

background:#eef5ff;

border-color:#2271b1;

color:#2271b1;

}

/* Selected filter */

.rbdg-modal-filter.rbdg-filter-selected{

background:#e8f2ff;

border-color:#2271b1;

color:#0b57d0;

font-weight:600;

}
/* Textboxes having a value */
.rbdg-filter[type="text"]:not([value=""]){

     background:#e8f2ff !important;


    border:1px solid #2271b1 !important;

    color:#0b57d0;

    font-weight:500;

    box-shadow:none;

    outline:none;

}

@media(max-width:768px){

#rbdgMoreFilters{

display:flex;
flex-direction:column;
align-items:stretch;
gap:8px;

}

#rbdgMoreFilters > *{

width:100% !important;
max-width:100%;

}

#rbdgMoreFilters input,
#rbdgMoreFilters select{

width:100% !important;
max-width:100%;

}

.rbdg-checkbox-box{

justify-content:flex-start;

}

}

.rbdg-table tbody tr{

transition:.15s;

}

.rbdg-table tbody tr:hover{

background:#f8fbff;

}

.rbdg-table td{

    padding:10px 14px;

    font-size:13px;

    line-height:1.5;

    border-bottom:1px solid #eee;

    min-width:auto;
    max-width:auto;

    white-space:normal;

    word-break:break-word;
    overflow-wrap:anywhere;

    vertical-align:top;

}


.rbdg-footer button:hover{

background:#2271b1;

color:#fff;

}
.rbdg-toolbar input:focus,
.rbdg-toolbar select:focus{

outline:none;

background:#fff;

border-color:#3b82f6;

box-shadow:0 0 0 3px rgba(59,130,246,.08);

}


.rbdg-footer strong,
.rbdg-footer span{

font-size:13px;

}
.rbdg-toolbar-actions{

display:flex;

align-items:center;

gap:8px;

margin-top:10px;

width:100%;

}

@media(max-width:768px){

.rbdg-toolbar-actions{

flex-direction:column;

align-items:stretch;

}

.rbdg-toolbar-actions button{

width:100%;

}

}

.rbdg-detail-button{

display:flex;

align-items:center;

justify-content:flex-start;

}

.rbdg-checkbox-item input[type="checkbox"]{

width:14px !important;
height:14px !important;

margin:0 !important;

flex:0 0 14px;

vertical-align:middle;

}

.rbdg-checkbox-item{

display:flex;

align-items:center;

gap:4px;

font-size:12px;

font-family:Inter,Segoe UI,Roboto,sans-serif;

color:#333;

}
.rbdg-search-box{

    display:flex;

    align-items:center;

    gap:10px;

}

.rbdg-search-box input{
    width:220px !important;
    min-width:220px !important;
    height:23px !important;
    box-sizing:border-box;
}

#rbdgSearchBtn{

    height:23px !important;
    min-height:23px !important;

    padding:0 12px !important;

    margin:0 !important;

    border:none !important;
    box-shadow:none !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    line-height:1 !important;

    background:transparent;

}


.rbdg-ai-action{

    border:1px solid #d9d9d9;

    border-radius:8px;

    padding:12px 15px;

    margin-bottom:10px;

    cursor:pointer;

    transition:.2s;

    font-size:15px;

    background:#fff;

}

.rbdg-ai-action:hover{

    background:#f5f9ff;

    border-color:#2271b1;

}

.rbdg-ai-action.active{

    background:#2271b1;

    color:#fff;

    border-color:#2271b1;

    font-weight:600;

}

.rbdg-detail-card{

    font-size:13px;

}

.rbdg-detail-card *{

    font-size:13px;

    line-height:1.5;

}

.rbdg-detail-row{

padding:10px 0;

border-bottom:1px solid #f1f1f1;

}

.rbdg-detail-label{

display:block;

font-size:12px;

font-weight:700;

color:#555;

text-transform:uppercase;

margin-bottom:6px;

}

.rbdg-detail-value{

display:block;

font-size:13px;

line-height:1.5;

color:#222;

white-space:normal;

word-break:break-word;

overflow-wrap:anywhere;

}

.rbdg-desc{

    font-size:13px;

}

.rbdg-table td,
.rbdg-table th{

hyphens:auto;

}
/* ===== Force Detail View Left Alignment ===== */

.rbdg-detail-card,
.rbdg-detail-grid,
.rbdg-detail-row,
.rbdg-detail-label,
.rbdg-detail-value{
    text-align:left !important;
}

.rbdg-detail-label{

    display:block;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    color:#555;

    margin-bottom:6px;

}



.rbdg-detail-value *{

    text-align:left !important;

}

.rbdg-desc{

    text-align:left !important;

}

.rbdg-job-actions{

    display:flex;

    justify-content:flex-start !important;

    align-items:center;

    gap:10px;

}

.rbdg-toggle-desc{

    display:inline-flex;

    justify-content:flex-start;

}

.rbdg-detail-card p,
.rbdg-detail-card div,
.rbdg-detail-card span,
.rbdg-detail-card ul,
.rbdg-detail-card ol,
.rbdg-detail-card li{

    text-align:left !important;

}

.rbdg-new{
    color:#9ca3af;
}

.rbdg-explored{
    color:#f59e0b;
    font-weight:bold;
}
.rbdg-expand:hover{

    color:#d97706;

}
.rbdg-applied{
    color:#f59e0b;
    font-weight:bold;
}
.rbdg-table-summary{

display:flex;

justify-content:space-between;

align-items:center;

width:100%;

margin:15px 0;

padding:0px 0;

}

.rbdg-summary-left{

display:flex;

align-items:center;

justify-content:space-between;

flex:1;

gap:20px;

min-width:0;

}

.rbdg-summary-right{

display:flex;

align-items:center;

justify-content:flex-end;

flex-shrink:0;

margin-left:auto;

}

.rbdg-summary-left{

flex:1;

}

.rbdg-summary-right{

display:flex;

align-items:center;

}

#rbdgTrackerBtn{

display:flex;

align-items:center;

gap:8px;

padding:10px 18px;

border-radius:12px;

border:1px solid #d8dee9;

background:#fff;

cursor:pointer;

font-weight:600;

transition:.25s;

}

#rbdgTrackerBtn:hover{

background:#f5f9ff;

}

.rbdg-tracker-count{

background:#2563eb;

color:#fff;

padding:2px 8px;

border-radius:30px;

font-size:12px;

font-weight:bold;

min-width:24px;

text-align:center;

}

#rbdgTrackerPopup{

display:none;

position:absolute;

width:320px;

background:#fff;

border:1px solid #ddd;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.12);

z-index:99999;

overflow:hidden;

}

.rbdg-tracker-header{

padding:15px;

font-size:16px;

font-weight:700;

background:#f8fafc;

border-bottom:1px solid #eee;

}

.rbdg-tracker-body{

padding:20px;

overflow:visible;

max-height:none;

height:auto;

}

.rbdg-tracker-stat{

padding:8px 0;

font-size:14px;

}

.rbdg-job-card{

    padding:12px;

    border:1px solid #e5e5e5;

    border-radius:10px;

    margin-bottom:12px;

    background:#fff;

}

.rbdg-job-line1{

    font-weight:700;

    font-size:15px;

}

.rbdg-job-line2{

    color:#555;

    margin-top:4px;

}

.rbdg-job-line3{

    color:#888;

    font-size:12px;

    margin-top:3px;

}

.rbdg-mark-applied{

    margin-top:10px;

    width:100%;

}

.rbdg-applied-label{

    margin-top:10px;

    color:#1e8e3e;

    font-weight:700;

}

.rbdg-tracker-title{

    font-weight:700;

    margin-bottom:12px;

}

.rbdg-tracker-empty{

    color:#777;

    font-style:italic;

}
.rbdg-tracker-header{

    padding-bottom:12px;

    border-bottom:1px solid #ececec;

    margin-bottom:15px;

}

.rbdg-tracker-title-main{

    font-size:16px;

    font-weight:700;

    margin-bottom:10px;

}

.rbdg-tracker-summary{

    display:flex;

    gap:10px;

}

.rbdg-badge{

    display:inline-block;

    padding:6px 14px;

    border-radius:25px;

    font-size:13px;

    font-weight:600;

}

.rbdg-badge.pending{

    background:#fff7db;

    color:#9a6700;

}

.rbdg-badge.applied{

    background:#e8fff1;

    color:#157347;

}

.rbdg-job-card{

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:14px;

    padding:16px;

    margin-bottom:14px;

    transition:.25s;

}
.rbdg-job-card{

    padding:12px 14px;

    margin-bottom:10px;

    border-radius:10px;

}

.rbdg-job-card:hover{

    transform:translateY(-2px);

    box-shadow:0 8px 18px rgba(0,0,0,.08);

}

.rbdg-job-line1{

    font-size:16px;

    font-weight:700;

    color:#1f2937;
 line-height:1.3;
}

.rbdg-job-line2{

    margin-top:4px;

    color:#374151;

    font-size:14px;

}

.rbdg-job-line3{

    margin-top:2px;

    color:#6b7280;

    font-size:13px;

}

.rbdg-job-id{

    margin-top:8px;

    display:inline-block;

    background:#eef4ff;

    color:#2563eb;

    padding:4px 10px;

    border-radius:20px;

    font-size:12px;

    font-weight:600;

}
.rbdg-tracker-tabs{

    display:flex;

    gap:10px;

    margin-top:12px;

}

.rbdg-tracker-tab{

    flex:1;

    height:29px;

    padding:0 16px;

    border-radius:10px;

    font-size:11px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:center;

}

.rbdg-tracker-tab.active{

    background:#2563eb;

    color:#fff;

    border-color:#2563eb;

}
/* ===== Mobile Tracker Fix ===== */

@media (max-width:768px){

#rbdgTrackerPopup .rbdg-job-line1,
#rbdgTrackerPopup .rbdg-job-line2,
#rbdgTrackerPopup .rbdg-job-line3{

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    overflow:visible !important;
    white-space:normal !important;

}

#rbdgTrackerPopup .rbdg-job-card{

    display:block !important;

}

}
.rbdg-tracker-filters{

    display:flex;

    gap:12px;

    margin-bottom:15px;

    align-items:center;

}

#rbdgTrackerSearch{

    flex:1;

    height:38px;

    padding:0 14px;

    border:1px solid #d9dee5;

    border-radius:8px;

    font-size:14px;

    box-sizing:border-box;

}

#rbdgTrackerStatusFilter{

    width:220px;

    height:38px;

    padding:0 12px;

    border:1px solid #d9dee5;

    border-radius:8px;

    font-size:14px;

    background:#fff;

    box-sizing:border-box;

}

.rbdg-notes-box{

margin-top:12px;

}

.rbdg-job-note{

width:100%;

min-height:80px;

padding:10px;

border:1px solid #ddd;

border-radius:8px;

resize:vertical;

box-sizing:border-box;

font-size:13px;

}
.rbdg-job-note{

    min-height:65px;

    padding:8px 10px;

    font-size:13px;

}

.rbdg-save-note{

margin-top:8px;

}

#rbdgTrackerPopup{

position:fixed;

top:0;

left:0;

right:0;

bottom:0;

width:100%;

height:100%;

max-width:none;

max-height:none;

border-radius:0;

background:#fff;

z-index:999999;

overflow:auto;

padding:20px;

box-sizing:border-box;

}


#rbdgTrackerOverlay{

position:fixed;

top:0;

left:0;

right:0;

bottom:0;

background:rgba(0,0,0,.45);

z-index:999998;

}

.rbdg-tracker-header{

position:sticky;

top:0;

background:#fff;

z-index:10;

padding-bottom:15px;

border-bottom:1px solid #e5e7eb;

}

.rbdg-tracker-header-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:15px;

}

#rbdgTrackerClose{

width:40px;

height:40px;

border:none;

background:#f3f4f6;

border-radius:50%;

cursor:pointer;

font-size:22px;

font-weight:bold;

transition:.2s;

}

#rbdgTrackerClose:hover{

background:#ef4444;

color:#fff;

transform:rotate(90deg);

}
.rbdg-community-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none !important;

    font-weight:600;

}
.rbcv-note-help{
    margin:8px 0 10px;
    font-size:13px;
    color:#666;
}

.rbcv-note-help a{
    color:#2563eb;
    font-weight:600;
    text-decoration:none;
}

.rbcv-note-help a:hover{
    text-decoration:underline;
}


/* ===== Premium Top Navigation ===== */

.rbdg-summary-nav{

    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:12px 0;

}

#rbdgTrackerBtn,
.rbdg-community-btn{

    display:inline-flex;
    align-items:center;
    gap:6px;

    height:29px;

    padding:0 12px;

    background:#fff;

    border:1px solid #dbe3ef;

    border-radius:9px;

    text-decoration:none !important;

    color:#1f2937;

    font-size:11px;

    font-weight:600;

    transition:.2s;

    cursor:pointer;

    box-shadow:0 1px 4px rgba(0,0,0,.04);

}

#rbdgTrackerBtn:hover,
.rbdg-community-btn:hover{

    border-color:#2563eb;

    color:#2563eb;

    transform:translateY(-1px);

    box-shadow:0 6px 14px rgba(37,99,235,.10);

}

.rbdg-tracker-count{

    width:22px;
    height:22px;

    border-radius:50%;

    background:#2563eb;

    color:#fff;

    font-size:11px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

.rbdg-tracker-loading{

    padding:90px 20px;

    text-align:center;

}

.rbdg-tracker-loading h3{

    margin-top:20px;

    margin-bottom:8px;

    font-size:24px;

    font-weight:700;

}

.rbdg-tracker-loading p{

    margin:0;

    color:#666;

}

/* =========================================================
   MOBILE JOB TABLE
   No horizontal scrolling
   Company / Role / Location stay readable
   ========================================================= */

@media (max-width: 768px) {

    .rbdg-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: visible;
    }

    .rbdg-table {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .rbdg-table th,
    .rbdg-table td {
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
        vertical-align: top;
    }

    /* + / - */
    .rbdg-table th:nth-child(1),
    .rbdg-table td:nth-child(1) {
        width: 8% !important;
        min-width: 40px !important;
        max-width: 40px !important;
        padding: 8px 4px !important;
    }

    /* Company */
    .rbdg-table th:nth-child(2),
    .rbdg-table td:nth-child(2) {
        width: 22% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 10px 7px !important;
    }

    /* Role */
    .rbdg-table th:nth-child(3),
    .rbdg-table td:nth-child(3) {
        width: 32% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 10px 7px !important;
    }

    /* Location */
    .rbdg-table th:nth-child(4),
    .rbdg-table td:nth-child(4) {
        width: 26% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 10px 7px !important;
    }

    /* AI */
    .rbdg-table th:nth-child(5),
    .rbdg-table td:nth-child(5) {
        width: 12% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 8px 3px !important;
        text-align: center !important;
    }

    .rbdg-table th {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .rbdg-table td {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .rbdg-expand {
        touch-action: manipulation;
    }
}


/* =========================================
   FIND YOUR PASSION - COMPACT SOFT GREEN
   ========================================= */

.rbdg-passion-section {
    width: 100%;
    flex-basis: 100%;
    margin: 10px 0 8px 0;
    padding: 9px 16px 10px 16px;
    box-sizing: border-box;
    background: #f6fbf8;
    border: 1px solid #d8eadf;
    border-left: 4px solid #72b894;
    border-radius: 9px;
}

/* Heading */
.rbdg-passion-title {
    display: inline;
    font-size: 13px;
    font-weight: 700;
    color: #234b38;
    line-height: 1.3;
    margin: 0;
}

/* Subtitle */
.rbdg-passion-subtitle {
    display: inline;
    font-size: 13px;
    color: #61756a;
    line-height: 1.3;
    margin-left: 10px;
}

/* Passion buttons */
.rbdg-passion-section + .rbdg-modal-filter {
    margin-top: 2px;
}


.rbdg-country-location-tip {
    position: relative;
    cursor: help;
}

.rbdg-country-location-tip::after {
    content: "⚠️ Looking for Remote/WFH jobs? Don't select a Country or Location. Some remote jobs only mention \"Remote\" without specifying a country/location. Use \"Remote / WFH Jobs\" in the \"Remote / WFH / Weekend Jobs\" filter instead.";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    width: 330px;
    padding: 10px 12px;
    background: #333;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.rbdg-country-location-tip::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 2px);
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #333;
    opacity: 0;
    visibility: hidden;
    z-index: 100000;
}

.rbdg-country-location-tip:hover::after,
.rbdg-country-location-tip:hover::before {
    opacity: 1;
    visibility: visible;
}

/* =========================================================
   FILTER MODAL — MOBILE LANDSCAPE FIX
   ========================================================= */

@media (max-width: 900px) and (max-height: 600px) {

    .rbdg-modal-box {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;

        max-height: calc(100vh - 20px) !important;

        margin: 10px auto !important;

        display: flex;
        flex-direction: column;
    }

    .rbdg-modal-header {
        flex: 0 0 auto;
    }

    .rbdg-modal-body {
        flex: 1 1 auto;

        max-height: none !important;

        min-height: 0;

        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .rbdg-modal-footer {
        flex: 0 0 auto;

        position: sticky;
        bottom: 0;

        background: #fff;

        z-index: 20;
    }
}
/* =========================================================
   JOB TRACKER PLUS BUTTON COLORS
   ========================================================= */

.rbdg-expand.rbdg-new {
    color: #9ca3af !important;
}

.rbdg-expand.rbdg-applied {
    color: #f59e0b !important;
    font-weight: bold !important;
}