/* ShiftNote branding overrides. Generated from existing app styles. */
:root {
  --ink: #1d2544 !important;
  --green: #27325c !important;
  --muted: #5464a6 !important;
  --line: #d9dbe7 !important;
  --soft: #e9eaf1 !important;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #7a87bc !important;
}
.brand-dot {
  color: #6a79b4 !important;
}
.venue-top {
  color: #495892 !important;
}
.demo-banner {
  background: #e6e7ef !important;
  color: #45538a !important;
}
.eyebrow {
  color: #48568f !important;
}
.live-dot {
  background: #5263a4 !important;
}
h1 > span {
  color: #4c5b98 !important;
}
.intro {
  color: #5262a3 !important;
}
.record-card {
  border: 1px solid #d7dae6 !important;
  box-shadow: 0 8px 30px #242d5305 !important;
}
.card-heading {
  border-bottom: 1px solid #e8e9f0 !important;
}
.mini-icon {
  color: #4a5994 !important;
  background: #eaecf2 !important;
}
.time-tag {
  background: #f0f1f5 !important;
  color: #505f9e !important;
}
.orbit {
  border: 1px solid #dadde8 !important;
}
.orbit-dot {
  background: #8e99c6 !important;
}
.mic-disc {
  background: #e2e3ec !important;
  color: #48568f !important;
  border: 7px solid #eff0f4 !important;
}
.primary:hover {
  background: #1d2443 !important;
}
.process {
  border-top: 1px solid #e8e9f0 !important;
  color: #5465a7 !important;
}
.process b {
  background: #e5e7ef !important;
}
.process i {
  background: #d2d5e3 !important;
}
.prompt-row > span {
  background: #e4e6ee !important;
  color: #5161a2 !important;
}
.prompt-row p {
  color: #6070af !important;
}
.aside-note > span {
  color: #5b6bac !important;
}
.aside-note p {
  color: #6170af !important;
}
.staff-bottom {
  color: #6373b1 !important;
}
.staff-bottom svg {
  color: #5969ab !important;
}
.staff-bottom > span {
  color: #3b4a89 !important;
}
footer {
  color: #6b7ab5 !important;
}
.modal-backdrop {
  background: #171e3774 !important;
}
.dialog::backdrop {
  background: #171e3774 !important;
}
.icon-button {
  color: #4f5f9d !important;
}
.icon-button:hover {
  background: #e1e3ec !important;
}
.step-label {
  color: #5c6cad !important;
}
.dialog-intro {
  color: #5464a6 !important;
}
label {
  color: #3d4d8e !important;
}
input:not([type="radio"]),
textarea,
select {
  border: 1px solid #ced1e0 !important;
}
.privacy-note {
  color: #5f6faf !important;
}
.muted {
  color: #5b6bac !important;
}
.text-button {
  color: #3c4c8c !important;
}
.secondary {
  border: 1px solid #cbcedd !important;
  color: #35447d !important;
}
.secondary:hover {
  background: #e7e9f0 !important;
}
.record-button {
  background: #dfe1ea !important;
  border: 9px solid #ebecf2 !important;
  color: #394885 !important;
  box-shadow: 0 0 0 1px #d2d5e2 !important;
}
.notice-box {
  background: #e3e5ed !important;
  border: 1px solid #cfd2e1 !important;
  color: #3b4a89 !important;
}
.demo-sample {
  background: #e7e8ef !important;
}
.demo-sample > svg {
  color: #5464a6 !important;
}
.demo-sample p {
  color: #5d6dad !important;
}
.report-summary {
  background: #e7e8ef !important;
}
.report-note h3 {
  color: #3a4987 !important;
}
.report-note p {
  color: #5465a7 !important;
}
.actions-label span {
  background: #e2e3ec !important;
}
.report-action small {
  color: #5d6dae !important;
}
.urgency.low {
  background: #e5e6ee !important;
  color: #495892 !important;
}
summary {
  color: #495790 !important;
}
.transcript {
  color: #50609f !important;
}
.done-icon {
  background: #e1e3ec !important;
  color: #4d5c98 !important;
}
.done-state p {
  color: #5364a6 !important;
}
.setup-page p {
  color: #5464a6 !important;
}
.dashboard-stats > div {
  color: #596aac !important;
}
.panel-title p {
  color: #6d7bb5 !important;
}
.count-pill {
  background: #e7e8ef !important;
  color: #5767aa !important;
}
.tabs button {
  color: #6776b2 !important;
}
.tabs button.active {
  color: #2f3c6f !important;
  border-color: #5364a6 !important;
}
.tabs button span {
  background: #ebedf3 !important;
}
.action-row {
  border-bottom: 1px solid #e8eaf1 !important;
}
.action-check {
  border: 1px solid #c2c6d8 !important;
  color: #5263a4 !important;
}
.action-content > div {
  color: #6f7db6 !important;
}
.resolved .action-content > p {
  color: #6978b3 !important;
}
.resolved .action-check {
  background: #e7e8ef !important;
}
.delivery-panel {
  background: #eaebf1 !important;
}
.delivery-panel > p {
  color: #6170af !important;
}
.delivery-option {
  border-top: 1px solid #d6d9e5 !important;
}
.delivery-option input {
  accent-color: #3c4c8c !important;
}
.delivery-option small {
  color: #6b79b4 !important;
}
.recommended {
  background: #d8dae6 !important;
  color: #6473b1 !important;
}
.delivery-foot {
  color: #6b79b4 !important;
  border-top: 1px solid #d6d9e5 !important;
}
.handover-row:hover {
  background: #f8f9fb !important;
}
.avatar {
  background: #e4e5ed !important;
  color: #5565a8 !important;
}
.handover-meta > span {
  color: #717fb7 !important;
}
.handover-row > p {
  color: #5e6eae !important;
}
.email-status.sent {
  color: #5465a7 !important;
}
.handover-row > svg {
  color: #7784ba !important;
}
.dashboard-bottom {
  color: #7381b8 !important;
}
.empty-state {
  color: #6d7cb6 !important;
}
.empty-state h3 {
  color: #46538a !important;
}
.billing-intro { color: #3d4d8d !important; }
.billing-plan { --plan-color: #37457f !important; --plan-soft: #eaebf1 !important; border: 2px solid #d6d8e4 !important; }
.billing-plan--team { --plan-color: #344178 !important; --plan-soft: #eeeff4 !important; border-color: #c6cadb !important; }
.billing-plan--unlimited { --plan-color: #614e9a !important; --plan-soft: #f0f1f5 !important; border-color: #ced1df !important; }
.billing-plan--business { --plan-color: #27325c !important; --plan-soft: #e2e3ec !important; border-color: #27325c !important; box-shadow: 0 12px 30px #27325c24 !important; }
.billing-plan--business .billing-plan-label { background: #27325c !important; }
.billing-price small { color: #3d4d8d !important; }
.billing-plan--business .billing-choose { background: #27325c !important; box-shadow: 0 4px 10px #27325c20 !important; }
.billing-plan--business .billing-choose:not(:disabled):hover { background: #1f2747 !important; }
.billing-free-note { color: #3d4d8d !important; }
.billing-details { background: #e9eaf1 !important; border: 1px solid #d6d8e4 !important; color: #37457f !important; }
.billing-manage { border: 1px solid #27325c !important; color: #27325c !important; }
.pay{color:#181e38 !important}
.pay button,.pay-dialog button{border:1px solid #abb4d5 !important;color:#1a213c !important}
.pay button:hover,.pay-dialog button:hover{background:#eff0f4 !important}
.pay input,.pay select,.pay-dialog input,.pay-dialog select{border:1px solid #abb4d5 !important;color:#181e38 !important}
.pay-summary>div{background:#edeef4 !important;border:1px solid #cfd2e1 !important}
.pay small,.pay-dialog small{color:#3c4c8c !important}
.pay-table{border:1px solid #d1d3e1 !important}
.pay-table-head{background:#edeef4 !important}
.pay-table-row{border-top:1px solid #dfe1ea !important}
.pay-muted{color:#47558e !important}
.pay-dialog{border:1px solid #abb4d5 !important;color:#181e38 !important}
.pay-dialog::backdrop{background:#171d3566 !important}
.pay-dialog fieldset{border:1px solid #d1d3e1 !important}
.pay-dialog details{border-top:1px solid #d1d3e1 !important}
.pay button:focus-visible,.pay-dialog button:focus-visible{outline:3px solid #4b5994 !important}
.pay input[type=checkbox],.pay-dialog input[type=checkbox]{accent-color:#2c3867 !important}
.pay textarea{border:1px solid #abb4d5 !important}
.sc-calendar {
  border: 1px solid #e4e5ed !important;
}
.sc-toolbar {
  border-bottom: 1px solid #e9eaf1 !important;
}
.sc-location span {
  color: #6b56aa !important;
}
.sc-navigation button {
  border: 1px solid #d8dae6 !important;
}
.sc-calendar select,
.sc-calendar input {
  border: 1px solid #d8dae6 !important;
}
.sc-filters h2 span {
  color: #8371b8 !important;
}
.sc-scroll {
  border-top: 1px solid #e4e5ed !important;
}
.sc-table th,
.sc-table td {
  border-right: 1px solid #e4e5ed !important;
  border-bottom: 1px solid #e4e5ed !important;
}
.sc-table thead th > span {
  color: #7460af !important;
}
.sc-table .sc-person {
  border-right: 2px solid #e4e5ed !important;
}
.sc-person-info small {
  color: #6b56aa !important;
}
.sc-person-info div > span {
  color: #6d58ab !important;
}
.sc-initials {
  background: #ebedf3 !important;
  color: #59488e !important;
}
.sc-table .sc-today {
  background: #fcfcfd !important;
}
.sc-table thead .sc-today {
  background: #edeef4 !important;
  color: #614e9b !important;
}
.sc-shift {
  background: #f2f3f7 !important;
  border: 1px solid #d6d9e5 !important;
  border-left: 3px solid #816fb7 !important;
  color: #3a2c66 !important;
}
.sc-shift:hover {
  background: #e5e7ef !important;
}
.sc-shift.cancelled {
  border-color: #c9ccdc !important;
}
.sc-add {
  color: #7a67b2 !important;
  border: 1px dashed #e1e3ec !important;
}
.sc-add:hover {
  color: #735faf !important;
  border-color: #735faf !important;
  background: #f9f9fb !important;
}
.sc-leave {
  border: 1px dashed #b1a6d2 !important;
  background: #f0f1f5 !important;
}
.sc-table .sc-timeoff {
  background: repeating-linear-gradient(
    135deg,
    #faf9fc,
    #faf9fc 6px,
    #f2f3f7 6px,
    #f2f3f7 7px
  ) !important;
}
.sc-table tfoot td,
.sc-table tfoot th {
  color: #6854a6 !important;
}
.sc-footer {
  color: #5c4a93 !important;
}
.sc-footer > span {
  background: #f5f5f8 !important;
}
.sc-note {
  color: #6d58ab !important;
}
.sc-calendar button:focus-visible,
.sc-scroll:focus-visible {
  outline: 2px solid #735faf !important;
}
.sp{color:#1d2443 !important}
.sp p{color:#46548c !important}
.sp-kicker{color:#6e59ac !important}
.sp button{border:1px solid #dcdee8 !important}
.sp button:hover{background:#f3f4f8 !important}
.sp .sp-primary{background:#6d59ab !important;border-color:#6d59ab !important}
.sp input:not([type=checkbox]),.sp select{border:1px solid #d7d9e5 !important;color:#1d2544 !important}
.sp input[type=checkbox]{accent-color:#6d59ab !important}
.sp-panel{border:1px solid #e3e5ed !important}
.sp-tags>span{background:#f2f2f6 !important}
.sp-calendar{border:1px solid #e0e2eb !important}
.sp-day{border-right:1px solid #e0e2eb !important}
.sp-slot{border:1px solid #e2e4ed !important;border-left:3px solid #8271b7 !important}
.sp small{color:#495791 !important}
.sp-filled{color:#2e3b6c !important;background:#f0f1f5 !important}
.sp-empty{color:#6f7db6!important}
.sp-notice{background:#f0f1f5 !important;color:#2c3766!important}
.sp button:focus-visible,.sp input:focus-visible,.sp select:focus-visible{outline:3px solid #c3bbdc !important}
.tc{border:1px solid #e2e4ed !important}
.tc p,.tc-dialog p{color:#495791 !important}
.tc-tools{border-bottom:1px solid #e4e6ee !important}
.tc button,.tc-dialog button{border:1px solid #dadde8 !important;color:#242e55 !important}
.tc button:hover:enabled,.tc-dialog button:hover:enabled{border-color:#7b69b3 !important}
.tc input,.tc select,.tc-dialog input,.tc-dialog select,.tc-dialog textarea{border:1px solid #d7dae6 !important;color:#252f57 !important}
.tc-corner,.tc-day-heading{border-bottom:1px solid #d7d9e5 !important}
.tc-axis{border-right:1px solid #e1e3ec !important}
.tc-axis>span{color:#6c57aa !important}
.tc-day{border-right:1px solid #e5e6ee !important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f4f3f7 29px,#f4f3f7 30px,transparent 30px,transparent 59px,#e5e6ee 59px,#e5e6ee 60px) !important}
.tc .tc-block{border:1px solid #c7cbdc !important;background:#f2f2f6 !important;color:#3e2f6d !important}
.tc .tc-shift{background:#eeeff4 !important;border-color:#a4add1 !important;color:#26315a !important}
.tc-dialog{border:1px solid #dadce7 !important;color:#1f284a !important;box-shadow:0 20px 90px #171d3640 !important}
.tc-dialog::backdrop{background:#161c3370 !important}
.tc-dialog .tc-green,.tc-green{background:#edeef3 !important;color:#29335f !important;border-color:#abb3d4 !important}
.tc-normal{color:#3d4e8f!important}
.tc-proposal input{accent-color:#705bad !important}
.tc-notice{background:#edeef3 !important;color:#2a3561!important}
.tc button:focus-visible,.tc-dialog button:focus-visible,.tc-dialog input:focus-visible{outline:3px solid #b1a6d2 !important}
.tc-employee-panel{border:1px solid #e1e3ec !important}
.tc-employee-panel p{color:#4b5994 !important}
.tc-person-selected{outline:3px solid #8270b7 !important}
.tc-drop-target{outline:3px solid #8270b7!important}
.tc-panel-person.tc-green{background:#ebecf2 !important}
.tc-hours-green{color:#252f56 !important}
.tc-hours-normal{color:#3b4a89 !important}
.tc-panel-person[style]{color:#1d2443!important}
.tc .tc-info-button{color:#59478d !important}
.tc-info-tooltip{border:1px solid #dadde8 !important;box-shadow:0 6px 20px #171d3626 !important}
.tc-role-heading{border-bottom:1px solid #e5e6ee !important;color:#302453 !important}
.tc-role-day{border-right:1px solid #e5e6ee !important}
.tc .tc-filled{background:#dee0ea !important;border-color:#a5aed1 !important;color:#1c2340 !important}
/* Keep personal shifts distinct from the shared assigned-card theme. */
.tc .tc-role-card.tc-own-shift{background:#1e40af !important;border:3px solid #2563eb !important;color:#fff !important;opacity:1}
.tc .tc-role-card.tc-own-shift:hover:enabled{background:#1e3a8a !important;border-color:#2563eb !important}
.tc-custom-day{border:1px dashed #c1b9db !important;background:#fafafb !important;color:#5c4a93 !important}
.vp-intro p { color:#59478d !important; }
.vp-intro>svg { color:#7461af !important; }
.vp-layout {border:1px solid #e0e2eb !important; }
.vp-sidebar { background:#f3f4f8 !important; }
.vp-sidebar h3 span {color:#715dae !important; }
.vp-sidebar>p {color:#6450a0 !important; }
.vp-sidebar button,.vp-save>button:not(.wf-button) {color:#5f4c98 !important; }
.vp-role:hover { background:#e9eaf1 !important; }
.vp-selected { background:#e6e7ef!important; }
.vp-grip { color:#9687c2 !important; }
.vp-owner-note {border-top:1px solid #dbdde8 !important;color:#6d59ab !important; }
.vp-role-header {border-bottom:1px solid #eaebf1 !important; }
.vp-role-header p {color:#7663b0 !important; }
.vp-enabled {color:#6652a3 !important; }
.vp-display label {color:#604d99 !important; }
.vp-display input:not([type=color]) {border:1px solid #dfe1ea !important;color:#2a1f4a !important; }
.vp-display input[type=color] {border:1px solid #dfe1ea !important; }
.vp-search {border:1px solid #d8dae6 !important;color:#7f6db6 !important; }
.vp-search input {color:#36285e !important; }
.vp-search:focus-within { border-color:#8271b7 !important;outline:2px solid #ebedf3 !important; }
.vp-explainer { color:#6f5aac !important; }
.vp-group h4 {color:#2d224e !important; }
.vp-permission {border-bottom:1px solid #e6e7ef !important; }
.vp-permission label {color:#2a204a !important; }
.vp-permission p {color:#6a55a8 !important; }
.vp-switch {background:#bbb2d8 !important; }
.vp-switch.vp-on { background:#8270b7 !important; }
.vp-switch:focus-visible { outline:3px solid #b7add5 !important; }
.vp-save {background:#261d43 !important;box-shadow:0 5px 18px #261c4230 !important; }
.vp-save>button:not(.wf-button) { color:#dadce7 !important; }
.vp-locked {background:#f2f2f6 !important;color:#6551a2 !important; }
.vp-empty {color:#7b68b3 !important; }
.vp-notice {background:#f2f2f6 !important;color:#36447e !important; }
.vp-add input {border:1px solid #d4d6e3 !important; }
.vp-add button { background:#8270b7 !important; }
.wf-venue-tabs {border-bottom:1px solid #dfe1ea !important; }
.wf-venue-tabs button {color:#6e59ac !important; }
.wf-venue-tabs button[aria-selected=true] { color:#6551a1 !important;border-bottom-color:#6551a1 !important; }
.wf-role-tags span {background:#f5f6f9 !important;color:#634f9e !important; }
@media(max-width:700px) {.vp-sidebar { border-bottom:1px solid #e0e2eb !important; } }
.venue-setup{background:linear-gradient(115deg,#f3f4f8,#f7f8fa) !important;border:1px solid #d0d3e1 !important;color:#2b204c !important}
.setup-eyebrow{color:#5d4b94 !important}
.setup-percent{color:#5b4992 !important}
.venue-setup progress{accent-color:#6a55a9 !important}
.venue-setup progress::-webkit-progress-bar{background:#e1e2ec !important}
.venue-setup progress::-webkit-progress-value{background:#6a55a9 !important}
.setup-status{color:#564588 !important}
.venue-setup button{background:#58478c !important}
.venue-setup .setup-quiet{color:#453479 !important}
.venue-setup small{color:#564588 !important}
.venue-setup li button{color:#36285e !important}
.setup-highlight{outline:3px solid #8979bb!important;box-shadow:0 0 0 8px #9181c015 !important}
.setup-running{box-shadow:0 8px 26px #281e4518 !important}
.venue-setup button:focus-visible,.venue-setup summary:focus-visible{outline:3px solid #8979bb !important}
.wf-app {
  --purple: #735faf !important;
  --wf-ink: #111629 !important;
  --wf-muted: #4c5b97 !important;
}
.wf-venue-dropdown {
  border: 1px solid #e6e7ef !important;
  box-shadow: 0 12px 36px #1b143024 !important;
}
.wf-venue-dropdown > button:hover,
.wf-venue-dropdown > a:hover {
  background: #f6f6f9 !important;
}
.wf-venue-menu-divider {
  background: #eaecf2 !important;
}
.wf-venue small {
  color: #717fb7 !important;
}
.wf-handover-link {
  color: #3b4b8a !important;
}
.wf-avatar {
  background: #313e72 !important;
}
.wf-preview {
  background: #fafafc !important;
  border-bottom: 1px solid #f0f1f5 !important;
  color: #624f9c !important;
}
.wf-preview label {
  color: #624f9c !important;
}
.wf-title .wf-kicker {
  color: #8b7abc !important;
}
.wf-quick:hover {
  background: #eeeff4 !important;
}
.wf-pill {
  color: #5363a5 !important;
}
.wf-pill.approved {
  background: #ebecf2 !important;
  color: #334178 !important;
}
.wf-empty-shift {
  color: #47558e !important;
}
.wf-empty-shift strong {
  color: #1f284a !important;
}
.wf-empty-compact {
  color: #4f5f9d !important;
}
.wf-muted {
  color: #6575b2 !important;
}
.wf-task-card p {
  color: #5262a2 !important;
}
.wf-task-card > svg:last-child {
  color: #8d7dbe !important;
}
.wf-handover-card {
  border: 1px solid #e5e7ef !important;
}
.wf-mic-badge {
  background: #f1f2f6 !important;
}
.wf-handover-card p {
  color: #6574b1 !important;
}
.wf-button:hover {
  background: #604d99 !important;
}
.wf-secondary {
  color: #374682 !important;
  border-color: #dadde8 !important;
}
.wf-icon-button {
  color: #4b5994 !important;
}
.wf-icon-button:hover {
  background: #f3f4f7 !important;
}
.wf-bottom-nav {
  border-top: 1px solid #eaecf2 !important;
}
.wf-bottom-nav button {
  color: #4c5b97 !important;
}
.wf-bottom-nav .active svg {
  fill: #f2f3f7 !important;
}
.wf-tabs {
  border-bottom: 1px solid #e5e7ef !important;
}
.wf-tabs button {
  color: #6776b3 !important;
}
.wf-tabs span {
  background: #f1f2f6 !important;
}
.wf-list-toolbar select {
  border-color: #dee0ea !important;
  color: #4b5a95 !important;
}
.wf-shift-card {
  border: 1px solid #ebecf2 !important;
}
.wf-shift-date {
  background: #f5f5f8 !important;
  color: #6853a5 !important;
}
.wf-shift-content p {
  color: #4a5892 !important;
}
.wf-shift-content small {
  color: #6d7cb6 !important;
}
.wf-empty {
  color: #9080bf !important;
}
.wf-empty h3 {
  color: #3f2f6f !important;
}
.wf-empty p {
  color: #6776b3 !important;
}
.wf-record {
  border: 1px solid #edeef4 !important;
}
.wf-small-avatar {
  background: #e6e7ef !important;
  color: #455389 !important;
}
.wf-record p {
  color: #4c5b98 !important;
}
.wf-record .wf-record-note,
.wf-record-note {
  color: #5363a4 !important;
}
.wf-decision-note {
  border-left: 2px solid #c1b8db !important;
}
.wf-hours strong {
  color: #6652a2 !important;
}
.wf-hours span {
  color: #6978b3 !important;
}
.wf-footnote,
.wf-data-note {
  color: #828ec0 !important;
}
.wf-venue-details > div {
  color: #4e5e9c !important;
}
.wf-staff-card {
  border: 1px solid #e9eaf1 !important;
}
.wf-staff-card p {
  color: #5768ab !important;
}
.wf-staff-card small {
  color: #9181c0 !important;
}
.wf-notice {
  background: #eff0f5 !important;
  color: #384783 !important;
}
.wf-modal {
  color: #1f1737 !important;
}
.wf-modal::backdrop {
  background: #20183775 !important;
}
.wf-modal label {
  color: #4d3a86 !important;
}
.wf-modal input:not([type="checkbox"]),
.wf-modal select,
.wf-modal textarea {
  border: 1px solid #d9dbe6 !important;
  color: #2c214d !important;
}
.wf-form-hint {
  color: #7865b1 !important;
}
.wf-hours-preview {
  background: #f6f7fa !important;
  color: #6a55aa !important;
}
.wf-checkbox input {
  accent-color: #735faf !important;
}
.wf-cancel-shift {
  border-top: 1px solid #eaebf1 !important;
}
.wf-review-summary {
  background: #f6f6f9 !important;
}
.wf-review-summary p {
  color: #6d59ab !important;
}
.wf-app button:focus-visible,
.wf-app a:focus-visible,
.wf-app input:focus-visible,
.wf-app select:focus-visible,
.wf-modal input:focus-visible,
.wf-modal textarea:focus-visible,
.wf-modal button:focus-visible,
.wf-modal select:focus-visible {
  outline: 3px solid #c3c7d9 !important;
}
@media (max-width: 650px) {
  .wf-handover-link {
    background: #f3f4f8 !important;
    color: #7662b0 !important;
  }
}
.dev-venue-form input { border:1px solid #acb4d5 !important; }
.wf-permissions { border: 1px solid #e3e5ed !important; }
.wf-permissions p { color: #4c3985 !important; }
.wf-permissions th, .wf-permissions td { border-bottom: 1px solid #e3e5ed !important; }
.wf-access-role select { border: 1px solid #d2d5e2 !important; }
:root{--ink:#34383f!important;--green:#3849be!important;--muted:#676d7a!important;--paper:#f6f7fa!important;--line:#dfe2eb!important;--soft:#eef0f7!important}
.wf-app{--purple:#493dbb!important;--wf-ink:#34383f!important;--wf-muted:#676d7a!important;background:#f6f7fa!important}
.wf-header{background:#fff;gap:28px}.wf-header-right{margin-left:auto}.wf-venue strong{font-size:17px}.wf-venue small{letter-spacing:1.3px}
.app-brand{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;flex-shrink:0}
.app-brand-mark{display:block;position:relative;overflow:hidden;width:35px;height:42px;flex-shrink:0}
.app-brand-mark img{position:absolute;width:51px;height:51px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.app-brand-word{display:block;position:relative;overflow:hidden;width:155px;height:48px}
.app-brand-word img{position:absolute;width:165px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.app-brand-compact .app-brand-mark{width:18px;height:22px}.app-brand-compact .app-brand-mark img{width:26px;height:26px}
.primary,.wf-button{background:linear-gradient(115deg,#0868f4,#5634bc)!important;color:#fff!important}
.primary:hover,.wf-button:hover{background:linear-gradient(115deg,#0756cf,#43279c)!important}
@media(max-width:850px){.wf-header{gap:16px}.app-workforce-brand .app-brand-word{display:none}.wf-venue strong{font-size:17px}}
@media(max-width:480px){.topbar{padding-inline:20px}.topbar .app-brand-word{width:116px;height:38px}.topbar .app-brand-word img{width:125px}.topbar .app-brand-mark{width:28px}.topbar .app-brand-mark img{width:42px;height:42px}.top-right{gap:10px}.venue-top{display:none}}