.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.login-card {
    width: 100%;
    max-width: 400px;
}

.request-card {
    cursor: pointer;
    transition: box-shadow 0.3s ease;
    width: 100%;
    min-width: 500px;
}

.request-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.border-top {
    border-top: 1px solid #e0e0e0;
}

code {
    word-break: break-all;
    white-space: pre-wrap;
}

.bg-grey-lighten-3 {
    background-color: #f5f5f5;
}

/* Timeline styling to make items wider */
:deep(.v-timeline-item) {
    width: 100%;
}

:deep(.v-timeline-item__body) {
    width: 100%;
}

#payloadTextarea {
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    white-space: nowrap;
}