.tab-link {
    display:block;
    width:100%;
    padding:12px 15px;
    margin-bottom:5px;
    background: #3797E4 !important; /* blue by default */
    color:#fff !important;
    border:none;
    border-radius:6px;
    text-align:left;
    font-weight:600;
    cursor:pointer;
    transition: background 0.2s, color 0.2s;
}

.tab-link:hover {
    background:#005f8d !important; /* darker blue on hover */
    color:#fff !important;
}

.tab-link.active {
    background:#004d73 !important; /* darkest blue for active */
    color:#fff !important;
}

.worker-dashboard { display:flex; gap:20px; }
.worker-tab-content h2 { margin-bottom:20px; font-size:22px; }

/* Buttons */
.worker-dashboard button,
.job-card button {
    transition: background 0.2s, color 0.2s;
}

/* Green buttons */
button[style*="background:green"] {
    background: green !important;
    color: #fff !important;
}
button[style*="background:green"]:hover {
    background: #006400 !important;
    color: #fff !important;
}

/* Red buttons */
button[style*="background:red"] {
    background: red !important;
    color: #fff !important;
}
button[style*="background:red"]:hover {
    background: #a50000 !important;
    color: #fff !important;
}

@media(max-width:768px){
   .worker-dashboard { flex-direction:column; }
   .worker-tabs { max-width:100% !important; display:flex; gap:10px; max-height: 100px; overflow: scroll; padding-right: 10px; }
   .tab-link { flex:1; text-align:center; }
}