.admin-task-tour-target { position: relative; z-index: 10002; outline: 4px solid #0077b6 !important; outline-offset: 5px; border-radius: .5rem; }
.admin-task-tour-card { position: fixed; z-index: 10003; width: min(26rem, calc(100vw - 1.5rem)); max-height: calc(100dvh - 1.5rem); overflow-y: auto; overscroll-behavior: contain; background: white; color: #0f172a; border: 2px solid #0077b6; border-radius: .75rem; padding: 1rem; box-shadow: 0 12px 36px #0f172a40; }
.admin-task-tour-card p { margin-top: .35rem; font-size: .9rem; line-height: 1.5; }
.admin-task-tour-card h3 { font-size: .8rem; font-weight: 700; color: #075985; margin-top: .75rem; }
.admin-task-tour-shade { position: fixed; background: #0f172a80; z-index: 10000; pointer-events: none; }
.admin-task-tour-card button { padding: .45rem .7rem; border-radius: .4rem; border: 1px solid #cbd5e1; background: white; cursor: pointer; }
.admin-task-tour-card button[data-next] { background: #0077b6; color: white; border-color: #0077b6; }
.admin-task-tour-card button:disabled { opacity: .45; cursor: not-allowed; }
.admin-task-tour-move-bar { position: sticky; top: -1rem; z-index: 1; display: flex; gap: .5rem; align-items: center; justify-content: space-between; background: #f0f9ff; padding: .5rem; margin: -1rem -1rem .75rem; border-bottom: 1px solid #bae6fd; font-size: .8rem; }
.admin-task-tour-card .admin-task-tour-move-handle { flex: 1; cursor: grab; touch-action: none; user-select: none; }
.admin-task-tour-card .admin-task-tour-move-handle.is-moving { cursor: grabbing; }
.admin-task-tour-card :focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; }
.admin-task-tour-resume { position: fixed; bottom: 5rem; right: 1rem; z-index: 90; border: 2px solid #0077b6; border-radius: .5rem; background: white; color: #075985; padding: .65rem; }
.admin-task-tour-notice { position: fixed; bottom: 9rem; right: 1rem; z-index: 90; max-width: min(25rem, calc(100vw - 2rem)); background: white; color: #075985; border: 1px solid #0077b6; border-radius: .5rem; padding: .65rem; }
@media (prefers-reduced-motion: no-preference) { .admin-task-tour-target { transition: outline-color 150ms; } }
.fi-icon:has(> .admin-more-tabs-label) { width: auto; height: auto; }