/* Matches DPS PC shift cards; all rules are scoped to the new panel. */
.rf-project-shift-shell {
    position:relative; border-radius:16px; border:1px solid rgba(116,153,192,.26);
    background:linear-gradient(180deg,rgba(252,254,255,.98),rgba(244,249,255,.95));
    padding:6px; min-height:380px; box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.rf-project-shift-shell .vis-timeline {border:none;background:transparent;}
.rf-project-shift-shell .vis-labelset .vis-label {
    color:#17324d; background:rgba(242,247,252,.94);
    border-bottom:1px solid rgba(116,153,192,.22);box-shadow:inset -1px 0 0 rgba(116,153,192,.10);
}
.rf-project-shift-shell .vis-item {
    height:60px;border-radius:10px;font-size:12px;font-weight:600;
    box-shadow:inset 0 0 0 1px rgba(116,153,192,.16),0 6px 14px rgba(38,62,91,.10);
}
.rf-project-shift-shell .vis-item.vis-range,.rf-project-shift-shell .vis-item.vis-background {border-radius:10px!important;overflow:hidden;}
.rf-project-shift-shell .vis-item .vis-item-content {padding:0 10px;line-height:60px;overflow:hidden;}
.rf-project-shift-shell .vis-item.detail-shift-item .vis-item-content {display:flex;align-items:center;height:100%;line-height:1.25;padding:0 10px;width:100%;box-sizing:border-box;}
.rf-project-shift-shell .detail-shift-content,
.rf-project-shift-shell .detail-shift-item .vis-item-content>div {display:flex;min-width:0;max-width:100%;}
.rf-project-shift-shell .detail-shift-main {display:flex;align-items:center;gap:6px;min-width:0;}
.rf-project-shift-shell .detail-shift-item-name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* vis's default XSS sanitizer strips classes inside content HTML. Keep that
   protection enabled and style the known, escaped markup structurally. */
.rf-project-shift-shell .detail-shift-item .vis-item-content>div>div:first-child {display:flex;align-items:center;gap:6px;min-width:0;}
.rf-project-shift-shell .detail-shift-item .vis-item-content>div>div:first-child>span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rf-project-shift-shell .vis-item.vis-background.detail-shift-band-day {background:rgba(29,122,84,.055);border-left:1px solid rgba(29,122,84,.16);}
.rf-project-shift-shell .vis-item.vis-background.detail-shift-band-night {background:rgba(52,76,154,.075);border-left:1px solid rgba(52,76,154,.18);}
.rf-project-shift-shell .vis-item.vis-background .vis-item-content {color:rgba(23,50,77,.34);font-size:11px;font-weight:700;line-height:18px;padding:4px 8px;}
.rf-project-shift-legend {display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;color:#526b82;font-size:12px;}
.rf-project-shift-legend i {display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px;}
.rf-project-shift-legend .day {background:#1d7a54;}.rf-project-shift-legend .night {background:#344c9a;}
.rf-project-shift-legend .empty {background:#f1f5f9;border:1px dashed #94a3b8;}