.rz-my-10,
.rz-mt-10 {
    margin-top: 0 !important;
}

.shift-login-page {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.shift-login-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.shift-login-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
}

.shift-login-card-header {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.shift-login-card-title {
    font-weight: 700;
    color: #0f172a;
    font-size: 1.05rem;
}

.shift-login-card-sub {
    color: #64748b;
    font-size: 0.9rem;
}

.shift-login-card-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shift-login-empty {
    background: #f8fafc;
    border-style: dashed;
}

.shift-login-action {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.shift-login-hint {
    color: #475569;
    font-size: 0.85rem;
}

.login-button {
    width: 100%;
}

@media (min-width: 768px) {
    .shift-login-shell {
        gap: 1.25rem;
    }

    .shift-login-card {
        padding: 1.25rem;
    }
}

@media (min-width: 1100px) {
    .shift-login-shell {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .shift-login-card {
        flex: 1 1 480px;
    }
}

/* Personal workday: explicitly requested mobile task workspace, not an administration table. */
.shift-login-page { --workday-blue: #2454e6; --workday-line: #e5eaf1; --workday-muted: #596b82; width: 100%; max-width: 792px; margin: 0 auto; padding: 16px 16px calc(150px + env(safe-area-inset-bottom)); color: #243044; background: #f5f7fa; border-radius: 14px; }
.shift-login-page .app-shell-header { padding: 0; margin: 0 0 12px; border: 0; background: transparent; box-shadow: none; }
.shift-login-page .app-shell-title { font-size: 24px; letter-spacing: -.6px; color: #243044; }
.workday-date { margin: 5px 0 0; font-size: 12px; color: var(--workday-muted); }
.shift-login-page .shift-login-shell { display: block; }
.workday { width: 100%; min-width: 0; }
.workday [hidden] { display: none !important; }
.workday-overview, .workday-extra { border: 1px solid var(--workday-line); border-radius: 14px; background: #fff; overflow: hidden; margin-bottom: 14px; }
.workday-overview > summary { display: flex; align-items: center; gap: 10px; padding: 10px 13px; min-height: 56px; list-style: none; cursor: pointer; }
.workday-overview > summary::-webkit-details-marker { display: none; }
.workday-overview summary strong { display: block; font-size: 13px; font-weight: 650; }
.workday-overview summary small { display: block; color: var(--workday-muted); font-size: 11px; margin-top: 2px; }
.workday-calendar { background: #eef3ff; color: var(--workday-blue); padding: 7px; border-radius: 9px; }
.workday-chevron { margin-left: auto; }
.workday-overview[open] .workday-chevron { transform: rotate(180deg); }
.workday-overview-body { padding: 16px; border-top: 1px solid var(--workday-line); }
.workday-counts { display: grid; grid-template-columns: repeat(3,1fr); }
.workday-counts > div { padding: 0 10px; border-left: 1px solid var(--workday-line); }
.workday-counts > div:first-child { padding-left: 0; border: 0; }
.workday-counts strong { display: block; font-size: 23px; }
.workday-counts small { color: var(--workday-muted); font-size: 11px; }
.workday-counts > div:nth-child(2) strong { color: var(--workday-blue); }
.workday-counts > div:nth-child(3) strong { color: #18805c; }
.workday-overview progress { width: 100%; height: 5px; margin: 14px 0; accent-color: #18805c; }
.workday-facts { display: grid; gap: 9px; margin: 0; font-size: 12px; }
.workday-facts > div { display: flex; justify-content: space-between; gap: 14px; }
.workday-facts dt { color: var(--workday-muted); font-weight: 400; }
.workday-facts dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.workday-tabs { display: flex; gap: 4px; background: #e9edf4; padding: 4px; border-radius: 10px; }
.workday-tabs button { flex: 1; min-height: 40px; border: 0; border-radius: 7px; color: #53637a; background: transparent; font-size: 13px; font-weight: 600; }
.workday-tabs button[aria-selected="true"] { background: #fff; color: #243044; box-shadow: 0 1px 3px #2135560c; }
.workday-tabs span, .workday-badge { display: inline-block; font-size: 11px; background: #eef3ff; color: #2454e6; border-radius: 5px; padding: 1px 6px; margin-left: 7px; }
.workday-hint { color: var(--workday-muted); font-size: 11px; margin: 9px 2px; line-height: 1.5; }
.workday-task-panel.rz-panel { padding: 0; border: 1px solid var(--workday-line); border-radius: 14px; overflow: hidden; background: #fff; box-shadow: none; }
.workday-task-panel > .rz-panel-titlebar { display: none; }
.workday-task-panel .rz-panel-content { padding: 0; }
.workday-task-panel .rz-panel-content > .rz-card { padding: 0; margin: 0 !important; background: #fff; box-shadow: none; border: 0; }
.workday-task { position: relative; padding: 10px 13px 12px; border-bottom: 1px solid var(--workday-line); background: #fff; min-width: 0; }
.workday-task:last-child { border-bottom: 0; }
.workday-task.is-active { background: #f7f9ff; box-shadow: inset 3px 0 0 #2454e6; }
.workday-task-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; }
.workday-task h3 { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; }
.workday-instruction { width: 44px; height: 44px; flex-shrink: 0; border: 0; border-radius: 8px; background: transparent; color: #596e8b; display: grid; place-items: center; cursor: pointer; }
.workday-instruction:hover { background: #eef3ff; color: #2454e6; }
.workday-instruction span { font-size: 20px; }
.workday-task-status { color: var(--workday-muted); font-size: 11px; margin: 2px 0 6px; }
.workday-task.is-active .workday-task-status { color: #1941bd; font-weight: 600; }
.workday-task .task-panel-detail-text { font-size: 11px; color: #596b82; margin: 4px 0 8px; line-height: 1.45; }
.workday-task .slider-container { width: 166px; height: 46px; min-height: 46px; margin: 8px 0 0 auto; border: 1px solid #c3cedd; border-radius: 10px; background: #f4f6fa; box-shadow: none; }
.workday-task .slider { width: 40px; height: 40px; left: 2px; border-radius: 8px; background: #fff; border: 1px solid #bac8da; color: #53647d; box-shadow: none; transition: none; }
.workday-task .slider::after { content: "»"; font-size: 24px; }
.workday-task .slider-label { inset: 0 4px 0 43px; display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 600; color: #53647d; }
.workday-task.is-active .slider { background: #2454e6; border-color: #2454e6; color: #fff; }
.workday-task.is-active .slider-container { background: #edf2ff; border-color: #b4c5f5; }
.workday-task .task-panel-checklist { margin: 0; }
.workday-task .task-panel-detail-card, .workday-task .task-panel-media-card { background: #f7f9fc; border: 1px solid var(--workday-line); box-shadow: none; border-radius: 10px; margin-top: 10px; }
.workday-task .task-panel-detail-title, .workday-task .task-panel-media-title { color: #455c7a; text-transform: none; letter-spacing: 0; }
.workday-task .task-panel-media-toggle { min-height: 44px; border-radius: 8px; font-size: 12px; }
.workday-task .task-panel-media-item { min-width: 0; max-width: 100%; }
.workday-task .task-checklist-message { font-size: 12px; color: #805b15; }
.workday-finished { background: #fff; border: 1px solid var(--workday-line); border-radius: 14px; overflow: hidden; }
.workday-done-times { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 8px; font-size: 12px; font-variant-numeric: tabular-nums; }
.workday-done-times small { display: block; color: var(--workday-muted); font-size: 10px; margin-bottom: 3px; }
.workday-done-times > span:last-child { text-align: right; color: #18805c; }
.workday-empty { padding: 22px 16px; color: var(--workday-muted); font-size: 13px; margin: 0; }
.workday-extra { margin-top: 14px; }
.workday-extra > summary { padding: 14px; min-height: 48px; font-size: 12px; font-weight: 600; cursor: pointer; }
.workday-extra > .workday-hint { margin: 0 14px 12px; }
.workday-planned-item { display: flex; gap: 12px; justify-content: space-between; padding: 12px 14px; border-top: 1px solid var(--workday-line); font-size: 12px; }
.workday-planned-item span { flex-shrink: 0; color: var(--workday-muted); }
.workday .rule-tasks-panel { padding: 12px; background: #fff; border: 0; box-shadow: none; }
.workday .rule-tasks-panel h2 { font-size: 15px; }
.workday-footer { position: fixed; inset: auto 0 0; z-index: 900; background: #fff; color: #243044; border-top: 1px solid #dfe5ee; padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -4px 16px #23344a05; }
.workday-footer-inner { max-width: 792px; margin: auto; padding: 10px 16px 12px; }
.workday-footer-status { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; margin-bottom: 9px; }
.workday-footer-status strong { font-weight: 600; color: #18805c; }
.workday-footer-status span { color: #596b82; }
.workday-footer-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 9px; }
.workday-footer-actions .rz-button { min-height: 44px; border-radius: 9px; padding: 10px 12px; text-transform: none; font-size: 12px; box-shadow: none; }
.workday-footer-actions .workday-pause { background: #2454e6; color: #fff; }
.workday-footer-actions .workday-end { background: #fffcfd; border: 1px solid #e8d8dc; color: #b63d4a; }
.workday button:focus-visible, .workday summary:focus-visible, .workday .slider:focus-visible { outline: 2px solid #2454e6; outline-offset: 2px; }
.workday-sheet.rz-dialog { max-height: 88dvh; display: flex; flex-direction: column; border-radius: 17px; }
.workday-sheet .rz-dialog-content { min-height: 0; overflow-y: auto; }
@media (min-width: 600px) {
    .shift-login-page { padding: 28px 28px 140px; }
    .shift-login-page .app-shell-title { font-size: 28px; }
    .workday-tabs { max-width: 370px; }
    .workday-task { padding: 12px 16px; }
    .workday-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 28px; }
    .workday-footer-status { flex-direction: column; margin: 0; gap: 4px; }
    .workday-footer-actions { min-width: 330px; }
}
@media (max-width: 599px) {
    .workday-sheet.rz-dialog { position: fixed; bottom: 0; left: 0; right: 0; width: 100% !important; max-width: 100%; margin: 0; border-radius: 19px 19px 0 0; }
    .workday .rule-task-actions { flex-wrap: wrap; }
}
@media (max-width: 359px) {
    .shift-login-page { padding-left: 10px; padding-right: 10px; }
    .workday-task .slider-container { width: 142px; }
    .workday-footer-actions .rz-button { padding: 8px; font-size: 11px; }
}
/* Nested checklist sliders retain their full labels and independent completion controls. */
.workday-task .task-panel-checklists .slider-container { width: 100%; min-height: 60px; height: auto; margin: 6px 0; }
.workday-task .task-panel-checklists .slider-label { position: relative; inset: auto; width: 100%; min-height: 60px; padding: 10px 10px 10px 52px; justify-content: flex-start; white-space: normal; overflow-wrap: anywhere; }
.workday-task .task-panel-checklists .slider { top: calc(50% - 20px); }
.workday-task .checklist-container { background: #f7f9fc; border: 1px solid #e5eaf1; border-radius: 10px; box-shadow: none; padding: 10px; }
.workday-task .task-panel-checklists .checklist-slider-completed { background: #edf8f1; }
.workday-task .task-panel-checklists .checklist-slider-handle-completed { background: #18805c; color: #fff; }
/* Higher specificity than the shared shell, loaded later in the application. */
.app-shell.shift-login-page { max-width: 792px; margin: 0 auto; padding: 16px 16px calc(150px + env(safe-area-inset-bottom)); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.workday-task { display: grid; grid-template-columns: minmax(0,1fr) 166px; column-gap: 10px; }
.workday-task > *, .workday-task .task-panel-checklist > * { grid-column: 1 / -1; }
.workday-task .workday-task-status { grid-column: 1; grid-row: 2; align-self: center; }
.workday-task-context { grid-column: 1; grid-row: 3; font-size: 11px; color: #596b82; }
.workday-task-context summary { min-height: 28px; cursor: pointer; }
.workday-task-context[open] { grid-column: 1 / -1; grid-row: 4; }
.workday-task > .slider-container, .workday-task .task-panel-checklist > .slider-container { grid-column: 2; grid-row: 2 / span 2; align-self: center; margin: 0; }
.workday-task > .task-panel-checklist { display: contents; }
.workday .workday-footer-actions .rz-button.workday-end { background: #fffcfd; border: 1px solid #e8d8dc; color: #a42d3c; }
body:has(.workday-footer) .chat-button { bottom: calc(124px + env(safe-area-inset-bottom)); }
body:has(.workday-footer) .snackbar-container { bottom: calc(124px + env(safe-area-inset-bottom)); }
@media (min-width: 600px) {
    .app-shell.shift-login-page { padding: 28px 28px 140px; }
    body:has(.workday-footer) .chat-button { bottom: 90px; }
}
@media (max-width: 359px) {
    .app-shell.shift-login-page { padding-left: 10px; padding-right: 10px; }
    .workday-task { grid-template-columns: minmax(0,1fr) 142px; }
}
body:has(.workday-footer) .cookie-settings-button { bottom: calc(124px + env(safe-area-inset-bottom)); right: 90px; }
body:has(.workday-footer) .rz-body { scroll-padding-bottom: 150px; }
.workday-task, .workday-extra, .workday-extra > summary { scroll-margin-bottom: 150px; }
.rz-dialog.rz-open.workday-sheet { height: auto !important; min-height: 0; max-height: 88dvh; width: min(600px, calc(100vw - 32px)) !important; border-radius: 17px; }
.rz-dialog.rz-open.workday-sheet > .rz-dialog-content { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; }
@media (max-width: 599px) {
    .rz-dialog.rz-open.workday-sheet { position: fixed !important; inset: auto 0 0 !important; margin: 0; width: 100% !important; max-width: 100%; height: auto !important; max-height: 88dvh; border-radius: 19px 19px 0 0; }
}

/* Pre-shift composition; shared details and the active workday remain unchanged. */
.app-shell.shift-login-page.workday-start-page { max-width: 744px; gap: 0; padding-bottom: 32px; }
.workday-start-page .app-shell-header { margin-bottom: 24px; }
.workday-start-page .app-shell-title { font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -.6px; }
.workday-start-page .shift-login-empty { margin-bottom: 16px; }
.workday-start-section { min-width: 0; }
.workday-start-page .workday-start-eyebrow { margin: 0 1px 10px; color: #36465c; font-size: 13px; font-weight: 600; line-height: 1.5; }
.workday-start-page .workday-start-card { padding: 0; gap: 0; border: 1px solid #e0e6ef; border-radius: 14px; overflow: hidden; box-shadow: none; }
.workday-start-content { padding: 18px 16px; min-width: 0; }
.workday-start-details { display: flex; align-items: center; gap: 16px; min-width: 0; }
.workday-start-calendar { display: flex; flex: 0 0 54px; flex-direction: column; align-items: center; justify-content: center; min-height: 80px; padding: 8px 3px; border: 1px solid #e3e8f1; border-radius: 10px; background: #f6f8fc; line-height: 1.2; }
.workday-start-weekday, .workday-start-month { color: #596b82; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .6px; }
.workday-start-day { margin: 3px 0; color: #293951; font-size: 28px; font-weight: 600; line-height: 1.15; letter-spacing: -.8px; font-variant-numeric: tabular-nums; }
.workday-start-info { flex: 1; min-width: 0; }
.workday-start-name-row { display: flex; align-items: baseline; gap: 8px; }
.workday-start-color { flex: 0 0 10px; align-self: center; border: 1px solid #c4cedb; border-radius: 50%; }
.workday-start-page .workday-start-name { margin: 0; color: #243044; font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -.2px; overflow-wrap: anywhere; }
.workday-start-date { margin: 4px 0 0; color: #596b82; font-size: 12px; line-height: 1.5; }
.workday-start-times { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 7px; row-gap: 2px; margin: 8px 0 0; color: #283a53; font-size: 26px; line-height: 1.2; font-weight: 600; letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.workday-start-time-part { white-space: nowrap; }
.workday-start-time-divider { color: #7d8a9c; font-size: .75em; font-weight: 400; }
.workday-start-time-unit { margin-left: 4px; color: #596b82; font-size: 12px; font-weight: 400; letter-spacing: 0; }
.workday-start-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.workday-start-action { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; padding: 14px 16px; border-top: 1px solid #edf0f5; background: #fff; }
.workday-start-card .workday-start-button.rz-button { width: 100%; max-width: 100%; min-height: 48px; height: auto; margin: 0; padding: 12px 16px; border-radius: 9px; background: #2454e6; color: #fff; box-shadow: none; text-transform: none; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; }
.workday-start-card .workday-start-button.rz-button:not(:disabled):hover { background: #1941bd; }
.workday-start-card .workday-start-button.rz-button:disabled { background: #e5eaf1; color: #596b82; opacity: 1; }
.workday-start-card .workday-start-button:focus-visible { outline: 3px solid #1941bd; outline-offset: 3px; }
.workday-start-card .rz-button-text { white-space: normal; overflow-wrap: anywhere; font-weight: inherit; }
.workday-start-card .rz-button-icon-left { font-size: 18px; }
.workday-start-card .shift-login-hint { align-self: stretch; font-size: 12px; line-height: 1.5; }
@media (min-width: 600px) {
    .workday-start-page .app-shell-header { margin-bottom: 28px; }
    .workday-start-page .app-shell-title { font-size: 28px; }
    .workday-start-page .workday-start-eyebrow { font-size: 14px; }
    .workday-start-content { padding: 20px; }
    .workday-start-details { gap: 20px; }
    .workday-start-calendar { flex-basis: 60px; min-height: 82px; }
    .workday-start-page .workday-start-name { font-size: 18px; }
    .workday-start-times { font-size: 28px; }
    .workday-start-action { padding: 14px 20px; }
    .workday-start-card .workday-start-button.rz-button { width: auto; min-width: 210px; }
}
@media (max-width: 359px) {
    .workday-start-content { padding: 16px 12px; }
    .workday-start-details { gap: 10px; }
    .workday-start-calendar { flex-basis: 46px; min-height: 76px; }
    .workday-start-page .workday-start-name { font-size: 15px; }
    .workday-start-times { font-size: 22px; column-gap: 5px; }
    .workday-start-action { padding: 12px; }
}

/* Full pre-start overview: read-only assignments and the existing start callback. */
.app-shell.shift-login-page.workday-start-page { padding-bottom: calc(220px + env(safe-area-inset-bottom)); }
.workday-start-facts { border-top: 1px solid #e9edf4; }
.workday-start-facts > summary { min-height: 44px; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; color: #596b82; font-size: 12px; }
.workday-start-facts > summary::-webkit-details-marker { display: none; }
.workday-start-facts > summary > span { display: inline-flex; align-items: center; gap: 7px; }
.workday-start-facts > summary .rzi { font-size: 16px; }
.workday-start-facts .workday-facts { padding: 2px 16px 16px; margin: 0; }
.workday-start-facts .workday-facts > div { gap: 16px; }
.workday-start-facts .workday-facts dd { text-align: right; }
.workday-preview { margin-top: 24px; }
.workday-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 1px 10px; }
.workday-start-page .workday-preview-heading h2 { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #36465c; }
.workday-preview-count { display: inline-grid; place-items: center; min-width: 22px; min-height: 22px; padding: 1px 5px; border-radius: 5px; background: #e9edf5; color: #596b82; font-size: 11px; font-variant-numeric: tabular-nums; }
.workday-preview-label { color: #596b82; font-size: 11px; }
.workday-preview-list { background: #fff; border: 1px solid #e5eaf1; border-radius: 12px; overflow: hidden; }
.workday-preview:has(.workday-preview-toggle) .workday-preview-list { border-radius: 12px 12px 0 0; }
.workday-preview-row { display: flex; align-items: center; gap: 10px; min-height: 51px; padding: 4px 8px 4px 14px; border-bottom: 1px solid #edf0f5; scroll-margin-bottom: 220px; }
.workday-preview-row:last-child { border-bottom: 0; }
.workday-preview-marker.rzi { flex: 0 0 18px; font-size: 14px; color: #6b7c93; }
.workday-preview-copy { flex: 1; min-width: 0; }
.workday-start-page .workday-preview-row h3 { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.5; color: #243044; overflow-wrap: anywhere; }
.workday-preview-copy small { display: block; margin-top: 3px; color: #596b82; font-size: 11px; line-height: 1.5; }
.workday-preview-toggle { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 12px; border: 1px solid #e5eaf1; border-top: 0; border-radius: 0 0 12px 12px; background: #fcfdff; color: #36578e; font-size: 12px; font-weight: 500; cursor: pointer; }
.workday-preview-toggle:hover { color: #1941bd; background: #eef3ff; }
.workday-preview-toggle .rzi { font-size: 16px; }
.workday-preview-hint { display: flex; align-items: flex-start; gap: 7px; margin: 12px 2px 0; font-size: 12px; line-height: 1.5; color: #596b82; }
.workday-preview-hint .rzi { flex: 0 0 15px; font-size: 15px; margin-top: 2px; }
.workday-preview-empty { padding: 18px 14px; margin: 0; font-size: 13px; line-height: 1.6; color: #596b82; }
.workday-start-shared { margin-top: 18px; }
.workday-start-shared > summary { display: flex; gap: 8px; align-items: center; min-height: 48px; padding: 12px 14px; font-size: 12px; color: #36465c; }
.workday-start-shared > summary > .rzi:last-child { margin-left: auto; }
.workday-start-shared > .rule-tasks-panel { border-top: 1px solid #e5eaf1; padding: 12px; }
.workday-start-shared .rule-tasks-panel h2 { font-size: 13px; }
.workday-start-footer .workday-footer-inner { max-width: 744px; }
.workday-start-footer .workday-footer-status strong { color: #596b82; }
.workday-start-footer .workday-start-action { padding: 0; border: 0; background: transparent; }
.workday-start-page .workday-start-button.rz-button { width: 100%; min-height: 48px; height: auto; margin: 0; padding: 12px 16px; border-radius: 9px; background: #2454e6; color: #fff; box-shadow: none; text-transform: none; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; }
.workday-start-page .workday-start-button.rz-button:not(:disabled):hover { background: #1941bd; }
.workday-start-page .workday-start-button.rz-button:disabled { background: #e5eaf1; color: #596b82; opacity: 1; }
.workday-start-page .workday-start-button:focus-visible, .workday-preview-toggle:focus-visible, .workday-start-facts > summary:focus-visible, .workday-start-page .workday-instruction:focus-visible { outline: 3px solid #1941bd; outline-offset: 3px; }
.workday-start-page .workday-start-button .rz-button-text { white-space: normal; overflow-wrap: anywhere; font-weight: inherit; }
.workday-start-footer .shift-login-hint { align-self: stretch; font-size: 12px; line-height: 1.5; }
@media (min-width: 600px) {
    .workday-start-page .workday-preview-heading h2 { font-size: 14px; }
    .workday-start-footer .workday-start-action { min-width: 246px; max-width: 55%; }
    .workday-start-facts > summary { padding-left: 20px; padding-right: 20px; }
    .workday-start-facts .workday-facts { padding-left: 20px; padding-right: 20px; }
}
.workday-preview-heading { flex-wrap: wrap; }
.workday-start-facts[open] > summary > .rzi:last-child, .workday-start-shared[open] > summary > .rzi:last-child { transform: rotate(180deg); }
body:has(.workday-start-footer) .rz-body { scroll-padding-bottom: 220px; }
/* Radzen's body transform otherwise anchors fixed children to the scrolling body. */
body:has(.workday-start-footer) .rz-body { transform: none !important; }
body:has(.workday-start-footer .shift-login-hint) .chat-button, body:has(.workday-start-footer .shift-login-hint) .cookie-settings-button, body:has(.workday-start-footer .shift-login-hint) .snackbar-container { bottom: calc(210px + env(safe-area-inset-bottom)); }