.eip-signflow-history-mobile {
    margin: .75rem 0;
    padding: .875rem;
    color: var(--text, var(--text-primary, #1f2937));
    background: var(--surface, var(--card-bg, #fff));
    border: 1px solid var(--border, var(--card-border, #d8dee8));
    border-radius: .75rem;
    box-shadow: var(--shadow-sm, 0 1px 3px rgb(15 23 42 / 8%));
}

.eip-signflow-history-title {
    margin: 0 0 .75rem;
    color: var(--text, var(--text-primary, #1f2937));
    font-size: 1rem;
    font-weight: 700;
}

.eip-signflow-mobile-timeline {
    position: relative;
    padding-left: 1.25rem;
}

.eip-signflow-mobile-timeline::before {
    position: absolute;
    top: .4rem;
    bottom: .4rem;
    left: .32rem;
    width: 2px;
    background: var(--border, #d8dee8);
    content: "";
}

.eip-signflow-mobile-item {
    position: relative;
    margin-bottom: .75rem;
    padding: .7rem .75rem;
    overflow-wrap: anywhere;
    background: var(--surface-alt, var(--card-header-bg, #f7f9fc));
    border: 1px solid var(--border, var(--card-border, #d8dee8));
    border-left: 3px solid var(--accent-info, #2563eb);
    border-radius: .5rem;
}

.eip-signflow-mobile-item::before {
    position: absolute;
    top: .9rem;
    left: -1.22rem;
    width: .7rem;
    height: .7rem;
    background: var(--surface, #fff);
    border: 2px solid var(--accent-info, #2563eb);
    border-radius: 50%;
    content: "";
}

.eip-signflow-mobile-item:last-child {
    margin-bottom: 0;
}

.eip-signflow-mobile-item-rejected {
    border-left-color: var(--accent-danger, #dc3545);
}

.eip-signflow-mobile-item-rejected::before {
    border-color: var(--accent-danger, #dc3545);
}

.eip-signflow-mobile-item-pending {
    border-left-color: var(--accent-warning, #d97706);
}

.eip-signflow-mobile-item-pending::before {
    border-color: var(--accent-warning, #d97706);
}

.eip-signflow-mobile-item-end {
    border-left-color: var(--accent-success, #198754);
}

.eip-signflow-mobile-item-end::before {
    border-color: var(--accent-success, #198754);
}

.eip-signflow-mobile-item-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-bottom: .25rem;
}

.eip-signflow-mobile-stage {
    font-size: .84rem;
    font-weight: 700;
}

.eip-signflow-mobile-reviewer,
.eip-signflow-mobile-time {
    display: block;
    margin-top: .2rem;
    color: var(--text-muted, #64748b);
    font-size: .78rem;
}

.eip-signflow-mobile-reviewer .badge {
    margin-left: .3rem;
}

.eip-signflow-mobile-memo {
    margin-top: .4rem;
    padding: .4rem .5rem;
    color: var(--text, var(--text-primary, #1f2937));
    background: var(--surface-2, rgb(0 0 0 / 4%));
    border-radius: .35rem;
    font-size: .8rem;
    white-space: pre-wrap;
}