/* ===== SCF TAB NAV ===== */

.scf-staff .scf-tabs{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:0 0 14px;
}

.scf-staff .scf-tab{
padding:8px 10px;
border-radius:999px;
text-decoration:none;
border:1px solid #ccc;
background:#fff;
color:#222;
font-weight:700;
}

.scf-staff .scf-tab.is-active{
background:#0b6aa9;
color:#fff;
border-color:#0b6aa9;
}

/* ===== TABLE ===== */

.scf-staff .scf-table-wrap{
overflow:auto;
}

.scf-staff .scf-table{
width:100%;
border-collapse:collapse;
min-width:880px;
}

.scf-staff .scf-table th{
text-align:left;
border-bottom:1px solid #ddd;
padding:8px;
white-space:nowrap;
}

.scf-staff .scf-table td{
border-bottom:1px solid #eee;
padding:8px;
vertical-align:top;
}

/* ===== SMALL TEXT ===== */

.scf-staff .scf-muted{
opacity:.7;
font-size:12px;
}

/* ===== BUTTONS ===== */

.scf-staff .scf-btn{
padding:8px 10px;
border-radius:6px;
border:1px solid #ccc;
background:#fff;
color:#222;
font-weight:700;
cursor:pointer;
text-decoration:none;
display:inline-block;
}

.scf-staff .scf-btn-primary{
background:#0b6aa9;
color:#fff;
border-color:#0b6aa9;
}

.scf-staff .scf-actions{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
}

/* ===== ROW MARKERS ===== */

.scf-staff .scf-row-today{
background:#fff8e6;
}

.scf-staff .scf-row-tomorrow{
background:#f1f7ff;
}

/* ===== STATUS BADGES ===== */

.scf-staff .scf-status-badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
font-size:13px;
font-weight:700;
}

.scf-staff .scf-status-open{
background:#fff3cd;
color:#856404;
border:1px solid #ffeeba;
}

.scf-staff .scf-status-confirmed{
background:#e6f6ea;
color:#1e7e34;
border:1px solid #b7ebc6;
}

.scf-staff .scf-status-declined{
background:#fdecea;
color:#a71d2a;
border:1px solid #f5c6cb;
}

.scf-staff .scf-status-cancelled{
background:#f1f1f1;
color:#666;
border:1px solid #ddd;
}

.scf-staff .scf-status-warn{
background:#fff3cd;
color:#856404;
border:1px solid #ffeeba;
}