body .portal-create-action {
    background: linear-gradient(135deg, #fb920d, #f97316) !important;
    border-color: #f97316 !important;
    box-shadow: 0 14px 28px rgba(249, 115, 22, .28) !important;
    color: #fff !important;
}

body .portal-create-action:hover,
body .portal-create-action:focus-visible {
    background: #ea7800 !important;
    background-image: none !important;
    border-color: #ea7800 !important;
    color: #fff !important;
}

body .portal-create-action img {
    filter: brightness(0) invert(1) !important;
}

body .portal-create-action:active {
    background: #d95d09 !important;
    border-color: #d95d09 !important;
    box-shadow: 0 7px 16px rgba(217, 93, 9, .26) !important;
}

body .portal-create-action:focus-visible {
    outline: 3px solid rgba(251, 146, 13, .38);
    outline-offset: 3px;
}

body .portal-create-action.disabled,
body .portal-create-action:disabled {
    background: #f7b166 !important;
    border-color: #f7b166 !important;
    box-shadow: none !important;
    color: #fff !important;
    cursor: not-allowed;
    opacity: .7;
}

.portal-tour-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.portal-tour-action-group {
    vertical-align: middle;
}

.portal-tour-action-row {
    justify-content: flex-end;
    margin: 0 0 16px auto;
}

.btn.portal-page-tour-button,
.ticket-module-page .ticket-action-row .ticket-page-tour-button {
    align-items: center;
    background: #fff !important;
    border: 1px solid #25a39a !important;
    border-radius: 8px;
    box-shadow: none !important;
    color: #167b74 !important;
    display: inline-flex;
    font-weight: 700;
    gap: 6px;
    justify-content: center;
    min-height: 42px;
    padding: 8px 15px;
}

.btn.portal-page-tour-button:hover,
.btn.portal-page-tour-button:focus-visible,
.ticket-module-page .ticket-action-row .ticket-page-tour-button:hover,
.ticket-module-page .ticket-action-row .ticket-page-tour-button:focus-visible {
    background: #edfdfa !important;
    border-color: #167b74 !important;
    color: #12665f !important;
}

.btn.portal-page-tour-button:focus-visible,
.ticket-module-page .ticket-action-row .ticket-page-tour-button:focus-visible {
    outline: 3px solid rgba(37, 163, 154, .22);
    outline-offset: 3px;
}

.portal-tour-target {
    outline: 4px solid rgba(251, 146, 13, .28);
    outline-offset: 3px;
}

.portal-page-tour {
    background: #fff;
    border: 1px solid #bfe8e4;
    border-radius: 10px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .2);
    color: #243b5c;
    padding: 1rem;
    position: fixed;
    width: min(20rem, calc(100vw - 24px));
    z-index: 1090;
}

.portal-page-tour strong,
.portal-page-tour__message,
.portal-page-tour__progress {
    display: block;
}

.portal-page-tour strong {
    color: #167b74;
    margin-bottom: .25rem;
}

.portal-page-tour__message {
    font-size: .875rem;
    line-height: 1.45;
}

.portal-page-tour__progress {
    color: #64748b;
    font-size: .75rem;
    margin-top: .5rem;
}

.portal-page-tour__actions {
    align-items: center;
    display: flex;
    gap: .4rem;
    margin-top: .75rem;
}

.portal-page-tour button {
    background: #25a39a;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    padding: .35rem .75rem;
}

.portal-page-tour button:disabled {
    opacity: .45;
}

.portal-page-tour .portal-page-tour__skip {
    background: transparent;
    border-color: transparent;
    color: #64748b;
    margin-left: auto;
}

@media (max-width: 575.98px) {
    .portal-tour-actions,
    .portal-tour-actions .btn {
        width: 100%;
    }
}