.pdv-shift-notice { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 8px 0 12px; padding: 9px 12px; border: 1px solid var(--border); border-left: 2px solid var(--accent); border-radius: 5px; background: var(--surface); color: var(--muted); font-size: 12px; }
.pdv-shift-notice[data-stage=ended] { border-left-color: var(--warning); }
.pdv-shift-notice button { flex-shrink: 0; }
@media(max-width: 520px) { .pdv-shift-notice { flex-wrap: wrap; } }